diff --git a/README.md b/README.md
index 8385d596..eb5df7fd 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
# Euno's "Blades In The Dark" for Foundry VTT
-
+
| [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) | [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=bugs)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) |
| :-----------: | :-----------: |
| [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades)
[![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) | [![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=ncloc)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades)
[![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=Eunomiac_eunos-blades&metric=duplicated_lines_density)](https://sonarcloud.io/summary/new_code?id=Eunomiac_eunos-blades) |
@@ -8,7 +8,7 @@ Welcome to Eunomiac's system implementation for "Blades in the Dark" by [Evil Ha
## THE GAME
> *Blades in the Dark is a game about a group of daring scoundrels building a criminal enterprise on the haunted streets of an industrial-fantasy city. There are heists, chases, escapes, dangerous bargains, bloody skirmishes, deceptions, betrayals, victories, and deaths.*
->
+>
> *We play to find out if the fledgling crew can thrive amidst the teeming threats of rival gangs, powerful noble families, vengeful ghosts, the Bluecoats of the City Watch, and the siren song of the scoundrels’ own vices.*
(assuming you can supply the licensed content yourself, that is)
-
- + \ No newline at end of file diff --git a/VSC Workspace.lnk b/VSC Workspace.lnk deleted file mode 100644 index 9e969d13..00000000 Binary files a/VSC Workspace.lnk and /dev/null differ diff --git a/assets/!Cutter.bmp b/assets/!Cutter.bmp deleted file mode 100644 index f9317a29..00000000 Binary files a/assets/!Cutter.bmp and /dev/null differ diff --git a/assets/!Hound.bmp b/assets/!Hound.bmp deleted file mode 100644 index 6cbb4578..00000000 Binary files a/assets/!Hound.bmp and /dev/null differ diff --git a/assets/!Leech.bmp b/assets/!Leech.bmp deleted file mode 100644 index be87eae8..00000000 Binary files a/assets/!Leech.bmp and /dev/null differ diff --git a/assets/!Lurk.bmp b/assets/!Lurk.bmp deleted file mode 100644 index b1abac34..00000000 Binary files a/assets/!Lurk.bmp and /dev/null differ diff --git a/assets/!Slide.bmp b/assets/!Slide.bmp deleted file mode 100644 index cf39c83c..00000000 Binary files a/assets/!Slide.bmp and /dev/null differ diff --git a/assets/!Spider.bmp b/assets/!Spider.bmp deleted file mode 100644 index a64b918b..00000000 Binary files a/assets/!Spider.bmp and /dev/null differ diff --git a/assets/!Vampire.bmp b/assets/!Vampire.bmp deleted file mode 100644 index d9d699d7..00000000 Binary files a/assets/!Vampire.bmp and /dev/null differ diff --git a/assets/!Whisper.bmp b/assets/!Whisper.bmp deleted file mode 100644 index 54176b2c..00000000 Binary files a/assets/!Whisper.bmp and /dev/null differ diff --git a/assets/Kincaid Knight.bmp b/assets/Kincaid Knight.bmp deleted file mode 100644 index 0a2bf37b..00000000 Binary files a/assets/Kincaid Knight.bmp and /dev/null differ diff --git a/assets/assets.lnk b/assets/assets.lnk deleted file mode 100644 index 4f86e2d7..00000000 Binary files a/assets/assets.lnk and /dev/null differ diff --git a/assets/attribute-flare.webp b/assets/attribute-flare.webp deleted file mode 100644 index 69ce6a98..00000000 Binary files a/assets/attribute-flare.webp and /dev/null differ diff --git a/assets/backgrounds/ink-streak-1.png b/assets/backgrounds/ink-streak-1.png deleted file mode 100644 index 932eca25..00000000 Binary files a/assets/backgrounds/ink-streak-1.png and /dev/null differ diff --git a/assets/backgrounds/ink-streak-2.png b/assets/backgrounds/ink-streak-2.png deleted file mode 100644 index 2067caf0..00000000 Binary files a/assets/backgrounds/ink-streak-2.png and /dev/null differ diff --git a/assets/backgrounds/ink-streak-3.png b/assets/backgrounds/ink-streak-3.png deleted file mode 100644 index 85222eb5..00000000 Binary files a/assets/backgrounds/ink-streak-3.png and /dev/null differ diff --git a/assets/backgrounds/ink-swipe-1.png b/assets/backgrounds/ink-swipe-1.png deleted file mode 100644 index 8c8b0d33..00000000 Binary files a/assets/backgrounds/ink-swipe-1.png and /dev/null differ diff --git a/assets/backgrounds/ink-swipe-2.png b/assets/backgrounds/ink-swipe-2.png deleted file mode 100644 index 59a1aae9..00000000 Binary files a/assets/backgrounds/ink-swipe-2.png and /dev/null differ diff --git a/assets/backgrounds/ink-swipe-3.png b/assets/backgrounds/ink-swipe-3.png deleted file mode 100644 index ac929137..00000000 Binary files a/assets/backgrounds/ink-swipe-3.png and /dev/null differ diff --git a/assets/backgrounds/ink-swipe-diagonal.png b/assets/backgrounds/ink-swipe-diagonal.png deleted file mode 100644 index 871460c6..00000000 Binary files a/assets/backgrounds/ink-swipe-diagonal.png and /dev/null differ diff --git a/assets/candle.webm b/assets/candle.webm deleted file mode 100644 index b475c003..00000000 Binary files a/assets/candle.webm and /dev/null differ diff --git a/assets/candleFlame.mov b/assets/candleFlame.mov deleted file mode 100644 index b67448c7..00000000 Binary files a/assets/candleFlame.mov and /dev/null differ diff --git a/assets/candleFlame2.mp4 b/assets/candleFlame2.mp4 deleted file mode 100644 index d6c80ccb..00000000 Binary files a/assets/candleFlame2.mp4 and /dev/null differ diff --git a/assets/candleFlame2.webm b/assets/candleFlame2.webm deleted file mode 100644 index 709fecc4..00000000 Binary files a/assets/candleFlame2.webm and /dev/null differ diff --git a/assets/candleFlame3.mp4 b/assets/candleFlame3.mp4 deleted file mode 100644 index 2577edce..00000000 Binary files a/assets/candleFlame3.mp4 and /dev/null differ diff --git a/assets/candleFlame3.webm b/assets/candleFlame3.webm deleted file mode 100644 index a22ddddb..00000000 Binary files a/assets/candleFlame3.webm and /dev/null differ diff --git a/assets/clocks/clock-bg-test.webp b/assets/clocks/clock-bg-test.webp deleted file mode 100644 index 1bb88fbd..00000000 Binary files a/assets/clocks/clock-bg-test.webp and /dev/null differ diff --git a/assets/clocks/key-1-bg.webp b/assets/clocks/key-1-bg.webp deleted file mode 100644 index ed725ea4..00000000 Binary files a/assets/clocks/key-1-bg.webp and /dev/null differ diff --git a/assets/clocks/key-1-fg.webp b/assets/clocks/key-1-fg.webp deleted file mode 100644 index 06a2aafc..00000000 Binary files a/assets/clocks/key-1-fg.webp and /dev/null differ diff --git a/assets/clocks/key-2-bg.webp b/assets/clocks/key-2-bg.webp deleted file mode 100644 index ab1ebf25..00000000 Binary files a/assets/clocks/key-2-bg.webp and /dev/null differ diff --git a/assets/clocks/key-2-fg.webp b/assets/clocks/key-2-fg.webp deleted file mode 100644 index e8f44dd3..00000000 Binary files a/assets/clocks/key-2-fg.webp and /dev/null differ diff --git a/assets/clocks/key-3-bg.webp b/assets/clocks/key-3-bg.webp deleted file mode 100644 index f1e71c69..00000000 Binary files a/assets/clocks/key-3-bg.webp and /dev/null differ diff --git a/assets/clocks/key-3-fg.webp b/assets/clocks/key-3-fg.webp deleted file mode 100644 index d2369ea9..00000000 Binary files a/assets/clocks/key-3-fg.webp and /dev/null differ diff --git a/assets/clocks/key-4-bg.webp b/assets/clocks/key-4-bg.webp deleted file mode 100644 index ae3901d1..00000000 Binary files a/assets/clocks/key-4-bg.webp and /dev/null differ diff --git a/assets/clocks/key-4-fg.webp b/assets/clocks/key-4-fg.webp deleted file mode 100644 index e1afab52..00000000 Binary files a/assets/clocks/key-4-fg.webp and /dev/null differ diff --git a/assets/clocks/key-5-bg.webp b/assets/clocks/key-5-bg.webp deleted file mode 100644 index fed93003..00000000 Binary files a/assets/clocks/key-5-bg.webp and /dev/null differ diff --git a/assets/clocks/key-5-fg.webp b/assets/clocks/key-5-fg.webp deleted file mode 100644 index 6dfdc580..00000000 Binary files a/assets/clocks/key-5-fg.webp and /dev/null differ diff --git a/assets/clocks/key-6-bg.webp b/assets/clocks/key-6-bg.webp deleted file mode 100644 index 4f391b44..00000000 Binary files a/assets/clocks/key-6-bg.webp and /dev/null differ diff --git a/assets/clocks/key-6-fg.webp b/assets/clocks/key-6-fg.webp deleted file mode 100644 index 37a8145d..00000000 Binary files a/assets/clocks/key-6-fg.webp and /dev/null differ diff --git a/assets/debug-false-canvas.webp b/assets/debug-false-canvas.webp deleted file mode 100644 index a45d6661..00000000 Binary files a/assets/debug-false-canvas.webp and /dev/null differ diff --git a/assets/maps/doskvol-no-lightning.webp b/assets/maps/doskvol-no-lightning.webp deleted file mode 100644 index 39cbc122..00000000 Binary files a/assets/maps/doskvol-no-lightning.webp and /dev/null differ diff --git a/assets/maps/doskvol.webp b/assets/maps/doskvol.webp deleted file mode 100644 index 39079d1c..00000000 Binary files a/assets/maps/doskvol.webp and /dev/null differ diff --git a/assets/nav-flare.mp4 b/assets/nav-flare.mp4 deleted file mode 100644 index ab5517a1..00000000 Binary files a/assets/nav-flare.mp4 and /dev/null differ diff --git a/assets/nav-flare.webp b/assets/nav-flare.webp deleted file mode 100644 index 9a09b493..00000000 Binary files a/assets/nav-flare.webp and /dev/null differ diff --git a/assets/teeth/shorttooth-grey.png b/assets/teeth/shorttooth-grey.png deleted file mode 100644 index f9840619..00000000 Binary files a/assets/teeth/shorttooth-grey.png and /dev/null differ diff --git a/assets/teeth/shorttooth-red.png b/assets/teeth/shorttooth-red.png deleted file mode 100644 index 6c16125b..00000000 Binary files a/assets/teeth/shorttooth-red.png and /dev/null differ diff --git a/assets/teeth/stresstooth-2.png b/assets/teeth/stresstooth-2.png deleted file mode 100644 index 54cdc6c2..00000000 Binary files a/assets/teeth/stresstooth-2.png and /dev/null differ diff --git a/assets/teeth/stresstooth-3.png b/assets/teeth/stresstooth-3.png deleted file mode 100644 index 1c3d0b5e..00000000 Binary files a/assets/teeth/stresstooth-3.png and /dev/null differ diff --git a/assets/teeth/stresstooth-4.png b/assets/teeth/stresstooth-4.png deleted file mode 100644 index 4212914f..00000000 Binary files a/assets/teeth/stresstooth-4.png and /dev/null differ diff --git a/assets/teeth/stresstooth-5.png b/assets/teeth/stresstooth-5.png deleted file mode 100644 index aae8cfe5..00000000 Binary files a/assets/teeth/stresstooth-5.png and /dev/null differ diff --git a/assets/teeth/stresstooth-6.png b/assets/teeth/stresstooth-6.png deleted file mode 100644 index 54cf3920..00000000 Binary files a/assets/teeth/stresstooth-6.png and /dev/null differ diff --git a/assets/teeth/stresstooth-black-original.png b/assets/teeth/stresstooth-black-original.png deleted file mode 100644 index e8ba3d1c..00000000 Binary files a/assets/teeth/stresstooth-black-original.png and /dev/null differ diff --git a/assets/teeth/stresstooth-black.png b/assets/teeth/stresstooth-black.png deleted file mode 100644 index cb83d877..00000000 Binary files a/assets/teeth/stresstooth-black.png and /dev/null differ diff --git a/assets/teeth/stresstooth-blue.png b/assets/teeth/stresstooth-blue.png deleted file mode 100644 index 98c199d5..00000000 Binary files a/assets/teeth/stresstooth-blue.png and /dev/null differ diff --git a/assets/teeth/stresstooth-halfgrey.png b/assets/teeth/stresstooth-halfgrey.png deleted file mode 100644 index d37bbf54..00000000 Binary files a/assets/teeth/stresstooth-halfgrey.png and /dev/null differ diff --git a/assets/teeth/stresstooth-red.png b/assets/teeth/stresstooth-red.png deleted file mode 100644 index d614836d..00000000 Binary files a/assets/teeth/stresstooth-red.png and /dev/null differ diff --git a/assets/teeth/xptooth-blue.png b/assets/teeth/xptooth-blue.png deleted file mode 100644 index cb83d877..00000000 Binary files a/assets/teeth/xptooth-blue.png and /dev/null differ diff --git a/assets/teeth/xptooth-red.png b/assets/teeth/xptooth-red.png deleted file mode 100644 index ee612155..00000000 Binary files a/assets/teeth/xptooth-red.png and /dev/null differ diff --git a/assets/teeth/xptooth-white.png b/assets/teeth/xptooth-white.png deleted file mode 100644 index df81a24b..00000000 Binary files a/assets/teeth/xptooth-white.png and /dev/null differ diff --git a/css/emu-styles.css b/css/emu-styles.css deleted file mode 100644 index ea2726af..00000000 --- a/css/emu-styles.css +++ /dev/null @@ -1,8801 +0,0 @@ -/* stylelint-disable font-family-no-missing-generic-family-keyword */ -/* stylelint-disable selector-type-no-unknown */ -/* stylelint-disable selector-no-vendor-prefix */ -/* stylelint-disable declaration-block-no-shorthand-property-overrides */ -/* stylelint-disable no-duplicate-selectors */ -/* stylelint-disable declaration-block-no-redundant-longhand-properties */ -/* stylelint-disable selector-class-pattern */ -/* stylelint-disable selector-id-pattern */ -/* stylelint-disable rule-empty-line-before */ -/* stylelint-disable color-function-notation */ -/* stylelint-disable order/properties-order */ -/* stylelint-disable no-descending-specificity */ -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-16px); - font-family: inherit; - height: initial; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body .dialog .tabs a > i, -body .dialog .sheet-tabs a > i, -body #sidebar .tabs a > i, -body #sidebar .sheet-tabs a > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a > i, -body #module-management .list-filters a > i, -body .dialog button > i, -body #sidebar button > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button > i, -body #menu #menu-items li > i, -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i, -body .window-app[id*="JournalEntry-"] a.editor-edit > i, -body .alwayshp-btn > i, -body #sidebar #combat .add-temporary > i, -body .sidebar-popout #combat .add-temporary > i, -body #specials-config .fxmaster .directory-header a > i, -body ul.command-menu li > i, -body #token-action-hud button.tah-title-button > i, -body #token-action-hud .tah-action button > i, -body #sidebar .token-mold > label > span > i, -body .sidebar-popout .token-mold > label > span > i, -body .sheet[id*="activeeffect-sheet-"] .effects-header a > i, -body .window-app[id*="cards-sheet-"] .cards-header a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > i, -body .window-app[id*="cards-sheet-"] .cards .card a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > i { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .tabs a > label, -body .dialog .sheet-tabs a > label, -body #sidebar .tabs a > label, -body #sidebar .sheet-tabs a > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a > label, -body #module-management .list-filters a > label, -body .dialog button > label, -body #sidebar button > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button > label, -body #menu #menu-items li > label, -body #sidebar #combat #combat-controls .combat-control > label, -body .sidebar-popout #combat #combat-controls .combat-control > label, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > label, -body .window-app[id*="JournalEntry-"] a.editor-edit > label, -body .alwayshp-btn > label, -body #sidebar #combat .add-temporary > label, -body .sidebar-popout #combat .add-temporary > label, -body #specials-config .fxmaster .directory-header a > label, -body ul.command-menu li > label, -body #token-action-hud button.tah-title-button > label, -body #token-action-hud .tah-action button > label, -body #sidebar .token-mold > label > span > label, -body .sidebar-popout .token-mold > label > span > label, -body .sheet[id*="activeeffect-sheet-"] .effects-header a > label, -body .window-app[id*="cards-sheet-"] .cards-header a > label, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > label, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > label, -body .window-app[id*="cards-sheet-"] .cards .card a > label, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > label, -body .dialog .directory .directory-item.folder .folder-header .create-folder > label, -body .dialog .directory .directory-item.folder .folder-header .create-entity > label, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > label, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > label, -body .dialog .directory .directory-item .create-folder > label, -body .dialog .directory .directory-item .create-document > label, -body #sidebar .directory .directory-item .create-folder > label, -body #sidebar .directory .directory-item .create-document > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > label, -body #navigation #nav-toggle > label, -body .window-app .window-header > a > label, -body .window-app .window-header a.header-button > label, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > label, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > label, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > label, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > label, -body #sidebar #combat .combat-tracker-header .encounters a > label, -body #sidebar #combat .combat-tracker-header .encounter-controls a > label, -body .sidebar-popout #combat .combat-tracker-header .encounters a > label, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > label, -body #sidebar #combat #combat-tracker .combatant .combatant-control > label, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > label, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > label, -body #sidebar #playlists #currently-playing .sound .sound-control > label, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > label, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > label, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > label, -body #dfcp-rt-buttons button > label, -body #specials-config .fxmaster .special-effects .controls a > label, -body div.permission-viewer a > label, -body #smalltime-app #displayContainer .arrow > label, -body #token-action-hud #tah-reposition > label, -body #token-action-hud #tah-categories > label, -body #sidebar .token-mold > a > label, -body .sidebar-popout .token-mold > a > label, -body #sidebar .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > label { - color: inherit !important; } - -body { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; - font-size: var(--size-14px); } - body .sidebar-popout { - border-radius: 0; - height: auto; - min-height: 50vh; - min-width: var(--blades-spacer-sidebar); } - body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .-emu-layout .header-control > label { - font-size: inherit !important; } - body .sidebar-popout .window-content { - background-color: transparent; - padding: 0; } - body .dialog .dialog-buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm); } - body .dialog .dialog-buttons .dialog-button { - background-color: rgba(var(--color-background-button), 1); - background-image: none; - border: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .dialog .dialog-buttons .dialog-button:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body .dialog .dialog-buttons:empty { - display: none; } - body .dialog.window-app > .window-content { - padding: 0; } - body .dialog div.dialog-content { - padding: 0 var(--blades-spacer-sm); - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body .dialog div.dialog-content > p { - margin: 0; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); } - body .dialog form.dialog-content { - -webkit-padding-before: var(--blades-spacer-md); - padding-block-start: var(--blades-spacer-md); } - body .dialog .dialog-content { - color: rgba(var(--color-text), 1); - font-size: var(--size-16px); - padding: var(--blades-spacer-sm); } - body .dialog .dialog-content > p + .form-group { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); } - body .dialog .dialog-content > p:first-child { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .dialog .dialog-content > .form-group { - padding: 0; } - body .dialog .dialog-content > .form-group + .dialog-buttons { - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body .dialog .dialog-content > h3 { - -webkit-margin-before: 0; - margin-block-start: 0; } - body .dialog .dialog-content > h3:first-child { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); } - body .dialog #entity-create label { - -webkit-box-flex: 0; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - body .dialog #drop-folder { - margin: 0; } - body #context-menu { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - left: 0; - position: absolute; - max-width: 20rem; - min-width: 9.5rem; - width: 100%; - z-index: 1070; } - body #context-menu.expand-down { - top: 100%; } - body #context-menu.expand-up { - bottom: 100%; } - body #context-menu ol.context-items .context-item { - text-shadow: none; - cursor: pointer; - line-height: initial; - padding: var(--blades-spacer-base); - text-align: left; } - body #context-menu ol.context-items .context-item:first-child { - border-radius: 0 0 0 0; } - body #context-menu ol.context-items .context-item:last-child { - border-radius: 0 0 0 0; } - body #context-menu ol.context-items .context-item:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body #fps { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - border-radius: 0; - display: none; - line-height: initial; - margin: 0; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-base); - width: auto; } - body #hotbar { - width: auto; - height: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - z-index: 10; } - body #hotbar:hover { - z-index: 11; } - body #hotbar #action-bar { - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - margin: 0; - pointer-events: all; - position: relative; } - body #hotbar #macro-list { - border: none; - border-radius: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - float: left; - height: auto; - position: relative; - width: auto; } - body #hotbar .bar-controls { - background: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - width: 2.5rem; - height: 3.5rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - pointer-events: all; - position: relative; } - body #hotbar .bar-controls:first-child { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #hotbar .bar-controls:last-child { - float: left; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #hotbar .bar-controls .page-control:first-of-type { - border-radius: 0 0 0 0; } - body #hotbar .bar-controls .page-control:last-of-type { - border-radius: 0 0 0 0; } - body #hotbar .bar-controls .page-number { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; } - body #hotbar .macro { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: 3.5rem; - height: 3.5rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-margin-start: -1px; - margin-inline-start: -1px; - position: relative; } - body #hotbar .macro:first-child { - border-radius: 0 0 0 0; - -webkit-margin-start: 0; - margin-inline-start: 0; } - body #hotbar .macro:last-child { - border-radius: 0 0 0 0; } - body #hotbar .macro.active { - background-color: rgba(var(--color-background), 0.8); } - body #hotbar .macro .macro-key { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - font-weight: 600; - text-shadow: 2px 2px 2px var(--blades-black-dark); - top: var(--blades-spacer-xs); - right: var(--blades-spacer-base); - position: absolute; - padding: 0; - z-index: 1; } - body #hotbar .macro .macro-icon { - border: none; - width: 3rem; - height: 3rem; - max-height: 100%; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 50%; - object-position: 50% 50%; - position: relative; } - body #hotbar .macro .tooltip { - background-color: rgba(var(--color-background-darkest), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - left: 0; - line-height: var(--line-height-default); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - min-width: 3.5rem; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - body #hud .placeable-hud .col { - gap: var(--blades-spacer-base); } - body #hud input[type="text"] { - background: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); - height: var(--blades-spacer-button-lg); } - body #hud .attribute { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; } - body #hud .attribute.elevation { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0; } - body #hud .attribute.elevation > input { - height: 100%; } - body #hud .attribute.elevation > i { - color: rgba(var(--color-primary), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - z-index: 1; } - body #hud .attribute.bar1 input[type="text"] { - border-color: var(--blades-color-positive); } - body #hud .attribute.bar2 input[type="text"] { - border-color: var(--blades-grey); } - body #hud .control-icon { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #hud .control-icon > i { - margin: 0; - position: relative; } - body #hud .control-icon img { - margin: 0; - opacity: 1; } - body #hud .control-icon:hover { - background-image: none; } - body #hud .control-icon:focus { - background-image: none; } - body #hud .control-icon.active { - background-image: none; } - body #hud #token-hud .status-effects { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - padding: var(--blades-spacer-base); - left: 3rem; } - body #hud #token-hud .status-effects .effect-control { - opacity: 0.4; } - body #hud #token-hud .status-effects .effect-control:hover { - opacity: 0.6; } - body #hud #token-hud .status-effects .effect-control.active { - opacity: 1; } - body #hud #token-hud .thwildcard-button-select { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; } - body #hud .token-info-container { - margin: 0; } - body #hud .token-info-container .token-info-column-left { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: -7.5rem; } - body #hud .token-info-container .token-info-column-right { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - right: -7.5rem; } - body #hud .token-info-container .token-info-icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; - margin: 0 !important; - min-width: 0; - padding: var(--blades-spacer-sm); } - body #hud .token-info-container .token-info-icon .token-info-speed { - font-size: var(--size-12px); - width: 100%; } - body #hud .token-info-container .token-info-icon .token-info-speed > span { - font-size: inherit !important; } - body #loading { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - top: var(--blades-spacer-sm); - left: 0; - position: absolute; - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - height: 1.5rem; - display: none; - pointer-events: none; - z-index: 10; } - body #loading::after { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - -webkit-box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - content: ""; } - body #loading #loading-bar { - background-color: rgba(var(--color-primary), 1); - border: none; - border-radius: 0; - height: 100%; - margin: 0; - min-width: 25%; - position: relative; } - body #loading #context { - left: 0; } - body #loading #progress { - right: 0; } - body #logo { - display: none !important; - border: none; - border-radius: 0; - height: auto !important; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - max-height: 2.75rem; - max-width: 5.5rem; - pointer-events: all; - width: auto; } - body #menu { - background: transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - top: 0; - left: 0; - position: fixed; - width: 100%; - height: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 1070; } - body #menu #menu-items { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); } - body #menu #menu-items li { - font-size: var(--size-20px); } - body #notifications { - border-radius: 0; - top: 7.5rem; - left: 9.25rem; - position: fixed; - width: calc(100% - 32.5rem); - z-index: 1070; } - body .notification { - background-color: var(--blades-black); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: var(--blades-white-bright); - line-height: initial; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); - -webkit-padding-end: var(--blades-spacer-xl); - padding-inline-end: var(--blades-spacer-xl); } - body .notification::before { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .notification.info { - background-color: var(--blades-grey); - border-color: var(--blades-grey-bright); } - body .notification.warning { - background-color: var(--blades-gold); - border-color: var(--blades-gold-bright); - color: var(--blades-black); } - body .notification.error { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); } - body .notification .close { - top: var(--blades-spacer-sm); - right: var(--blades-spacer-sm); - position: absolute; - line-height: var(--line-height-compact); - margin: 0; - -webkit-margin-before: var(--blades-spacer-xs); - margin-block-start: var(--blades-spacer-xs); } - body #pause { - background: transparent; } - body #pause h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-24px); } - body #players { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: block; - margin: var(--blades-spacer-sm); - padding: 0; - pointer-events: all; - z-index: 10; } - body #players.hidden { - display: none; } - body #players > h3 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-transform: uppercase; } - body #players > h3 .players-mode { - color: inherit; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - text-align: right; - position: relative; } - body #players > h3 > i { - position: relative; } - body #players > h3 > i:first-of-type { - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #players > h3 > i:last-of-type { - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - -webkit-margin-end: 0; - margin-inline-end: 0; } - body #players > ol { - padding: var(--blades-spacer-sm); } - body #players > ol .player { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-xs) 0; - position: relative; - width: 100%; } - body #players > ol .player.context .player-name { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - body #players > ol .player-name { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - position: relative; - word-break: break-all; } - body #players > ol .player-name.self { - color: rgba(var(--color-text-lightest), 1); } - body #players > ol .player-active { - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - position: relative; } - body #players > ol .player-active.active { - -webkit-box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - body #controls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - gap: var(--blades-spacer-base); - height: 0; - max-width: 100%; - overflow: hidden; - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - position: relative; } - body #controls .control-tools { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - opacity: 1; - overflow: visible; - padding: 0; - pointer-events: none; - position: relative; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; } - body #controls .control-tools.main-controls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #controls .control-tools .scene-control { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; } - body #controls .control-tools .scene-control.active .control-tools { - opacity: 1; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; } - body #controls .control-tools .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; } - body #controls .control-tools .control-tool.toggle { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - color: rgba(var(--color-text), 1); } - body #controls .control-tools .control-tool.toggle:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body #controls .control-tools .control-tool.toggle.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; } - body #controls .sdr-sub-controls { - bottom: 0; - left: var(--blades-spacer-sm); - position: absolute; } - body #controls #SDRpopup.simple-dice-roller-popup { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid !important; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - line-height: initial; - margin: 0; - pointer-events: all; } - body #controls #SDRpopup.simple-dice-roller-popup ul { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - body #controls #SDRpopup.simple-dice-roller-popup li { - border: none; - -webkit-border-end: rgba(var(--color-border), 1) 1px solid; - border-inline-end: rgba(var(--color-border), 1) 1px solid; - width: 3rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - body #controls #SDRpopup.simple-dice-roller-popup li:first-child { - width: 7rem; } - body #controls #SDRpopup.simple-dice-roller-popup li:last-child { - -webkit-border-end: none; - border-inline-end: none; } - body #controls #SDRpopup.simple-dice-roller-popup li > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #navigation { - background: none; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - margin: 0; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); - padding: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - z-index: 10; } - body #navigation #nav-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - margin: 0; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - z-index: 10; } - body #navigation #scene-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - position: relative; - pointer-events: all; } - body #navigation #scene-list .scene { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - outline: none; - text-shadow: none; - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; - height: 2.25rem; - cursor: pointer; - display: block; - line-height: 2.25rem; - margin: 0; - max-width: 15rem; - min-width: 7rem; - padding: 0 var(--blades-spacer-md); - pointer-events: all; - position: relative; - text-align: center; } - body #navigation #scene-list .scene:last-of-type { - -webkit-margin-end: 0; - margin-inline-end: 0; } - body #navigation #scene-list .scene.gm { - background: #272000; - border: 1px solid var(--blades-gold); } - body #navigation #scene-list .scene:not(.gm) { - background-color: rgba(var(--color-background), 0.8); - background-image: none; } - body #navigation #scene-list .scene:hover { - background-image: none; } - body #navigation #scene-list .scene:focus { - background-image: none; } - body #navigation #scene-list .scene a { - text-shadow: none; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: none; - display: block; } - body #navigation #scene-list .scene a > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #navigation #scene-list .scene-players { - top: 0; - left: 0; - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - list-style: none; - margin: 0; - -webkit-margin-before: calc(-1 * var(--blades-spacer-base)); - margin-block-start: calc(-1 * var(--blades-spacer-base)); - padding: 0; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - pointer-events: none; } - body #navigation #scene-list .scene-player { - background-color: var(--blades-white-bright); - border-radius: 0; - border: none; - -webkit-box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - color: transparent; - font-size: var(--size-10px); - width: 0.75rem; - height: 0.75rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - position: relative; - text-transform: uppercase; } - body #tooltip { - background: rgba(var(--color-background-darkest), 0.9); - border: none; - -webkit-box-shadow: 0 0 4px var(--blades-black-dark); - box-shadow: 0 0 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: var(--size-14px); - line-height: var(--line-height-default); - max-width: 320px; - opacity: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-md); - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; } - body #tooltip.active { - opacity: 1; } - body #ui-left { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body #ui-middle { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body #ui-right { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } - body #ui-top { - margin: 0; - position: relative; } - body #ui-top.offset { - -webkit-margin-start: calc(var(--blades-spacer-sidebar)/ - 4); - margin-inline-start: calc(var(--blades-spacer-sidebar)/ - 4); } - body #ui-bottom { - position: relative; } - body #ui-bottom > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body .app { - background: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - max-height: 100%; - padding: 0; - z-index: 10; } - body .app.window-app .archive-new table { - background-color: transparent; - border: none; } - body .app.window-app .archive-new table tr td { - padding: var(--blades-spacer-base); } - body .app.window-app .archive-new table tr td button { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .app.window-app #dfca-delete-all { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - margin: 0; - width: 100%; } - body .app.window-app .open-gm-note > i { - margin: 0 var(--blades-spacer-base); } - body .app.window-app form.pdf-item-sheet .field-row { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body .window-app { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; } - body .window-app.minimized .window-resizable-handle { - display: none; } - body .window-app .window-header { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-xs); - line-height: initial; - margin: 0; - overflow: hidden; - padding: var(--blades-spacer-sm); - position: relative; } - body .window-app .window-header h4.window-title { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-weight: normal; - margin: 0; - position: relative; } - body .window-app .window-header h4.window-title .document-id-link { - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - opacity: 0.8; } - body .window-app .window-header h4.window-title .document-id-link i { - margin: 0; } - body .window-app .window-content { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - color: rgba(var(--color-text), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - font-size: var(--size-14px); - margin: 0; - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-sm); - position: relative; } - body .window-app .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); } - body .window-app .window-content form.flexcol { - height: 100%; } - body .window-app .window-content form .form-body { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; } - body .window-app .window-content form .form-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body .window-app .window-content .chat-message { - border-radius: 0; } - body .window-app .window-content .sheet-footer { - gap: var(--blades-spacer-base); } - body .window-app .window-resizable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - right: 0; - bottom: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .window-app .window-resizable-handle > i { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand { - bottom: var(--blades-spacer-base); - position: absolute !important; - left: auto; - right: var(--blades-spacer-base); - top: auto; } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand.fullscreen { - position: fixed !important; - z-index: 16; } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand > i { - margin: 0; } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; - -webkit-margin-after: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-md); } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor.fullscreen { - height: calc(100% - 10rem); - margin: 0; - z-index: 15; } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor.fullscreen::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - background-color: var(--blades-black-dark-fade); - content: ""; } - body .window-app .ve-window { - background: none; - gap: var(--blades-spacer-md); } - body .window-app .ve-window > .mx-2 { - display: none; } - body .window-app .ve-window .imp-wiz__head-panel { - font-size: initial; - text-decoration: none; } - body .window-app .ve-window .ve-flex-col { - gap: var(--blades-spacer-base); } - body .window-app .ve-window .imp-wiz__row-mode { - gap: var(--blades-spacer-base); - margin: 0 !important; } - body .window-app .ve-window .imp-wiz__btn-package-archive { - width: 100%; } - body .window-app .ve-window .imp-wiz__btn-quick { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body .window-app .ve-window .imp-wiz__btn-quick > i { - margin: 0 !important; } - body .window-app .ve-window .btn-5et { - font-size: var(--size-14px) !important; - overflow: hidden; - white-space: normal; } - body .window-app .window-draggable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .window-app .window-draggable-handle > i { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - body .window-app.token-mold .window-content { - overflow: hidden; } - body .window-app.token-mold .window-content nav { - background-color: transparent; - padding: 0; } - body .window-app.token-mold .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - body .window-app.token-mold .window-content form section + section { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - body .window-app.token-mold .window-content form .add-attribute { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .window-app.token-mold .window-content form .flexcol { - border: none; - padding: 0; - width: 1px; } - body .window-app.token-mold .window-content form .flexcol > select { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - width: auto; } - body .window-app.token-mold .window-content .form-group input[type="checkbox"] + label { - -webkit-box-flex: 1; - -ms-flex: 1 1 40%; - flex: 1 1 40%; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); } - body .window-app.token-mold .window-content .form-group.unlinked { - border: none; } - body .window-app.token-mold .window-content .info { - height: auto; } - body .sheet .sheet-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - position: relative; } - body .sheet .sheet-header > img { - border: none; - cursor: pointer; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 50%; - object-position: 50% 50%; - position: relative; } - body .sheet .sheet-header > h1 { - border: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; } - body .sheet .sheet-header > h1 input { - background-color: rgba(var(--color-background-light), 0.2); - width: 100%; - height: 2.5rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-24px); - line-height: var(--line-height-compact); - margin: 0; } - body .sheet .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - width: 100%; - z-index: 10; } - body .sheet .sheet-footer + ::after { - display: none; } - body #sidebar { - -webkit-border-end: none; - border-inline-end: none; - border-radius: 0 0 0 0; - position: relative; } - body #sidebar #emu-sidebar-lock { - display: none; } - body #sidebar [data-tab="chat"].small-chat + #combat { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - body #sidebar .small-chat::after { - border-color: rgba(var(--color-primary), 1); } - body .sheet[id*="activeeffect-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .sheet[id*="activeeffect-sheet-"] .changes-list { - list-style: none; - margin: 0; - padding: 0; - width: 100%; } - body .sheet[id*="activeeffect-sheet-"] .changes-list li:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body #av-config form .sheet-tabs { - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; } - body #av-config form .webrtc-custom-turn-config { - width: 100%; } - body #av-config form label { - font-weight: 400; } - body .window-app[id*="cards-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header { - gap: var(--blades-spacer-base); - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header h4 { - font-weight: 700; - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header .card-controls [data-action="create"] { - padding: 0 var(--blades-spacer-base); - width: auto; } - body .window-app[id*="cards-sheet-"] .cards .card { - gap: var(--blades-spacer-base); } - body .window-app[id*="cards-sheet-"] .cards .card .card-control[disabled] { - opacity: 0.5; } - body .window-app[id*="card-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="card-sheet-"] button.face-control > i { - margin: 0; } - body .window-app[id*="chat-popout-"] .window-content { - padding: 0; } - body .window-app[id*="chat-popout-"] .window-content .chat-message { - background: none; - border: none; - margin: 0; - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form nav.tabs { - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; } - body #client-settings.window-app.form #config-tabs { - border: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow-y: auto; } - body #client-settings.window-app.form section.content h2.module-header { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #client-settings.window-app.form section.content .submenu > button { - height: initial; - font-size: var(--size-16px); } - body #client-settings.window-app.form section.content .submenu > button label { - color: inherit; - pointer-events: none; } - body #client-settings.window-app.form section.content .submenu > label { - line-height: initial; } - body #client-settings.window-app.form section.content .settings-list { - border: none; - max-height: 100%; - overflow: initial; - padding: 0; } - body #client-settings.window-app.form .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); } - body #client-settings.window-app.form .window-content { - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content .sheet-footer { - padding: 0; } - body #client-settings.window-app.form .window-content .sheet-footer button { - margin: 0; } - body #client-settings.window-app.form .window-content .sheet-tabs.tabs .item { - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group { - border: none; - color: rgba(var(--color-text), 1); - -webkit-box-align: center !important; - -ms-flex-align: center !important; - align-items: center !important; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - -webkit-box-pack: justify !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; - margin: 0; - padding: var(--blades-spacer-sm); - -webkit-transition: none; - transition: none; - width: 100%; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"] { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - left: auto; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"]::after { - display: none; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group label { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; - padding: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > label { - -webkit-box-flex: 0 !important; - -ms-flex: 0 0 40% !important; - flex: 0 0 40% !important; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button { - -webkit-box-flex: 1 !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; - margin: 0; - width: auto; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button > label { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper .notes { - margin: 0; } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField { - border: none; - border-radius: 0; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: auto; - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - gap: var(--blades-spacer-sm); - margin: 0; - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header > span { - color: inherit; - margin: 0; } - body #client-settings.window-app form .polyglot-group-header { - background-color: transparent; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body { - max-height: 100%; - overflow: hidden; } - body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file { - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file img { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - max-width: var(--blades-spacer-button); - max-height: var(--blades-spacer-button); } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .tiles-list { - gap: var(--blades-spacer-base); - grid-template-columns: repeat(5, 1fr); } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(var(--color-background-darkest), 0.05); - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - max-width: 100%; - min-height: 6.25rem; - padding: var(--blades-spacer-base); - width: 100%; } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file img { - max-height: 100%; - max-width: 100%; } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file { - border: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - display: grid; - gap: var(--blades-spacer-base); - grid-template-areas: "title" "image"; - grid-template-rows: -webkit-min-content 1fr; - grid-template-rows: min-content 1fr; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file .filename { - background-color: rgba(var(--color-background-darkest), 0.8); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-14px); - grid-area: title; - left: auto; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); - position: relative; - text-align: center; - width: 100%; } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file img { - grid-area: image; } - body .filepicker.window-app .filepicker-body .filepicker-header { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body .filepicker.window-app .filepicker-body .filepicker-header .current-dir button > i { - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; - width: auto; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i { - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .filepicker.window-app .filepicker-body .filepicker-header .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - line-height: initial; - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - gap: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory { - background: none; - border: 0; - border-radius: 0; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - min-height: 6.25rem; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - position: relative; - margin: 0; - width: 100%; } - body .filepicker.window-app .filepicker-body .filepicker-body .directory + .directory { - border: rgba(var(--color-folder-directory), 1) 1px solid; - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir { - background-color: rgba(var(--color-folder-header), 0.9); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - background-color: rgba(var(--color-folder-directory), 0.9); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); } - body .filepicker.window-app .filepicker-body .filepicker-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body .filepicker.window-app .filepicker-body .filepicker-footer:empty { - display: none; } - body .journal-show-dialog .form-group-stacked { - text-align: left; } - body .journal-show-dialog .form-group-stacked .checkbox-label { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; } - body .journal-show-dialog .form-group-stacked label.checkbox { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - body .window-app[id*="JournalEntry-"] .journal-entry-content { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - padding: 0; } - body .window-app[id*="JournalEntry-"] .journal-sheet-container { - gap: var(--blades-spacer-sm); - padding: 0; } - body .window-app[id*="JournalEntry-"] .directory { - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - -webkit-margin-after: 0; - margin-block-end: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search > * { - -webkit-box-flex: 0; - -ms-flex: 0 0 var(--blades-spacer-button-sm); - flex: 0 0 var(--blades-spacer-button-sm); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-webkit-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-moz-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input:-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-webkit-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-moz-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input:-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item { - min-height: initial; - padding: var(--blades-spacer-xs); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item:hover { - background-color: rgba(var(--color-folder-directory), 1); - -webkit-box-shadow: none; - box-shadow: none; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading { - background-color: rgba(var(--color-background-darkest), 0.5); - border: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading .page-number { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading .journal-entry-page-link { - padding: var(--blades-spacer-base); - -webkit-padding-start: 0; - padding-inline-start: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings:empty { - display: none; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading { - height: auto; - line-height: initial; - margin: 0; - padding: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading:nth-child(even) { - background-color: rgba(var(--color-background), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-16px); - line-height: initial; - padding: var(--blades-spacer-base) var(--blades-spacer-md); - -webkit-padding-start: 0; - padding-inline-start: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link:hover { - color: rgba(var(--color-primary), 1); } - body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm) var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] .edit-container { - height: auto; - pointer-events: initial; - position: absolute; - right: var(--blades-spacer-base); - top: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] a.editor-edit { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: var(--blades-spacer-button-sm); - pointer-events: initial; - right: auto; - top: auto; - width: var(--blades-spacer-button-sm); } - body .window-app[id*="JournalEntry-"] a.editor-edit > i { - margin: 0; } - body .window-app[id*="JournalEntry-"] a.editor-edit:hover { - color: rgba(var(--color-text-lightest), 1); } - body .journal-sheet .journal-header { - gap: var(--blades-spacer-md); - margin: var(--blades-spacer-sm); } - body .journal-entry-pages { - margin: 0 var(--blades-spacer-sm) var(--blades-spacer-sm); } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .heading-level { - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .heading-level label { - margin: 0; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .show-title { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .show-title label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - height: auto; - line-height: var(--line-height-default); } - body .window-app[id*="JournalEntryPage-"] .editor.tinymce { - margin: 0 var(--blades-spacer-sm); } - body .sheet[id*="macro-config-"] .sheet-header h1 { - border: none; - margin: 0; } - body .sheet[id*="macro-config-"] .form-group.command.stacked { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - body .sheet[id*="macro-config-"] .form-group.command.stacked > label { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-flex: 0 !important; - -ms-flex: 0 0 auto !important; - flex: 0 0 auto !important; - height: auto; - width: 100%; } - body .sheet[id*="macro-config-"] .form-group.command.stacked > textarea { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; } - body #module-management { - min-height: 0; } - body #module-management .list-filters .filter { - font-weight: normal; } - body #module-management .list-filters input { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #module-management .list-filters .expand { - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: 0; } - body #module-management .list-filters .expand > i { - margin: 0; } - body #module-management .package-list { - border: none; - height: 37.5rem; - margin: 0; - max-height: initial; - padding: 0; } - body #module-management .package { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm); } - body #module-management .package:last-child { - -webkit-border-after: none; - border-block-end: none; } - body #module-management .package .tag { - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-12px); - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - -webkit-margin-start: var(--blades-spacer-xs); - margin-inline-start: var(--blades-spacer-xs); - padding: var(--blades-spacer-base); } - body #module-management .package[data-module-name="ernies-modern-layout"] { - background-color: rgba(var(--color-primary), 0.8); } - body #module-management .package-overview { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - body #module-management .package-title { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - height: initial; - line-height: var(--line-height-compact); - text-decoration: none; } - body #module-management .package-title input { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #module-management .package-title input[type="checkbox"] { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #module-management .package-title input[type="checkbox"]::after { - display: none; } - body #module-management .package-description { - color: rgba(var(--color-text-darker), 1); } - body #module-management .package-metadata { - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); } - body #module-management form > footer { - gap: var(--blades-spacer-base); } - body #module-management .enhanced-module-management { - gap: var(--blades-spacer-base); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-margin-after: 0; - margin-block-end: 0; } - body #module-management .enhanced-module-management button { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - width: auto; } - body #module-management .enhanced-module-management button > i { - margin: 0; } - body #module-management .enhanced-module-management button.disable-all-modules { - background-color: var(--blades-color-negative); - color: var(--blades-white-bright); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #module-management .enhanced-module-management button.enable-all-modules { - background-color: var(--blades-color-positive); - color: var(--blades-white-bright); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #module-management .enhanced-module-management ~ .package-list { - height: auto; - overflow-y: auto; } - body .package-configuration aside.sidebar { - -webkit-border-end: 1px solid rgba(var(--color-border), 1); - border-inline-end: 1px solid rgba(var(--color-border), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 220px; - flex: 0 0 220px; - font-size: var(--size-14px); - gap: var(--blades-spacer-md); - height: 100%; - padding: 0; - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - body .package-configuration aside.sidebar .entry-filter { - margin: 0; } - body .package-configuration aside.sidebar nav.filters .category-filter { - -webkit-border-after: 1px solid rgba(var(--color-border), 1); - border-block-end: 1px solid rgba(var(--color-border), 1); - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-weight: normal; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: var(--blades-spacer-base); } - body .package-configuration aside.sidebar nav.filters .category-filter:hover { - color: inherit; } - body .package-configuration aside.sidebar nav.filters .category-filter.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .package-configuration aside.sidebar nav.filters .category-filter.active a { - color: rgba(var(--color-text-lightest), 1); } - body .package-configuration .categories footer { - -webkit-padding-after: 0; - padding-block-end: 0; } - body .window-app[id*="rolltable-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result { - display: grid; - grid-template-columns: 2.5rem 8rem 1fr 3.75rem 5rem 3.75rem; } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result select + input { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .window-app[id*="UserConfig-"] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; } - body .window-app[id*="UserConfig-"] .form-group.stacked #characters.directory-list .directory-item.context { - background-color: rgba(var(--color-primary), 1); } - body .window-app[id*="user-sheet-"] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; } - body #always-hp { - height: auto !important; } - body #always-hp .window-content { - border: none; - padding: var(--blades-spacer-sm); } - body #always-hp .window-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - body #always-hp .window-title .token-stats { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - font-size: var(--size-12px); - height: auto; - padding: 0; - text-align: right; } - body #always-hp .window-title .token-stats .stat { - border-radius: 0; - display: inline-block; - font-weight: 700; - line-height: var(--line-height-compact); - padding: var(--blades-spacer-xs) var(--blades-spacer-base); - text-align: center; - vertical-align: baseline; - white-space: nowrap; } - body #always-hp .resource { - background-color: var(--blades-black-dark-fade); - border: 1px solid rgba(var(--color-border), 1); - border-radius: 0; - height: 10px; - grid-area: resource; - margin: 0; - position: relative; - top: auto; - width: 100%; - z-index: 2; } - body #always-hp .resource .bar { - border-radius: 0; } - body .alwayshp-content { - display: grid; - grid-template-columns: -webkit-min-content -webkit-min-content 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: min-content min-content 1fr min-content min-content; - grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content; - grid-template-rows: min-content min-content min-content; - grid-template-areas: "resource resource resource resource resource" "death hurt input heal life" "deathfail deathfail . deathsave deathsave"; - gap: var(--blades-spacer-base); } - body .alwayshp-btn { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - line-height: var(--line-height-compact); } - body .alwayshp-btn i { - margin: 0; - padding: 0; } - body #alwayshp-btn-dead { - grid-area: death; } - body #alwayshp-btn-hurt { - grid-area: hurt; } - body #alwayshp-btn-heal { - grid-area: heal; } - body #alwayshp-btn-fullheal { - grid-area: life; } - body #alwayshp-btn-fullheal i { - padding: 0; } - body #alwayshp-hp { - background: rgba(var(--color-background-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: 700; - grid-area: input; - text-align: center; - width: auto; } - body .death-savingthrow.fail { - grid-area: deathfail; } - body .death-savingthrow.save { - grid-area: deathsave; } - body #levels-elevator { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - body #cgmp-typing-notify { - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); } - body #cgmp-typing-notify.hidden { - display: none; } - body #cgmp-typing-notify .dot { - background-color: var(--blades-white-bright); } - body #chat-log .message .message-header .chat-portrait-text-size-name { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #chat-log .message .message-header img { - margin: var(--blades-spacer-xs) 0; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .combatready-timebar { - background: rgba(var(--color-background-darkest), 0.2); } - body .combatready-timebar-fill { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .combatready-timebar-fill .combatready-timebaricon { - display: none; } - body #combat-utility-belt-about a { - text-shadow: none; } - body #cub-puter .terminal { - color: rgba(var(--color-primary), 1); } - body .compendium-browser-btn { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .compendium-footer { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .compendium-browser.window-app { - overflow: hidden; } - body .compendium-browser.window-app .tabs { - max-height: 100%; } - body .compendium-browser.window-app .filtercontainer { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body .compendium-browser.window-app .filtercontainer:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; - border: none; } - body .compendium-browser.window-app .filtercontainer > div { - margin: var(--blades-spacer-base) 0; } - body .compendium-browser.window-app .filtercontainer .multiselect { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .filtercontainer dd { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; } - body .compendium-browser.window-app .filtercontainer dd select { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: auto; } - body .compendium-browser.window-app .filtercontainer dd select + input { - -webkit-border-start: none; - border-inline-start: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; } - body .compendium-browser.window-app .settings-group { - border: none; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .settings-group label { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .settings-group label:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body .compendium-browser.window-app .settings-group label input[type="checkbox"] { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .compendium-browser.window-app .settings-group label h4 { - margin: 0; } - body .compendium-browser.window-app ul { - margin: 0; - padding: 0; } - body #custom-hotbar { - z-index: 10; } - body #dfcp-rt-buttons { - gap: var(--blades-spacer-base); - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 0 !important; } - body #dfcp-rt-buttons button { - background: transparent; - font-size: var(--size-14px); - margin: 0; - min-height: 0; - max-height: 100%; } - body #dfcp-rt-buttons button.chat-archive { - -webkit-margin-start: 0 !important; - margin-inline-start: 0 !important; } - body #dfcp-rt-buttons button > i { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - line-height: var(--line-height-compact); - margin: 0; - width: auto; } - body #df-curvy-walls-tools { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 11.5rem; } - body #df-curvy-walls-tools .control-tools { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - body #df-curvy-walls-tools .control-tool { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #df-curvy-walls-tools .control-tool:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body #df-curvy-walls-tools .control-tool.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; } - body .dice-so-nice .dice-more-theme { - background: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: var(--size-16px); - margin: 0; - padding: var(--blades-spacer-sm); } - body .dice-so-nice section.content .settings-list { - overflow-x: hidden; - padding: 0; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - display: grid; - grid-template-columns: 1fr 1fr 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content min-content; - line-height: initial; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div { - width: auto; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div.sfx-hidden { - display: none; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx select + input { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - grid-template-columns: 1fr 1fr 1fr -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection { - background-color: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - height: auto; - min-height: var(--blades-spacer-button); - padding: 0; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul { - margin: 0; - padding: 0 var(--blades-spacer-xs); } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li { - background-color: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin: var(--blades-spacer-xs); - padding: 0; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li button { - height: var(--blades-spacer-button-sm); } - body .dice-so-nice .sheet-footer { - gap: var(--blades-spacer-base); } - body .dialog--dice-calculator.window-app .dice-calculator { - margin: 0; } - body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator__input > label { - font-size: var(--size-16px); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - body #emu-settings form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - max-height: 80vh; - overflow: hidden; } - body #emu-settings form h3 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - body #emu-settings .content { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; } - body #emu-settings .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body #specials-config .fxmaster .directory-header { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - body #specials-config .fxmaster .directory-header > div { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #specials-config .fxmaster .directory-header > div i { - margin: 0; } - body #specials-config .fxmaster .directory-header > div.active a { - background-color: rgba(var(--color-primary), 1); } - body #specials-config .fxmaster .directory-header a { - width: 100%; } - body #specials-config .fxmaster .directory-list { - -webkit-padding-before: var(--blades-spacer-base); - padding-block-start: var(--blades-spacer-base); } - body #specials-config .fxmaster .special-effects .preview { - background-color: var(--blades-black-fade-strong); - border: none; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: var(--blades-spacer-base); - -webkit-margin-start: 0; - margin-inline-start: 0; - overflow: hidden; } - body #specials-config .fxmaster .special-effects .preview > video { - height: 100%; - width: 100%; } - body #specials-config .fxmaster .special-effects .description { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: var(--blades-spacer-base); } - body #specials-config .fxmaster .special-effects .description h4 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - height: auto; - text-indent: 0; } - body #specials-config .fxmaster .special-effects .description .author { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - line-height: var(--line-height-default); - text-align: left; } - body #specials-config .fxmaster .special-effects .controls { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - line-height: var(--line-height-compact); - padding: 0; } - body #effects-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; } - body #effects-config .directory-item { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); } - body #effects-config .directory-item header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: var(--blades-spacer-base); } - body #effects-config .directory-item header label { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - text-indent: 0; } - body #effects-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); } - body #effects-config .directory-item ol.config { - border: none; } - body #effects-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #effects-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); } - body #effects-config .form-footer { - background-color: transparent; } - body #filters-config .directory-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: var(--size-12px); - line-height: var(--line-height-default); - gap: var(--blades-spacer-base); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: var(--blades-spacer-base); } - body #filters-config .directory-header .layer-toggle { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #filters-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; } - body #filters-config .directory-item { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); } - body #filters-config .directory-item header { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - body #filters-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); } - body #filters-config .directory-item ol.config { - border: none; } - body #filters-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #filters-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); } - body #filters-config .form-footer { - background-color: transparent; } - body .gm-notes.window-app .controlls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body .gm-notes.window-app .controlls button { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .gm-screen-config.window-app.app table td { - padding: var(--blades-spacer-base); } - body .gm-screen-config.window-app.app table button > i { - margin: 0; } - body .gm-screen-config.window-app.app table ~ button { - width: auto; } - body .gm-screen-app.gm-screen-drawer.window-app { - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs { - position: absolute; } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs button:empty { - display: none; } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions { - -webkit-transition-delay: initial; - transition-delay: initial; - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions button > i { - margin: 0; } - body .chat-notifications.settings nav { - background-color: transparent; - padding: 0; } - body .chat-notifications.settings .multi-input-row .input-group-col { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row; - flex-flow: row; } - body .chat-notifications.settings .multi-input-row .input-group-col:first-child { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .chat-notifications.settings .multi-input-row .input-group-col:first-child select { - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; } - body .chat-notifications.settings .multi-input-row > * { - margin: 0; } - body .illandril-chat-enhancements--currentSpeaker { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(var(--color-background), 0.5); - background-image: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-flow: initial; - flex-flow: initial; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - float: initial !important; - left: auto; - margin: 0; - -webkit-padding-before: 0 !important; - padding-block-start: 0 !important; - width: auto !important; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div button { - height: var(--blades-spacer-button); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .vertical-arrow-btn-group { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group > label { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - body .lib-wrapper.settings.window-app .window-content form h1 { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form select { - height: auto; - padding: var(--blades-spacer-sm); } - body #lmrtfy.lmrtfy-parchment .window-content { - -webkit-padding-after: 0; - padding-block-end: 0; } - body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars input + label { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - padding: 0; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label img { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-submit { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - padding: var(--blades-spacer-sm); - position: sticky; } - body #lmrtfy.lmrtfy-parchment input[type=checkbox] + label { - cursor: pointer; } - body #lmrtfy.lmrtfy-parchment input[type=checkbox]:checked + label { - color: rgba(var(--color-primary), 1); - font-weight: normal; } - body #lmrtfy.lmrtfy-parchment select + select { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #midi-qol-settings .midi-qol-box { - border: none; - padding: 0; } - body #midi-qol-settings .midi-qol-box select[name="showItemDetails"] { - width: auto; } - body #midi-qol-settings .midi-qol-faint { - color: rgba(var(--color-text), 0.8); } - body #midi-qol-statistics .tab.active[data-tab="config"] { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - body .monsterblock.compact-window .window-content { - -webkit-box-shadow: none; - box-shadow: none; } - body .monsterblock .window-header a.close { - height: var(--blades-spacer-button-sm) !important; - right: auto; } - body .monsterblock .window-content form.flexcol { - display: block; - gap: unset; } - body .monsterblock.sheet.actor nav.switches { - height: var(--blades-spacer-button-xs); - left: 0; - -webkit-padding-start: 0; - padding-inline-start: 0; - position: absolute; - top: -2px; } - body .monsterblock.sheet.actor nav.switches .fa-cog { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .monsterblock.sheet.actor nav.switches ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); } - body .monsterblock.sheet.actor nav.switches ul li { - -webkit-border-start: 0; - border-inline-start: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; } - body .monsterblock.sheet.actor nav.switches ul li a { - padding: var(--blades-spacer-xs); } - body .monsterblock.sheet.actor nav.switches ul li a:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - body .monsterblock.sheet.actor nav.switches ul li a:not(:only-child)::after { - right: var(--blades-spacer-base); - top: var(--blades-spacer-xs); } - body .monsterblock .tweak-menu ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); } - body .monsterblock .tweak-menu ul li { - -webkit-border-start: 0; - border-inline-start: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; } - body .narrator-span { - text-shadow: none; } - body .narrator-sidebarBG { - width: var(--blades-spacer-sidebar); } - body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version { - color: rgba(var(--color-text), 0.5); - display: none; } - body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version + p { - margin: 0; } - body .pdf-app.app.window-app section.window-content { - background-color: rgba(var(--color-background-lightest), 1) !important; - background-image: none !important; } - body .pdf-app.app.window-app div.flex > * { - height: auto; } - body div.permission-viewer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; } - body div.permission-viewer a { - text-shadow: none; - padding: 0 var(--blades-spacer-base); - width: auto; } - body #polyglot { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; - padding: 0 var(--blades-spacer-sm); } - body #polyglot label { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #polyglot select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1px; } - body #polyglot-death-form.window-app .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - padding: 0 !important; } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); - -webkit-padding-after: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) ul { - padding: 0; } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - body #polyglot-death-form.window-app .window-content form .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-before: var(--blades-spacer-sm) !important; - margin-block-start: var(--blades-spacer-sm) !important; } - body #search-anywhere-modal .modal-content { - background-color: transparent; - border: none; - border-radius: 0; } - body #search-anywhere-modal #search-anywhere-autocomplete { - background: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); - font-size: var(--size-20px); - height: auto; - padding: var(--blades-spacer-md); } - body ul.command-menu { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: var(--blades-spacer-sm); - z-index: 1070; } - body ul.command-menu li { - font-size: var(--size-20px); - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); } - body ul.command-menu li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - body ul.command-menu li h2 { - color: inherit; - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); - padding: 0; } - body .simple-calendar-configuration.window-app #simpleCalendarConfiguration .config-save { - position: sticky; } - body #smalltime-app { - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - -webkit-margin-start: -0.375rem; - margin-inline-start: -0.375rem; } - body #smalltime-app .window-header { - display: none; } - body #smalltime-app .window-content { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border-radius: 0; - height: 100%; - overflow: visible; } - body #smalltime-app #slideContainer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body #smalltime-app #displayContainer { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: transparent; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - padding: 0 var(--blades-spacer-base); - position: relative; - top: auto; } - body #smalltime-app #displayContainer .arrow { - width: 1.25rem; - height: 1.25rem; - font-family: var(--font-awesome) !important; - margin: var(--blades-spacer-xs) 0; } - body #smalltime-app #dateDisplay { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - display: none; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: var(--blades-spacer-base); - position: relative; - text-shadow: none; - -webkit-transform: initial; - -ms-transform: initial; - transform: initial; - -webkit-transition: none; - transition: none; - top: auto; } - body #smalltime-app #dateDisplay.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #smalltime-app #timeDisplay { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - gap: var(--blades-spacer-xs); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; } - body #smalltime-app #timeSeparator { - margin: 0; - top: auto; } - body #smalltime-app #dragHandle { - background: transparent; - bottom: calc(-1 * var(--blades-spacer-md)); - left: calc(-1 * var(--blades-spacer-md)); - right: calc(-1 * var(--blades-spacer-md)); - top: calc(-1 * var(--blades-spacer-md)); - position: absolute; - z-index: -1; } - body #smalltime-app .window-draggable-handle { - display: none; } - body .st-scene-config > legend { - margin: initial; - padding: initial; } - body .tidy5e.settings.window-app { - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); } - body .tidy5e.settings.window-app .window-content { - padding: var(--blades-spacer-sm); } - body .tidy5e.settings.window-app .sheet-tabs { - padding: 0; } - body .tidy5e.settings.window-app section.tab { - -webkit-margin-before: 0; - margin-block-start: 0; } - body .tidy5e.settings.window-app .setting { - background-color: transparent; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-sm); } - body .tidy5e.settings.window-app .setting:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body .tidy5e.sheet.actor.npc .spellcasting-ability { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; } - body .tidy5e.sheet.actor .window-content { - padding: 0; - position: initial; } - body .tidy5e.sheet.actor #item-info-container { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-border-end: 0; - border-inline-end: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - -webkit-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - -webkit-transition-delay: 0s; - transition-delay: 0s; } - body .tidy5e.sheet.actor #item-info-container .info-wrap { - -webkit-border-end: rgba(var(--color-border-lighter), 1) 1px solid; - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; } - body .tidy5e.sheet.actor #item-info-container .info-card { - border-radius: 0; - padding: var(--blades-spacer-sm); } - body #token-action-hud { - margin: 0; } - body #token-action-hud #tah-hudTitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - margin: 0; - -webkit-margin-start: 1.75rem; - margin-inline-start: 1.75rem; - padding: 0; } - body #token-action-hud #tah-categories { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #token-action-hud .tah-subtitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - line-height: initial; - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body #token-action-hud .tah-action { - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: 0; } - body #token-action-hud .tah-action button { - background-color: rgba(var(--color-background), 1); - background-image: none; } - body #token-action-hud .tah-action button > div { - text-shadow: none; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #token-action-hud .tah-action button > .tah-img { - border: none; - width: 1rem; - height: 1rem; - border-radius: 0; - display: inline-block; - margin: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: 0; } - body #token-action-hud .tah-content { - left: -9.625rem; - padding: var(--blades-spacer-sm) 0; } - body .token-action-hud-taginput { - margin: var(--blades-spacer-sm) 0; } - body #token-action-hud-index { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .token-attacher-gm-menu.window-app.settings .window-content form button { - margin: 0; } - body #tokenAttacherQuickEdit { - background: transparent; } - body #tokenAttacherQuickEdit h3 { - color: rgba(var(--color-primary), 1); - text-shadow: 1px 1px 4px var(--blades-black-dark); - font-size: var(--size-20px); - line-height: initial; } - body #tokenAttacher { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 3.25rem; } - body #tokenAttacher .image { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-primary), 1) 1px solid; - width: 6.5rem; - height: 6.5rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - min-width: 0; } - body #tokenAttacher .image .token-name { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-primary), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - bottom: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; - padding: var(--blades-spacer-base); - margin: 0; - max-width: 100%; - top: 100%; } - body #tokenAttacher .image .token-name span { - height: auto; - margin: 0; - width: auto; } - body #tokenAttacher .control-tools { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - pointer-events: none; - opacity: 1; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - body #tokenAttacher .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #tokenAttacher .control-tool > i { - font-size: inherit; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - width: auto; } - body #tokenAttacher .control-tool:hover { - background-image: none; } - body #tokenAttacher .control-tool:focus { - background-image: none; } - body #tokenAttacher .control-tool.close { - top: var(--blades-spacer-pf); - left: var(--blades-spacer-pf); - position: absolute; - margin: 0; } - body .tokenmagic.window-app.settings section.content { - border: none; - overflow-y: auto; } - body .tokenmagic.window-app.settings section.content div.override-entry { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm) 0; } - body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper i { - margin: 0; } - body .tokenmagic.window-app.settings section.content .settings-list { - max-height: 100%; - overflow: hidden; - padding: 0; } - body .tokenmagic.window-app.settings section.content .settings-list h2 { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .tokenmagic.window-app.settings .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body #dd-importer .window-content { - overflow: auto; } - body #dd-importer .form-group { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 0; - padding: var(--blades-spacer-sm); } - body #dd-importer .form-group > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-padding-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-base); } - body #dd-importer .form-group#dd-upload-files { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - body #dd-importer .form-group#dd-upload-files .file-input { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body ::-moz-selection { - background-color: var(--blades-white); } - body ::selection { - background-color: var(--blades-white); } - body ::-moz-selection { - background-color: var(--blades-white); } - body ::selection { - background-color: var(--blades-white); } - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*="JournalEntry-"] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .tabs a:disabled, -body .dialog .sheet-tabs a:disabled, -body #sidebar .tabs a:disabled, -body #sidebar .sheet-tabs a:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:disabled, -body #module-management .list-filters a:disabled, -body .dialog button:disabled, -body #sidebar button:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:disabled, -body #menu #menu-items li:disabled, -body #sidebar #combat #combat-controls .combat-control:disabled, -body .sidebar-popout #combat #combat-controls .combat-control:disabled, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:disabled, -body .window-app[id*="JournalEntry-"] a.editor-edit:disabled, -body .alwayshp-btn:disabled, -body #sidebar #combat .add-temporary:disabled, -body .sidebar-popout #combat .add-temporary:disabled, -body #specials-config .fxmaster .directory-header a:disabled, -body ul.command-menu li:disabled, -body #token-action-hud button.tah-title-button:disabled, -body #token-action-hud .tah-action button:disabled, -body #sidebar .token-mold > label > span:disabled, -body .sidebar-popout .token-mold > label > span:disabled, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:disabled, -body .window-app[id*="cards-sheet-"] .cards-header a:disabled, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:disabled, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:disabled, -body .window-app[id*="cards-sheet-"] .cards .card a:disabled, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-folder:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-entity:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:disabled, -body .dialog .directory .directory-item .create-folder:disabled, -body .dialog .directory .directory-item .create-document:disabled, -body #sidebar .directory .directory-item .create-folder:disabled, -body #sidebar .directory .directory-item .create-document:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:disabled, -body #navigation #nav-toggle:disabled, -body .window-app .window-header > a:disabled, -body .window-app .window-header a.header-button:disabled, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:disabled, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:disabled, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:disabled, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:disabled, -body #sidebar #combat .combat-tracker-header .encounters a:disabled, -body #sidebar #combat .combat-tracker-header .encounter-controls a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounters a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:disabled, -body #sidebar #combat #combat-tracker .combatant .combatant-control:disabled, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:disabled, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body #sidebar #playlists #currently-playing .sound .sound-control:disabled, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:disabled, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:disabled, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:disabled, -body #dfcp-rt-buttons button:disabled, -body #specials-config .fxmaster .special-effects .controls a:disabled, -body div.permission-viewer a:disabled, -body #smalltime-app #displayContainer .arrow:disabled, -body #token-action-hud #tah-reposition:disabled, -body #token-action-hud #tah-categories:disabled, -body #sidebar .token-mold > a:disabled, -body .sidebar-popout .token-mold > a:disabled, -body #sidebar .sidebar-tab .directory-header .header-control:disabled, -body .sidebar-popout .sidebar-tab .directory-header .header-control:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - background-color: rgba(var(--color-background-button), 1); } - -body .dialog .dialog-buttons .dialog-button, -body .dialog .dialog-buttons .-emu-layout .dialog-button { - margin: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body .sidebar-popout .-emu-layout .token-mold > a { - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a > i, -body .window-app[id*="cards-sheet-"] .cards-header a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > i, -body .window-app[id*="cards-sheet-"] .cards .card a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body .sidebar-popout .-emu-layout .token-mold > a > i { - margin: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a { - text-shadow: none; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog input[type="text"], -body .dialog input[type="number"], -body .dialog input[type="date"], -body .dialog input[type="time"], -body .dialog input[type="password"], -body .dialog input[type="datetime-local"], -body #sidebar input[type="text"], -body #sidebar input[type="number"], -body #sidebar input[type="date"], -body #sidebar input[type="time"], -body #sidebar input[type="password"], -body #sidebar input[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"], -body #hud input[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="text"], -body .dialog input[type="number"], -body .dialog input[type="date"], -body .dialog input[type="time"], -body .dialog input[type="password"], -body .dialog input[type="datetime-local"], -body #sidebar input[type="text"], -body #sidebar input[type="number"], -body #sidebar input[type="date"], -body #sidebar input[type="time"], -body #sidebar input[type="password"], -body #sidebar input[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"], -body #hud input[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField .-emu-layout #searchInput { - width: 100%; - height: var(--blades-spacer-button); - font-family: inherit; - font-size: inherit; - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - min-width: var(--blades-spacer-xl); - padding: 0 var(--blades-spacer-sm); - position: relative; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -body .dialog input[type="text"]::-moz-placeholder, body .dialog input[type="number"]::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::placeholder, -body .dialog input[type="number"]::placeholder, -body .dialog input[type="date"]::-moz-placeholder, -body .dialog input[type="time"]::-moz-placeholder, -body .dialog input[type="password"]::-moz-placeholder, -body .dialog input[type="datetime-local"]::-moz-placeholder, -body #sidebar input[type="text"]::-moz-placeholder, -body #sidebar input[type="number"]::-moz-placeholder, -body #sidebar input[type="date"]::-moz-placeholder, -body #sidebar input[type="time"]::-moz-placeholder, -body #sidebar input[type="password"]::-moz-placeholder, -body #sidebar input[type="datetime-local"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-moz-placeholder, -body #hud input[type="text"]::-moz-placeholder, -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-webkit-input-placeholder, body .dialog input[type="number"]::-webkit-input-placeholder, body .dialog input[type="date"]::-webkit-input-placeholder, body .dialog input[type="time"]::-webkit-input-placeholder, body .dialog input[type="password"]::-webkit-input-placeholder, body .dialog input[type="datetime-local"]::-webkit-input-placeholder, body #sidebar input[type="text"]::-webkit-input-placeholder, body #sidebar input[type="number"]::-webkit-input-placeholder, body #sidebar input[type="date"]::-webkit-input-placeholder, body #sidebar input[type="time"]::-webkit-input-placeholder, body #sidebar input[type="password"]::-webkit-input-placeholder, body #sidebar input[type="datetime-local"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-webkit-input-placeholder, body #hud input[type="text"]::-webkit-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-webkit-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-webkit-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-webkit-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-webkit-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-moz-placeholder, body .dialog input[type="number"]::-moz-placeholder, body .dialog input[type="date"]::-moz-placeholder, body .dialog input[type="time"]::-moz-placeholder, body .dialog input[type="password"]::-moz-placeholder, body .dialog input[type="datetime-local"]::-moz-placeholder, body #sidebar input[type="text"]::-moz-placeholder, body #sidebar input[type="number"]::-moz-placeholder, body #sidebar input[type="date"]::-moz-placeholder, body #sidebar input[type="time"]::-moz-placeholder, body #sidebar input[type="password"]::-moz-placeholder, body #sidebar input[type="datetime-local"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-moz-placeholder, body #hud input[type="text"]::-moz-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]:-ms-input-placeholder, body .dialog input[type="number"]:-ms-input-placeholder, body .dialog input[type="date"]:-ms-input-placeholder, body .dialog input[type="time"]:-ms-input-placeholder, body .dialog input[type="password"]:-ms-input-placeholder, body .dialog input[type="datetime-local"]:-ms-input-placeholder, body #sidebar input[type="text"]:-ms-input-placeholder, body #sidebar input[type="number"]:-ms-input-placeholder, body #sidebar input[type="date"]:-ms-input-placeholder, body #sidebar input[type="time"]:-ms-input-placeholder, body #sidebar input[type="password"]:-ms-input-placeholder, body #sidebar input[type="datetime-local"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]:-ms-input-placeholder, body #hud input[type="text"]:-ms-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:-ms-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:-ms-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input:-ms-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-ms-input-placeholder, body .dialog input[type="number"]::-ms-input-placeholder, body .dialog input[type="date"]::-ms-input-placeholder, body .dialog input[type="time"]::-ms-input-placeholder, body .dialog input[type="password"]::-ms-input-placeholder, body .dialog input[type="datetime-local"]::-ms-input-placeholder, body #sidebar input[type="text"]::-ms-input-placeholder, body #sidebar input[type="number"]::-ms-input-placeholder, body #sidebar input[type="date"]::-ms-input-placeholder, body #sidebar input[type="time"]::-ms-input-placeholder, body #sidebar input[type="password"]::-ms-input-placeholder, body #sidebar input[type="datetime-local"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-ms-input-placeholder, body #hud input[type="text"]::-ms-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-ms-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-ms-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-ms-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::placeholder, -body .dialog input[type="number"]::placeholder, -body .dialog input[type="date"]::placeholder, -body .dialog input[type="time"]::placeholder, -body .dialog input[type="password"]::placeholder, -body .dialog input[type="datetime-local"]::placeholder, -body #sidebar input[type="text"]::placeholder, -body #sidebar input[type="number"]::placeholder, -body #sidebar input[type="date"]::placeholder, -body #sidebar input[type="time"]::placeholder, -body #sidebar input[type="password"]::placeholder, -body #sidebar input[type="datetime-local"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::placeholder, -body #hud input[type="text"]::placeholder, -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::placeholder, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input:disabled[type="text"], -body .dialog input:disabled[type="number"], -body .dialog input:disabled[type="date"], -body .dialog input:disabled[type="time"], -body .dialog input:disabled[type="password"], -body .dialog input:disabled[type="datetime-local"], -body #sidebar input:disabled[type="text"], -body #sidebar input:disabled[type="number"], -body #sidebar input:disabled[type="date"], -body #sidebar input:disabled[type="time"], -body #sidebar input:disabled[type="password"], -body #sidebar input:disabled[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="datetime-local"], -body #hud input:disabled[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:disabled, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:disabled, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:disabled, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog select, -body #sidebar select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog select, -body #sidebar select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout select { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; - text-overflow: ellipsis; } - -body .dialog select[multiple], -body #sidebar select[multiple], -body .window-app:not([id*="Actor-"], [id*="Item-"]) select[multiple], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout select[multiple] { - height: auto; - padding: var(--blades-spacer-sm); } - -body .dialog select:disabled, -body #sidebar select:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog select optgroup, -body #sidebar select optgroup, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select optgroup, -body .dialog select option, -body #sidebar select option, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select option { - background-color: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); } - -body .dialog input[type="checkbox"], -body #sidebar input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"], -body #module-management .package-title input[type="checkbox"] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="checkbox"], -body #sidebar input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"], -body #module-management .package-title input[type="checkbox"], -body #module-management .package-title .-emu-layout input[type="checkbox"] { - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - cursor: pointer; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - position: relative; - top: auto; } - -body .dialog input:disabled[type="checkbox"], -body #sidebar input:disabled[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:disabled[type="checkbox"], -body #module-management .package-title input:disabled[type="checkbox"] { - opacity: 0.5; - pointer-events: none; } - -body .dialog input:checked[type="checkbox"], -body #sidebar input:checked[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:checked[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:checked[type="checkbox"], -body #module-management .package-title input:checked[type="checkbox"] { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -body .dialog input[type="radio"], -body #sidebar input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="radio"] { - margin: 0; - top: auto; } - -body .dialog input[type="color"], -body .dialog input[type="color"][data-edit], -body #sidebar input[type="color"], -body #sidebar input[type="color"][data-edit], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"][data-edit] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="color"], -body #sidebar input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="color"] { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; } - -body .dialog input:disabled[type="color"], -body #sidebar input:disabled[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="color"] { - opacity: 0.5; - pointer-events: none; } - -body .dialog input[type="range"], -body #sidebar input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] { - background: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog input[type="range"], -body #sidebar input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"] { - margin: 0; - width: 100%; } - -body .dialog input:hover[type="range"], -body #sidebar input:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="range"], -body .dialog input:focus[type="range"], -body #sidebar input:focus[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="range"] { - -webkit-box-shadow: none; - box-shadow: none; - outline: none; } - -body .dialog input[type="range"]::-webkit-slider-runnable-track, -body #sidebar input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-webkit-slider-runnable-track, -body #sidebar input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - cursor: pointer; } - -body .dialog input[type="range"]:focus::-webkit-slider-runnable-track, -body #sidebar input[type="range"]:focus::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]:focus::-ms-fill-lower, -body #sidebar input[type="range"]:focus::-ms-fill-lower, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-ms-fill-lower { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]:focus::-ms-fill-upper, -body #sidebar input[type="range"]:focus::-ms-fill-upper, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-ms-fill-upper { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]::-webkit-slider-thumb, -body #sidebar input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-webkit-slider-thumb, -body #sidebar input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - -webkit-margin-before: -0.3125rem; - margin-block-start: -0.3125rem; } - -body .dialog input::-webkit-slider-thumb:hover[type="range"], -body #sidebar input::-webkit-slider-thumb:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input::-webkit-slider-thumb:hover[type="range"] { - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .dialog input[type="range"]::-moz-range-track, -body #sidebar input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - -moz-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-moz-range-track, -body #sidebar input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-moz-range-track { - width: 100%; - height: 0.5rem; - cursor: pointer; } - -body .dialog input[type="range"]::-moz-range-thumb, -body #sidebar input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - -moz-transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-moz-range-thumb, -body #sidebar input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-moz-range-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; } - -body .dialog input::-moz-range-thumb:hover[type="range"], -body #sidebar input::-moz-range-thumb:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input::-moz-range-thumb:hover[type="range"] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .dialog input[type="range"] + .range-value, -body #sidebar input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] + .range-value { - border: none; - color: rgba(var(--color-text), 1); } - -body .dialog input[type="range"] + .range-value, -body #sidebar input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"] + .range-value { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - margin: 0; - padding: 0; } - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout textarea { - font-family: inherit; - font-size: inherit; - margin: 0; - min-height: 4rem; - padding: var(--blades-spacer-sm); - position: relative; - resize: none; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - width: 100%; } - -.-emu-compact body .dialog textarea, -.-emu-compact body #sidebar textarea, -.-emu-compact body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-compact textarea { - min-height: 3rem; } - -body .dialog textarea::-moz-placeholder, body #sidebar textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-webkit-input-placeholder, body #sidebar textarea::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-webkit-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-moz-placeholder, body #sidebar textarea::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea:-ms-input-placeholder, body #sidebar textarea:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-ms-input-placeholder, body #sidebar textarea::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea:disabled, -body #sidebar textarea:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:disabled { - opacity: 0.5; - pointer-events: none; } - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold, -body .sidebar-popout .-emu-layout .token-mold { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-align: start; } - -body #sidebar .sidebar-tab .directory-header:empty, -body #sidebar .sidebar-tab .directory-footer:empty, -body .sidebar-popout .sidebar-tab .directory-header:empty, -body .sidebar-popout .sidebar-tab .directory-footer:empty, -body #sidebar #combat .combat-tracker-header:empty, -body .sidebar-popout #combat .combat-tracker-header:empty, -body #sidebar [data-tab="chat"] section.dice-tray:empty, -body .sidebar-popout [data-tab="chat"] section.dice-tray:empty, -body #sidebar .token-mold:empty, -body .sidebar-popout .token-mold:empty, -body .sidebar-popout .-emu-layout .token-mold:empty { - display: none; } - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*="JournalEntry-"] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover, -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:hover, -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:hover, -body #hotbar .bar-controls .page-control:hover, -body #hotbar .bar-controls #macro-directory:hover, -body #hotbar .bar-controls #bar-toggle:hover, -body #hotbar .macro:hover, -body #hud .control-icon:hover, -body #hud .control-icon.active, -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle:hover, -body #navigation #scene-list .scene:hover, -body .window-app .window-resizable-handle:hover, -body .sheet .sheet-header > img:hover, -body #sidebar #sidebar-tabs > .item:hover, -body #sidebar #sidebar-tabs > .collapse:hover, -body .sidebar-popout #sidebar-tabs > .item:hover, -body .sidebar-popout #sidebar-tabs > .collapse:hover, -body #sidebar #combat #combat-tracker .combatant:hover, -body .sidebar-popout #combat #combat-tracker .combatant:hover, -body #df-curvy-walls-tools .control-tool:hover, -body .monsterblock.sheet.actor nav.switches .fa-cog:hover, -body .window-app .window-draggable-handle:hover, -body #tokenAttacher .control-tool:hover { - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - text-shadow: none; } - -body .dialog input:hover[type="text"], -body .dialog input:hover[type="number"], -body .dialog input:hover[type="date"], -body .dialog input:hover[type="time"], -body .dialog input:hover[type="password"], -body .dialog input:hover[type="datetime-local"], -body #sidebar input:hover[type="text"], -body #sidebar input:hover[type="number"], -body #sidebar input:hover[type="date"], -body #sidebar input:hover[type="time"], -body #sidebar input:hover[type="password"], -body #sidebar input:hover[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="datetime-local"], -body #hud input:hover[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:hover, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:hover, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:hover, -body .dialog select:hover, -body #sidebar select:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:hover, -body .dialog input:hover[type="checkbox"], -body #sidebar input:hover[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:hover[type="checkbox"], -body #module-management .package-title input:hover[type="checkbox"], -body .dialog input:hover[type="color"], -body #sidebar input:hover[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="color"], -body .dialog textarea:hover, -body #sidebar textarea:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:hover, -body .dialog .tox .tox-tbtn:hover, -body #sidebar .tox .tox-tbtn:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn:hover, -body #sidebar #combat #combat-tracker .combatant.defeated.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item.active, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item.active:hover, -body #controls #SDRpopup.simple-dice-roller-popup li:hover { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - text-shadow: none; } - -body .dialog .tabs a:focus, -body .dialog .sheet-tabs a:focus, -body #sidebar .tabs a:focus, -body #sidebar .sheet-tabs a:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:focus, -body #module-management .list-filters a:focus, -body .dialog button:focus, -body #sidebar button:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:focus, -body #menu #menu-items li:focus, -body #sidebar #combat #combat-controls .combat-control:focus, -body .sidebar-popout #combat #combat-controls .combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:focus, -body .window-app[id*="JournalEntry-"] a.editor-edit:focus, -body .alwayshp-btn:focus, -body #sidebar #combat .add-temporary:focus, -body .sidebar-popout #combat .add-temporary:focus, -body #specials-config .fxmaster .directory-header a:focus, -body ul.command-menu li:focus, -body #token-action-hud button.tah-title-button:focus, -body #token-action-hud .tah-action button:focus, -body #sidebar .token-mold > label > span:focus, -body .sidebar-popout .token-mold > label > span:focus, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:focus, -body .window-app[id*="cards-sheet-"] .cards-header a:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:focus, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:focus, -body .window-app[id*="cards-sheet-"] .cards .card a:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:focus, -body .dialog .directory .directory-item.folder .folder-header .create-folder:focus, -body .dialog .directory .directory-item.folder .folder-header .create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:focus, -body .dialog .directory .directory-item .create-folder:focus, -body .dialog .directory .directory-item .create-document:focus, -body #sidebar .directory .directory-item .create-folder:focus, -body #sidebar .directory .directory-item .create-document:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:focus, -body #navigation #nav-toggle:focus, -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:focus, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:focus, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:focus, -body #sidebar #combat .combat-tracker-header .encounters a:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:focus, -body #sidebar #combat #combat-tracker .combatant .combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:focus, -body #sidebar #playlists #currently-playing .sound .sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:focus, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:focus, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:focus, -body #dfcp-rt-buttons button:focus, -body #specials-config .fxmaster .special-effects .controls a:focus, -body div.permission-viewer a:focus, -body #smalltime-app #displayContainer .arrow:focus, -body #token-action-hud #tah-reposition:focus, -body #token-action-hud #tah-categories:focus, -body #sidebar .token-mold > a:focus, -body .sidebar-popout .token-mold > a:focus, -body #sidebar .sidebar-tab .directory-header .header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .header-control:focus, -body .dialog input:focus[type="text"], -body .dialog input:focus[type="number"], -body .dialog input:focus[type="date"], -body .dialog input:focus[type="time"], -body .dialog input:focus[type="password"], -body .dialog input:focus[type="datetime-local"], -body #sidebar input:focus[type="text"], -body #sidebar input:focus[type="number"], -body #sidebar input:focus[type="date"], -body #sidebar input:focus[type="time"], -body #sidebar input:focus[type="password"], -body #sidebar input:focus[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="datetime-local"], -body #hud input:focus[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:focus, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:focus, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:focus, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:focus, -body .dialog select:focus, -body #sidebar select:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:focus, -body .dialog input:focus[type="checkbox"], -body #sidebar input:focus[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:focus[type="checkbox"], -body #module-management .package-title input:focus[type="checkbox"], -body .dialog input:focus[type="color"], -body #sidebar input:focus[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="color"], -body .dialog textarea:focus, -body #sidebar textarea:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:focus, -body .dialog .tabs a.active:focus, -body .dialog .sheet-tabs a.active:focus, -body #sidebar .tabs a.active:focus, -body #sidebar .sheet-tabs a.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active:focus, -body #module-management .list-filters a.active:focus, -body .dialog button.active:focus, -body #sidebar button.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active:focus, -body #menu #menu-items li.active:focus, -body #sidebar #combat #combat-controls .active.combat-control:focus, -body .sidebar-popout #combat #combat-controls .active.combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:focus, -body .window-app[id*="JournalEntry-"] a.active.editor-edit:focus, -body .active.alwayshp-btn:focus, -body #sidebar #combat .active.add-temporary:focus, -body .sidebar-popout #combat .active.add-temporary:focus, -body #specials-config .fxmaster .directory-header a.active:focus, -body ul.command-menu li.active:focus, -body #token-action-hud button.active.tah-title-button:focus, -body #token-action-hud .tah-action button.active:focus, -body #sidebar .token-mold > label > span.active:focus, -body .sidebar-popout .token-mold > label > span.active:focus, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active:focus, -body .window-app[id*="cards-sheet-"] .cards-header a.active:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:focus, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active:focus, -body .window-app[id*="cards-sheet-"] .cards .card a.active:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:focus, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .dialog .directory .directory-item .active.create-folder:focus, -body .dialog .directory .directory-item .active.create-document:focus, -body #sidebar .directory .directory-item .active.create-folder:focus, -body #sidebar .directory .directory-item .active.create-document:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document:focus, -body #navigation .active#nav-toggle:focus, -body .window-app .window-header > a.active:focus, -body .window-app .window-header a.active.header-button:focus, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete:focus, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete:focus, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active:focus, -body #sidebar #combat .combat-tracker-header .encounters a.active:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:focus, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body #sidebar #playlists #currently-playing .sound .active.sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:focus, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #dfcp-rt-buttons button.active:focus, -body #specials-config .fxmaster .special-effects .controls a.active:focus, -body div.permission-viewer a.active:focus, -body #smalltime-app #displayContainer .active.arrow:focus, -body #token-action-hud .active#tah-reposition:focus, -body #token-action-hud .active#tah-categories:focus, -body #sidebar .token-mold > a.active:focus, -body .sidebar-popout .token-mold > a.active:focus, -body #sidebar .sidebar-tab .directory-header .active.header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:focus, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #hotbar .macro.active:focus, -body #hud .control-icon.active:focus, -body #controls .control-tools .scene-control.active:focus, -body #controls .control-tools .control-tool.active:focus, -body #controls .control-tools .control-tool.toggle.active:focus, -body #navigation #scene-list .scene.active:focus, -body #navigation #scene-list .scene.view:focus, -body #navigation #scene-list .scene.active:focus:not(.gm), -body #navigation #scene-list .scene.view:focus:not(.gm), -body #sidebar #sidebar-tabs > .item.active:focus, -body #sidebar #sidebar-tabs > .collapse.active:focus, -body .sidebar-popout #sidebar-tabs > .item.active:focus, -body .sidebar-popout #sidebar-tabs > .collapse.active:focus, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:focus, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:focus, -body #sidebar #combat #combat-tracker .combatant.active:focus, -body .sidebar-popout #combat #combat-tracker .combatant.active:focus, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:focus, -body #df-curvy-walls-tools .control-tool.active:focus, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:focus, -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:focus, -body .dialog .directory .directory-item.folder.droptarget .folder-header, -body #sidebar .directory .directory-item.folder.droptarget .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.droptarget .folder-header, -body .dialog .directory .directory-item.folder .folder-header:focus, -body #sidebar .directory .directory-item.folder .folder-header:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:focus, -body .dialog a[href]:focus, -body #sidebar a[href]:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href]:focus, -body #context-menu ol.context-items .context-item:focus, -body #hotbar .bar-controls .page-control:focus, -body #hotbar .bar-controls #macro-directory:focus, -body #hotbar .bar-controls #bar-toggle:focus, -body #hotbar .macro:focus, -body #hud .control-icon:focus, -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus, -body #controls .control-tools .control-tool.toggle:focus, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene:focus, -body .window-app .window-resizable-handle:focus, -body .sheet .sheet-header > img:focus, -body .filepicker.window-app .filepicker-body.private, -body #df-curvy-walls-tools .control-tool:focus, -body #df-curvy-walls-tools .control-tool.active, -body .dice-so-nice section.content .settings-list .select2:focus .select2-selection, -body .dice-so-nice section.content .settings-list .select2.select2-container--focus .select2-selection, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label, -body .monsterblock.sheet.actor nav.switches .fa-cog:focus, -body #search-anywhere-modal #search-anywhere-autocomplete, -body .window-app .window-draggable-handle:focus, -body #tokenAttacher .control-tool:focus { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - text-shadow: none; - outline: none; } - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body .dialog button.active, -body #sidebar button.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active, -body #menu #menu-items li.active, -body #sidebar #combat #combat-controls .active.combat-control, -body .sidebar-popout #combat #combat-controls .active.combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode, -body .window-app[id*="JournalEntry-"] a.active.editor-edit, -body .active.alwayshp-btn, -body #sidebar #combat .active.add-temporary, -body .sidebar-popout #combat .active.add-temporary, -body #specials-config .fxmaster .directory-header a.active, -body ul.command-menu li.active, -body #token-action-hud button.active.tah-title-button, -body #token-action-hud .tah-action button.active, -body #sidebar .token-mold > label > span.active, -body .sidebar-popout .token-mold > label > span.active, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active, -body .window-app[id*="cards-sheet-"] .cards-header a.active, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active, -body .window-app[id*="cards-sheet-"] .cards .card a.active, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active, -body .dialog .directory .directory-item.folder .folder-header .active.create-folder, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity, -body #sidebar .directory .directory-item.folder .folder-header .active.create-folder, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity, -body .dialog .directory .directory-item .active.create-folder, -body .dialog .directory .directory-item .active.create-document, -body #sidebar .directory .directory-item .active.create-folder, -body #sidebar .directory .directory-item .active.create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document, -body #navigation .active#nav-toggle, -body .window-app .window-header > a.active, -body .window-app .window-header a.active.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active, -body #sidebar #combat .combat-tracker-header .encounters a.active, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control, -body #sidebar #playlists #currently-playing .sound .active.sound-control, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active, -body #dfcp-rt-buttons button.active, -body #specials-config .fxmaster .special-effects .controls a.active, -body div.permission-viewer a.active, -body #smalltime-app #displayContainer .active.arrow, -body #token-action-hud .active#tah-reposition, -body #token-action-hud .active#tah-categories, -body #sidebar .token-mold > a.active, -body .sidebar-popout .token-mold > a.active, -body #sidebar .sidebar-tab .directory-header .active.header-control, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled, -body #hotbar .macro.active, -body #hud .control-icon.active, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm), -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock, -body #sidebar #combat #combat-tracker .combatant.active, -body .sidebar-popout #combat #combat-tracker .combatant.active, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy, -body #df-curvy-walls-tools .control-tool.active, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - background-color: var(--blades-grey); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .dialog .tabs a.active:hover, -body .dialog .sheet-tabs a.active:hover, -body #sidebar .tabs a.active:hover, -body #sidebar .sheet-tabs a.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active:hover, -body #module-management .list-filters a.active:hover, -body .dialog button.active:hover, -body #sidebar button.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active:hover, -body #menu #menu-items li.active:hover, -body #sidebar #combat #combat-controls .active.combat-control:hover, -body .sidebar-popout #combat #combat-controls .active.combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:hover, -body .window-app[id*="JournalEntry-"] a.active.editor-edit:hover, -body .active.alwayshp-btn:hover, -body #sidebar #combat .active.add-temporary:hover, -body .sidebar-popout #combat .active.add-temporary:hover, -body #specials-config .fxmaster .directory-header a.active:hover, -body ul.command-menu li.active:hover, -body #token-action-hud button.active.tah-title-button:hover, -body #token-action-hud .tah-action button.active:hover, -body #sidebar .token-mold > label > span.active:hover, -body .sidebar-popout .token-mold > label > span.active:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active:hover, -body .window-app[id*="cards-sheet-"] .cards-header a.active:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active:hover, -body .window-app[id*="cards-sheet-"] .cards .card a.active:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:hover, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .dialog .directory .directory-item .active.create-folder:hover, -body .dialog .directory .directory-item .active.create-document:hover, -body #sidebar .directory .directory-item .active.create-folder:hover, -body #sidebar .directory .directory-item .active.create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document:hover, -body #navigation .active#nav-toggle:hover, -body .window-app .window-header > a.active:hover, -body .window-app .window-header a.active.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active:hover, -body #sidebar #combat .combat-tracker-header .encounters a.active:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:hover, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body #sidebar #playlists #currently-playing .sound .active.sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #dfcp-rt-buttons button.active:hover, -body #specials-config .fxmaster .special-effects .controls a.active:hover, -body div.permission-viewer a.active:hover, -body #smalltime-app #displayContainer .active.arrow:hover, -body #token-action-hud .active#tah-reposition:hover, -body #token-action-hud .active#tah-categories:hover, -body #sidebar .token-mold > a.active:hover, -body .sidebar-popout .token-mold > a.active:hover, -body #sidebar .sidebar-tab .directory-header .active.header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:hover, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #hotbar .macro.active:hover, -body #hud .control-icon.active:hover, -body #controls .control-tools .scene-control.active:hover, -body #controls .control-tools .control-tool.active:hover, -body #controls .control-tools .control-tool.toggle.active:hover, -body #navigation #scene-list .scene.active:hover, -body #navigation #scene-list .scene.view:hover, -body #navigation #scene-list .scene.active:hover:not(.gm), -body #navigation #scene-list .scene.view:hover:not(.gm), -body #sidebar #sidebar-tabs > .item.active:hover, -body #sidebar #sidebar-tabs > .collapse.active:hover, -body .sidebar-popout #sidebar-tabs > .item.active:hover, -body .sidebar-popout #sidebar-tabs > .collapse.active:hover, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:hover, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:hover, -body #sidebar #combat #combat-tracker .combatant.active:hover, -body .sidebar-popout #combat #combat-tracker .combatant.active:hover, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:hover, -body #df-curvy-walls-tools .control-tool.active:hover, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header, -body .window-app[id*="cards-sheet-"] .cards-header, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: rgba(var(--color-background), 0.1); - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header, -body .window-app[id*="cards-sheet-"] .cards-header, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header { - height: auto; - padding: var(--blades-spacer-sm); - width: 100%; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header > div, -body .window-app[id*="cards-sheet-"] .cards-header > div, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div { - height: auto; - line-height: initial; - margin: 0; - padding: 0; - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .sheet[id*="activeeffect-sheet-"] .effects-header > div:first-of-type, -body .window-app[id*="cards-sheet-"] .cards-header > div:first-of-type, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div:first-of-type { - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li, -body .window-app[id*="cards-sheet-"] .cards .card, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li, -body .window-app[id*="cards-sheet-"] .cards .card, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx { - height: auto; - padding: var(--blades-spacer-sm); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li > div, -body .window-app[id*="cards-sheet-"] .cards .card > div, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; - line-height: initial; - margin: 0; - padding: 0; - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li > div:first-of-type, -body .window-app[id*="cards-sheet-"] .cards .card > div:first-of-type, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div:first-of-type { - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx a { - color: rgba(var(--color-text), 1); } - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs, -body #module-management .list-filters { - -webkit-border-before: none; - border-block-start: none; - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; } - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs, -body #module-management .list-filters, -body #module-management .-emu-layout .list-filters { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: initial; - line-height: initial; - margin: 0; - padding: 0; - position: relative; - width: 100%; } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a { - background-color: transparent; - background-image: none; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body #module-management .-emu-layout .list-filters a { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: var(--size-14px); - font-weight: normal; - text-shadow: none; } - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body #module-management .-emu-layout .list-filters a.active { - text-decoration: none; } - -body .dialog .directory .directory-item h3 > i, -body .dialog .directory .directory-item h4 > i, -body #sidebar .directory .directory-item h3 > i, -body #sidebar .directory .directory-item h4 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 > i, -body #sidebar #compendium .compendium-list .directory-item h4 a > i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 a > i, -body #client-settings.window-app.form nav.tabs .item > i, -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 > i, -body #context-menu ol.context-items .context-item > i, -body .window-app[id*="cards-sheet-"] .cards-header .card-controls [data-action="create"] > i { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list, -body #context-menu ol.context-items, -body #hotbar #macro-list, -body #menu #menu-items, -body #notifications, -body #players > ol, -body #controls .control-tools, -body #navigation #scene-list, -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds, -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds, -body .filepicker.window-app .filepicker-body .filepicker-body .directory, -body #df-curvy-walls-tools .control-tools, -body ul.command-menu, -body #tokenAttacher .control-tools { - list-style: none; - margin: 0; - padding: 0; } - -.-emu-subtle-layout body #sidebar #emu-sidebar-lock, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body .window-app.token-mold .window-content form select.icon.fas.fa { - font-family: var(--font-awesome) !important; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: var(--line-height-compact); } - -body #sidebar [data-tab="chat"] #icNotification, -body #sidebar [data-tab="chat"] #rollsNotification, -body #sidebar [data-tab="chat"] #oocNotification, -body .sidebar-popout [data-tab="chat"] #icNotification, -body .sidebar-popout [data-tab="chat"] #rollsNotification, -body .sidebar-popout [data-tab="chat"] #oocNotification { - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: emu-notification-flash; - animation-name: emu-notification-flash; - -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - background-color: rgba(var(--color-primary), 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - margin: 0; - padding: var(--blades-spacer-xs); - right: 0; - top: 0; } - -body .window-app.sheet[id*="template-config"] .window-content, -body .-emu-layout .window-app.sheet[id*="template-config"] .window-content { - padding: 0; } - -body .window-app.sheet[id*="template-config"] form, -body .-emu-layout .window-app.sheet[id*="template-config"] form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - padding: var(--blades-spacer-sm); - position: relative; } - -*::before, -*::after { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -@-webkit-keyframes emu-notification-flash { - 0% { - opacity: 0; } - 50% { - opacity: 1; } - 100% { - opacity: 0; } } - -@keyframes emu-notification-flash { - 0% { - opacity: 0; } - 50% { - opacity: 1; } - 100% { - opacity: 0; } } - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - max-height: 100%; - min-height: 0.0625rem; - overflow-y: auto; - padding: 0 var(--blades-spacer-sm); } - -body .dialog .directory .directory-list .subdirectory, -body #sidebar .directory .directory-list .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory { - background-color: rgba(var(--color-folder-subdirectory), 1); - background-image: none; - border: none; - -webkit-border-start: rgba(var(--color-primary), 1) 4px solid; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 0 0 0 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-base); - width: 100%; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder { - padding: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder { - -webkit-padding-before: 0; - padding-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder) { - -webkit-margin-before: 0; - margin-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder) { - -webkit-margin-before: 0; - margin-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .subdirectory { - -webkit-border-start: var(--blades-grey-bright) 4px solid; - border-inline-start: var(--blades-grey-bright) 4px solid; } - -body .dialog .directory .directory-list .subdirectory .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .subdirectory .subdirectory { - -webkit-border-start: var(--blades-white) 4px solid; - border-inline-start: var(--blades-white) 4px solid; } - -body .dialog .directory .directory-item, -body #sidebar .directory .directory-item, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item { - background-color: rgba(var(--color-folder-directory), 1); - background-image: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - min-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; - width: 100%; } - -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:focus { - background-image: none; } - -body .dialog .directory .directory-item.entity, -body #sidebar .directory .directory-item.entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.entity { - border: none; } - -body .dialog .directory .directory-item.context, -body #sidebar .directory .directory-item.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.context { - border: none; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog .directory .directory-item.folder, -body #sidebar .directory .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder { - background: transparent; - cursor: default; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; } - -body .dialog .directory .directory-item.folder:hover, -body .dialog .directory .directory-item.folder:focus, -body #sidebar .directory .directory-item.folder:hover, -body #sidebar .directory .directory-item.folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder:focus { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header { - -webkit-border-start: none; - border-inline-start: none; - border-radius: 0; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header .create-folder { - display: none; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header h3 i::before { - content: "\f07b"; } - -body .dialog .directory .directory-item.folder.collapsed .subdirectory, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed .subdirectory { - display: none; } - -body .dialog .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed .subdirectory .folder-header { - -webkit-border-start: none; - border-inline-start: none; } - -body .dialog .directory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header { - background-color: rgba(var(--color-folder-header), 1); - background-image: none; - border: 0; - -webkit-border-start: rgba(var(--color-primary), 1) 4px solid; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - line-height: var(--line-height-compact); - min-height: var(--blades-spacer-button); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: 100%; } - -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item.folder .folder-header h3, -body #sidebar .directory .directory-item.folder .folder-header h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 { - -webkit-border-after: 0; - border-block-end: 0; - color: inherit; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - text-align: start; - text-shadow: none; } - -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 > i { - text-shadow: none; } - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header { - border-radius: 0 0 0 0; } - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header { - border-radius: 0 0 0 0; } - -body .dialog .directory .directory-item.folder .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .folder-header { - border-color: var(--blades-grey-bright); } - -body .dialog .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .subdirectory .folder-header { - border-color: var(--blades-white); } - -body .dialog .directory .directory-item.folder .folder-header.context, -body .dialog .directory .directory-item.folder .directory-item.context, -body #sidebar .directory .directory-item.folder .folder-header.context, -body #sidebar .directory .directory-item.folder .directory-item.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .directory-item.context { - background-color: rgba(var(--color-primary), 1) !important; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item .create-folder .fa-plus, -body .dialog .directory .directory-item .create-document .fa-plus, -body #sidebar .directory .directory-item .create-folder .fa-plus, -body #sidebar .directory .directory-item .create-document .fa-plus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder .fa-plus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document .fa-plus { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-radius: 50%; - color: inherit; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: 8px; - height: 12px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - right: -2px; - top: -2px; - width: 12px; } - -body .dialog .directory .directory-item img, -body #sidebar .directory .directory-item img, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item img { - border-radius: 0; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: move; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .directory .directory-item h3, -body .dialog .directory .directory-item h4, -body #sidebar .directory .directory-item h3, -body #sidebar .directory .directory-item h4, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 { - color: inherit; - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - padding: 0; - position: relative; - text-align: start; } - -body .dialog .directory .directory-item h3 > a, -body .dialog .directory .directory-item h4 > a, -body #sidebar .directory .directory-item h3 > a, -body #sidebar .directory .directory-item h4 > a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3 > a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 > a { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - background-color: transparent; - border-radius: 0; - color: inherit; - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - cursor: pointer; - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - line-height: var(--blades-spacer-button); - padding: 0; - position: relative; - text-shadow: none; } - -body .dialog fieldset, -body #sidebar fieldset, -body .window-app:not([id*="Actor-"], [id*="Item-"]) fieldset { - border: none; - margin: 0; - padding: 0; } - -body .dialog figure figcaption, -body #sidebar figure figcaption, -body .window-app:not([id*="Actor-"], [id*="Item-"]) figure figcaption { - font-weight: 700; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - padding: 0 var(--blades-spacer-sm); - text-align: center; } - -body .dialog figure figcaption:empty, -body #sidebar figure figcaption:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) figure figcaption:empty { - display: none; } - -body .dialog form h3.form-header, -body #sidebar form h3.form-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form h3.form-header { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); - font-family: inherit; - font-size: var(--size-16px); - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: var(--blades-spacer-base); } - -body .dialog form .form-group, -body #sidebar form .form-group, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0; - padding: var(--blades-spacer-sm); - width: 100%; } - -body .dialog form .form-group:nth-of-type(even), -body #sidebar form .form-group:nth-of-type(even), -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - -body .dialog form .form-group.initial-position .form-fields, -body #sidebar form .form-group.initial-position .form-fields, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - width: 1px; } - -body .dialog form .form-group.initial-position .form-fields input, -body #sidebar form .form-group.initial-position .form-fields input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields input { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body .dialog form .form-group.initial-position .form-fields input[type="text"], -body #sidebar form .form-group.initial-position .form-fields input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields input[type="text"] { - width: 1px; } - -body .dialog form .form-group.initial-position .form-fields label, -body #sidebar form .form-group.initial-position .form-fields label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body .dialog form .form-group.stacked > label, -body #sidebar form .form-group.stacked > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.stacked > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - -body .dialog form .form-group.hidden, -body #sidebar form .form-group.hidden, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.hidden { - display: none; } - -body .dialog form .form-group .form-fields, -body #sidebar form .form-group .form-fields, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -body .dialog form .form-group .form-fields input, -body .dialog form .form-group .form-fields select, -body #sidebar form .form-group .form-fields input, -body #sidebar form .form-group .form-fields select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select { - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - gap: var(--blades-spacer-base); } - -body .dialog form .form-group .form-fields input[type="checkbox"], -body .dialog form .form-group .form-fields select[type="checkbox"], -body #sidebar form .form-group .form-fields input[type="checkbox"], -body #sidebar form .form-group .form-fields select[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select[type="checkbox"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); } - -body .dialog form .form-group .form-fields input[type="radio"], -body .dialog form .form-group .form-fields select[type="radio"], -body #sidebar form .form-group .form-fields input[type="radio"], -body #sidebar form .form-group .form-fields select[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - -body .dialog form .form-group .form-fields input + input, -body .dialog form .form-group .form-fields input + select, -body .dialog form .form-group .form-fields select + input, -body .dialog form .form-group .form-fields select + select, -body #sidebar form .form-group .form-fields input + input, -body #sidebar form .form-group .form-fields input + select, -body #sidebar form .form-group .form-fields select + input, -body #sidebar form .form-group .form-fields select + select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input + select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select + select { - -webkit-box-flex: 1; - -ms-flex: 1 1 25%; - flex: 1 1 25%; } - -body .dialog form .form-group .form-fields button, -body #sidebar form .form-group .form-fields button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button { - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; - width: auto; } - -body .dialog form .form-group .form-fields button.file-picker > i, -body .dialog form .form-group .form-fields button.grid-config > i, -body .dialog form .form-group .form-fields button.capture-position > i, -body #sidebar form .form-group .form-fields button.file-picker > i, -body #sidebar form .form-group .form-fields button.grid-config > i, -body #sidebar form .form-group .form-fields button.capture-position > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.file-picker > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.grid-config > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.capture-position > i { - -webkit-margin-end: 0; - margin-inline-end: 0; } - -body .dialog form .form-group .form-fields button + input, -body #sidebar form .form-group .form-fields button + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button + input { - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; } - -body .dialog form .form-group .form-fields button.file-picker + input[type="text"], -body #sidebar form .form-group .form-fields button.file-picker + input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.file-picker + input[type="text"] { - -webkit-margin-end: 0 !important; - margin-inline-end: 0 !important; } - -body .dialog form .form-group input, -body .dialog form .form-group select, -body #sidebar form .form-group input, -body #sidebar form .form-group select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1px; } - -body .dialog form .form-group input[type="checkbox"], -body .dialog form .form-group select[type="checkbox"], -body #sidebar form .form-group input[type="checkbox"], -body #sidebar form .form-group select[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select[type="checkbox"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); } - -body .dialog form .form-group input[type="radio"], -body .dialog form .form-group select[type="radio"], -body #sidebar form .form-group input[type="radio"], -body #sidebar form .form-group select[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - -body .dialog form .form-group input + input, -body .dialog form .form-group select + input, -body #sidebar form .form-group input + input, -body #sidebar form .form-group select + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input { - -webkit-box-flex: 1; - -ms-flex: 1 1 25%; - flex: 1 1 25%; } - -body .dialog form .form-group input + input[type="checkbox"], -body .dialog form .form-group input + input[type="radio"], -body .dialog form .form-group select + input[type="checkbox"], -body .dialog form .form-group select + input[type="radio"], -body #sidebar form .form-group input + input[type="checkbox"], -body #sidebar form .form-group input + input[type="radio"], -body #sidebar form .form-group select + input[type="checkbox"], -body #sidebar form .form-group select + input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body .dialog form .form-group > label, -body #sidebar form .form-group > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - -body .dialog form .form-group label, -body #sidebar form .form-group label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - padding: 0; } - -body .dialog form .form-group label.checkbox, -body #sidebar form .form-group label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label.checkbox { - gap: var(--blades-spacer-base); - height: auto; } - -body .dialog form .form-group label .units, -body #sidebar form .form-group label .units, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-12px); - line-height: initial; - margin: 0 var(--blades-spacer-base); } - -body .dialog form .form-group label > i, -body #sidebar form .form-group label > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body .dialog form .form-group-stacked, -body #sidebar form .form-group-stacked, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked { - margin: 0; } - -body .dialog form .form-group-stacked .checkbox-label, -body #sidebar form .form-group-stacked .checkbox-label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked .checkbox-label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; } - -body .dialog form .form-group-stacked label.checkbox, -body #sidebar form .form-group-stacked label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -ms-flex: auto; - flex: auto; - font-size: var(--size-12px); - gap: var(--blades-spacer-base); - height: auto; - line-height: initial; - margin: 0; - padding: 0; } - -body .dialog form .notes, -body .dialog form .hint, -body #sidebar form .notes, -body #sidebar form .hint, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .notes, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .hint { - color: rgba(var(--color-text-darker), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - font-style: italic; - line-height: initial; - margin: 0; - width: 100%; } - -body .dialog form .notes:empty, -body .dialog form .hint:empty, -body #sidebar form .notes:empty, -body #sidebar form .hint:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .notes:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .hint:empty { - display: none; } - -body .dialog form label.checkbox, -body #sidebar form label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - gap: var(--blades-spacer-sm); - height: auto; - line-height: initial; } - -body .dialog form .trait-list, -body #sidebar form .trait-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .trait-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body .dialog form .trait-list li, -body #sidebar form .trait-list li, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .trait-list li { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .dialog img, -body #sidebar img, -body .window-app:not([id*="Actor-"], [id*="Item-"]) img { - border: none; - border-radius: 0; - position: relative; } - -body .dialog table, -body #sidebar table, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table { - background-color: var(--blades-black-fade-strong); - border: none; - margin: var(--blades-spacer-base) 0; } - -body .dialog table thead, -body #sidebar table thead, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table thead { - background-color: var(--blades-black-dark-fade-strong); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .dialog table tr:nth-child(even), -body #sidebar table tr:nth-child(even), -body .window-app:not([id*="Actor-"], [id*="Item-"]) table tr:nth-child(even) { - background-color: var(--blades-white-fade-strong); } - -body .dialog table td:first-child, -body #sidebar table td:first-child, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table td:first-child { - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .dialog table td, -body .dialog table th, -body #sidebar table td, -body #sidebar table th, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table td, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table th { - padding: var(--blades-spacer-xs) 0; } - -body .dialog .tabs ~ .tab, -body .dialog .sheet-tabs ~ .tab, -body #sidebar .tabs ~ .tab, -body #sidebar .sheet-tabs ~ .tab, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow-y: auto; - overflow-x: hidden; } - -body .dialog .tabs ~ .tab[data-tab], -body .dialog .sheet-tabs ~ .tab[data-tab], -body #sidebar .tabs ~ .tab[data-tab], -body #sidebar .sheet-tabs ~ .tab[data-tab], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab[data-tab], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab[data-tab] { - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body .dialog .tabs ~ .tab[data-tab].active, -body .dialog .sheet-tabs ~ .tab[data-tab].active, -body #sidebar .tabs ~ .tab[data-tab].active, -body #sidebar .sheet-tabs ~ .tab[data-tab].active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab[data-tab].active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab[data-tab].active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .dialog h1, -body .dialog h2, -body .dialog h3, -body .dialog h4, -body #sidebar h1, -body #sidebar h2, -body #sidebar h3, -body #sidebar h4, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h1, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h2, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h4 { - font-weight: normal; - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - position: relative; } - -body .dialog h1, -body #sidebar h1, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h1 { - -webkit-border-after: 2px solid rgba(var(--color-border), 1); - border-block-end: 2px solid rgba(var(--color-border), 1); - font-size: var(--size-24px); } - -body .dialog h2, -body #sidebar h2, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h2 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); } - -body .dialog h3, -body #sidebar h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h3 { - font-size: var(--size-16px); } - -body .dialog a, -body #sidebar a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a { - text-shadow: none; } - -body .dialog a:hover, -body #sidebar a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog a[href], -body #sidebar a[href], -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href] { - color: rgba(var(--color-primary), 1); - text-decoration: none; - text-shadow: none; } - -body .dialog a[href]:hover, -body #sidebar a[href]:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href]:hover { - text-decoration: underline; - text-shadow: none; } - -body .dialog a.entity-link, -body .dialog a.inline-roll, -body #sidebar a.entity-link, -body #sidebar a.inline-roll, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll { - background-color: rgba(var(--color-background-lightest), 1); - -webkit-box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text), 1); - text-shadow: none; - padding: var(--blades-spacer-pf) var(--blades-spacer-xs); - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .dialog a.entity-link:hover, -body .dialog a.inline-roll:hover, -body #sidebar a.entity-link:hover, -body #sidebar a.inline-roll:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog a.entity-link > i, -body .dialog a.inline-roll > i, -body #sidebar a.entity-link > i, -body #sidebar a.inline-roll > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll > i { - color: inherit; - -webkit-margin-end: var(--blades-spacer-xs); - margin-inline-end: var(--blades-spacer-xs); } - -body .dialog p, -body #sidebar p, -body .window-app:not([id*="Actor-"], [id*="Item-"]) p { - margin: var(--blades-spacer-base) 0; } - -body .dialog ul, -body .dialog ol, -body #sidebar ul, -body #sidebar ol, -body .window-app:not([id*="Actor-"], [id*="Item-"]) ul, -body .window-app:not([id*="Actor-"], [id*="Item-"]) ol { - margin: var(--blades-spacer-base) 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .dialog dl, -body #sidebar dl, -body .window-app:not([id*="Actor-"], [id*="Item-"]) dl { - margin: var(--blades-spacer-base) 0; } - -body .dialog dd, -body #sidebar dd, -body .window-app:not([id*="Actor-"], [id*="Item-"]) dd { - -webkit-padding-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-base); - margin: var(--blades-spacer-base) 0; } - -body .dialog hr, -body #sidebar hr, -body .window-app:not([id*="Actor-"], [id*="Item-"]) hr { - border: none; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-border-after: none; - border-block-end: none; - width: 100%; } - -body .dialog button[hidden], -body #sidebar button[hidden], -body .window-app:not([id*="Actor-"], [id*="Item-"]) button[hidden] { - display: none; } - -body .dialog blockquote, -body #sidebar blockquote, -body .window-app:not([id*="Actor-"], [id*="Item-"]) blockquote { - -webkit-border-start: 3px solid rgba(var(--color-border), 1); - border-inline-start: 3px solid rgba(var(--color-border), 1); - margin: var(--blades-spacer-base) 0 var(--blades-spacer-base) var(--blades-spacer-md); - -webkit-padding-start: var(--blades-spacer-lg); - padding-inline-start: var(--blades-spacer-lg); } - -body .dialog blockquote em, -body #sidebar blockquote em, -body .window-app:not([id*="Actor-"], [id*="Item-"]) blockquote em { - font-style: normal; } - -body .dialog section.secret, -body #sidebar section.secret, -body .window-app:not([id*="Actor-"], [id*="Item-"]) section.secret { - background-color: rgba(var(--color-background-light), 0.2); - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: 0 var(--blades-spacer-base); } - -body .dialog .tox-toolbar__primary, -body #sidebar .tox-toolbar__primary, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox-toolbar__primary { - background: transparent; } - -body .dialog .tox.tox-tinymce .tox-edit-area__iframe, -body #sidebar .tox.tox-tinymce .tox-edit-area__iframe, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox.tox-tinymce .tox-edit-area__iframe { - background-color: var(--blades-white-bright); - padding: var(--blades-spacer-base); } - -body .dialog .tox .tox-tbtn, -body #sidebar .tox .tox-tbtn, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn { - background: transparent; - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); - height: var(--blades-spacer-button-sm); - -webkit-margin-before: var(--blades-spacer-xs); - margin-block-start: var(--blades-spacer-xs); - padding: 0 var(--blades-spacer-base); } - -.window-app body #context-menu { - z-index: 101; } - -body .dialog div.dialog-content h4:first-child, -body .dialog div.dialog-content p:first-child { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -.-emu-compact body #hotbar .bar-controls { - width: 2rem; - height: 2.5rem; } - .-emu-compact body #hotbar .bar-controls .page-control { - font-size: var(--size-10px); } - -.-emu-compact body #hotbar .macro { - width: 2.5rem; - height: 2.5rem; } - .-emu-compact body #hotbar .macro .macro-icon { - width: 2rem; - height: 2rem; } - -.-emu-compact body #logo { - max-height: 2.125rem; - max-width: 4.25rem; } - -.-emu-compact body #notifications { - left: 7rem; - top: 6rem; } - -.-emu-compact body #players { - width: 10.5rem; } - -.-emu-compact body #navigation #scene-list .scene { - height: 1.75rem; - line-height: 1.75rem; - min-width: 5.5rem; } - -.-emu-compact body #navigation #scene-list .scene-player { - width: 0.5rem; - height: 0.5rem; } - -.-emu-compact body .window-app[id*="JournalEntry-"] a.editor-edit { - top: -1.75rem; } - -.-emu-compact body #tokenAttacher { - left: 4.5rem; - top: 2.375rem; } - -body #hotbar .bar-controls:first-child #macro-directory, -body #hotbar .bar-controls:first-child #bar-toggle { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body #hotbar .bar-controls:first-child #macro-directory:first-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:first-of-type { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; } - -body #hotbar .bar-controls:first-child #macro-directory:last-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:last-of-type { - border: none; - border-radius: 0 0 0 0; } - -body #hotbar .bar-controls .page-control, -body #hotbar .bar-controls #macro-directory, -body #hotbar .bar-controls #bar-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - position: relative; } - -body #hotbar .bar-controls .page-control:first-of-type, -body #hotbar .bar-controls #macro-directory:first-of-type, -body #hotbar .bar-controls #bar-toggle:first-of-type { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - -body #hotbar .bar-controls .page-control:last-of-type, -body #hotbar .bar-controls #macro-directory:last-of-type, -body #hotbar .bar-controls #bar-toggle:last-of-type { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body #loading #context, -body #loading #progress { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - top: 0; - position: absolute; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 100%; - font-size: var(--size-14px); - line-height: initial; - margin: 0 var(--blades-spacer-md); - padding: 0; } - -.-emu-layout.-emu-logo body #logo { - display: block !important; } - -.-emu-layout.-emu-control-align-top body #controls .control-tools .scene-control { - position: initial; } - -body #menu #menu-items li i, -body #menu #menu-items li h4 { - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); } - -body #players > h3:hover, -body #players > h3:active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -.-emu-subtle-layout body #controls:hover, -.-emu-subtle-layout body #controls:active { - opacity: 1; } - -.-emu-subtle-layout body #controls:hover .control-tools, -.-emu-subtle-layout body #controls:active .control-tools { - opacity: 1; } - -body #controls .control-tools .scene-control, -body #controls .control-tools .control-tool { - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - padding: 0; - pointer-events: all; - position: relative; } - -body #controls .control-tools .scene-control > i, -body #controls .control-tools .control-tool > i { - margin: 0; - position: relative; } - -.-emu-compact body #controls .control-tools .scene-control, -.-emu-compact body #controls .control-tools .control-tool { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); } - -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover { - background-image: none; } - -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus { - background-image: none; } - -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active { - background-image: none; } - -.-emu-subtle-layout body #navigation:hover, -.-emu-subtle-layout body #navigation:active { - opacity: 1; } - -.-emu-subtle-layout body #navigation:hover #scene-list .scene, -.-emu-subtle-layout body #navigation:active #scene-list .scene { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - opacity: 1; } - -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view { - background-image: none; } - -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm) { - background-image: none; } - -body #ui-left, -body #ui-middle, -body #ui-right { - pointer-events: none; - position: relative; - z-index: 10; } - -body .window-app .window-header > a, -body .window-app .window-header a.header-button { - background: transparent; - text-shadow: none; - padding: var(--blades-spacer-base); - position: relative; - width: auto; } - -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover { - color: rgba(var(--color-text-lightest), 1); - color: rgba(var(--color-primary), 1); } - -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus { - color: rgba(var(--color-primary), 1); - text-decoration: underline; } - -body .window-app .window-header > a.close, -body .window-app .window-header a.header-button.close { - color: transparent; - overflow: hidden; - padding: 0; - width: var(--blades-spacer-button-sm); } - -body .window-app .window-header > a.close:hover, -body .window-app .window-header > a.close:focus, -body .window-app .window-header a.header-button.close:hover, -body .window-app .window-header a.header-button.close:focus { - color: transparent; } - -body .window-app .window-header > a.close > i, -body .window-app .window-header a.header-button.close > i { - top: 0; - left: 0; - position: absolute; - width: 100%; - height: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; } - -body .window-app .window-header > a > i, -body .window-app .window-header > a > span.fas, -body .window-app .window-header a.header-button > i, -body .window-app .window-header a.header-button > span.fas { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar, -body .sidebar-popout { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - top: calc(var(--blades-spacer-md) / 2); - right: 0; - bottom: auto; - position: fixed; - width: var(--blades-spacer-sidebar); - height: calc(100% - var(--blades-spacer-md)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - overflow: hidden; - padding: 0; - z-index: 10; } - -body #sidebar ol, -body #sidebar ul, -body .sidebar-popout ol, -body .sidebar-popout ul { - margin: 0; - padding: 0; } - -body #sidebar.collapsed, -body .sidebar-popout.collapsed { - height: auto !important; - width: 2rem !important; } - -.-emu-subtle-layout body #sidebar.collapsed, -.-emu-subtle-layout body .sidebar-popout.collapsed { - opacity: 0.3; } - -.-emu-subtle-layout body #sidebar.collapsed:hover, -.-emu-subtle-layout body .sidebar-popout.collapsed:hover { - opacity: 1; } - -body #sidebar.collapsed #sidebar-tabs, -body .sidebar-popout.collapsed #sidebar-tabs { - -webkit-border-after: none; - border-block-end: none; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -body #sidebar.collapsed #sidebar-tabs > .collapse, -body .sidebar-popout.collapsed #sidebar-tabs > .collapse { - border-radius: 0 0 0 0; } - -body #sidebar.collapsed .sidebar-tab, -body #sidebar.collapsed .sidebar-tab.active, -body .sidebar-popout.collapsed .sidebar-tab, -body .sidebar-popout.collapsed .sidebar-tab.active { - display: none !important; } - -body #sidebar #sidebar-tabs, -body .sidebar-popout #sidebar-tabs { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - font-size: var(--size-12px); - margin: 0; - position: relative; } - -body #sidebar #sidebar-tabs > .item, -body #sidebar #sidebar-tabs > .collapse, -body .sidebar-popout #sidebar-tabs > .item, -body .sidebar-popout #sidebar-tabs > .collapse { - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 20%; - flex: 1 1 20%; - font-size: var(--size-12px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: auto; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); - position: relative; - top: auto; } - -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active { - border-radius: 0; - border: none; } - -body #sidebar #sidebar-tabs > .item.active:first-child, -body #sidebar #sidebar-tabs > .collapse.active:first-child, -body .sidebar-popout #sidebar-tabs > .item.active:first-child, -body .sidebar-popout #sidebar-tabs > .collapse.active:first-child { - border-radius: 0 0 0 0; } - -body #sidebar #sidebar-tabs > .item:first-child, -body #sidebar #sidebar-tabs > .collapse:first-child, -body .sidebar-popout #sidebar-tabs > .item:first-child, -body .sidebar-popout #sidebar-tabs > .collapse:first-child { - border-radius: 0 0 0 0; } - -body #sidebar #sidebar-tabs > .item > i, -body #sidebar #sidebar-tabs > .collapse > i, -body .sidebar-popout #sidebar-tabs > .item > i, -body .sidebar-popout #sidebar-tabs > .collapse > i { - margin: 0; - position: relative; - z-index: 1; } - -body #sidebar #sidebar-tabs > .item .notification-pip, -body #sidebar #sidebar-tabs > .collapse .notification-pip, -body .sidebar-popout #sidebar-tabs > .item .notification-pip, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip { - background-color: rgba(var(--color-primary), 1); - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: emu-notification-flash; - animation-name: emu-notification-flash; - -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; } - -body #sidebar #sidebar-tabs > .item .notification-pip::before, -body #sidebar #sidebar-tabs > .collapse .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .item .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip::before { - display: none; } - -body #sidebar .window-content .sidebar-tab, -body .sidebar-popout .window-content .sidebar-tab { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body #sidebar .sidebar-tab, -body .sidebar-popout .sidebar-tab { - display: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - -webkit-box-pack: initial; - -ms-flex-pack: initial; - justify-content: initial; - margin: 0; - min-height: 12.5rem; - position: relative; } - -body #sidebar .sidebar-tab.active, -body .sidebar-popout .sidebar-tab.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.-emu-compact body #sidebar .sidebar-tab, -.-emu-compact body .sidebar-popout .sidebar-tab { - min-height: 11rem; } - -body #sidebar .sidebar-tab.directory .directory-list, -body .sidebar-popout .sidebar-tab.directory .directory-list { - -webkit-padding-after: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); } - -body #sidebar .sidebar-tab .directory-header .header-actions button, -body #sidebar .sidebar-tab .directory-footer button, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button, -body .sidebar-popout .sidebar-tab .directory-footer button { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - height: auto; - line-height: var(--line-height-compact); - width: auto; } - -body #sidebar .sidebar-tab .directory-header .header-actions button > i, -body #sidebar .sidebar-tab .directory-footer button > i, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button > i, -body .sidebar-popout .sidebar-tab .directory-footer button > i { - font-size: var(--size-14px); } - -body #sidebar .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-header { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar .sidebar-tab .directory-header .header-search, -body .sidebar-popout .sidebar-tab .directory-header .header-search { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-header .header-search > i, -body .sidebar-popout .sidebar-tab .directory-header .header-search > i { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar .sidebar-tab .directory-header .header-search input, -body .sidebar-popout .sidebar-tab .directory-header .header-search input { - background-color: rgba(var(--color-background-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; } - -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - width: 2rem; - height: 2rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i { - margin: 0; } - -body #sidebar .sidebar-tab .directory-header .header-actions, -body .sidebar-popout .sidebar-tab .directory-header .header-actions { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-header .header-actions:only-child, -body #sidebar .sidebar-tab .directory-header .header-actions:last-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:only-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - -body #sidebar .sidebar-tab .directory-header > .action-buttons, -body .sidebar-popout .sidebar-tab .directory-header > .action-buttons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-footer { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -.-emu-subtle-layout body #sidebar.collapsed::before, -.-emu-subtle-layout body #sidebar.collapsed #emu-sidebar-lock { - display: none; } - -.-emu-subtle-layout body #sidebar:hover, -.-emu-subtle-layout body #sidebar.is-locked { - opacity: 1; - right: 0; } - -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock::before, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock::before { - content: "\f0da"; } - -.-emu-subtle-layout-sidebar-locked body #sidebar { - opacity: 1; - right: 0; } - .-emu-subtle-layout-sidebar-locked body #sidebar #emu-sidebar-lock { - display: none; } - -body #sidebar [data-tab="chat"] #chat-log, -body .sidebar-popout [data-tab="chat"] #chat-log { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: auto; - list-style: none; - margin: 0; - padding: 0; - overflow-y: auto; - overflow-x: hidden; } - -body #sidebar [data-tab="chat"] #chat-log .message, -body .sidebar-popout [data-tab="chat"] #chat-log .message { - background-color: rgba(var(--color-background-chat-message), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - font-family: inherit; - font-size: var(--size-14px); - padding: var(--blades-spacer-base); - margin: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message:hover .message-metadata, -body #sidebar [data-tab="chat"] #chat-log .message:focus .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message:hover .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message:focus .message-metadata { - opacity: 1; } - -body #sidebar [data-tab="chat"] #chat-log .message.whisper, -body .sidebar-popout [data-tab="chat"] #chat-log .message.whisper { - background-color: rgba(var(--color-background-chat-message-whisper), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message.blind, -body .sidebar-popout [data-tab="chat"] #chat-log .message.blind { - background-color: rgba(var(--color-background-chat-message-blind), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-header, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-header { - background-color: transparent; - color: inherit; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - line-height: var(--line-height-default); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata, -body #sidebar [data-tab="chat"] #chat-log .message .message-sender, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-sender { - color: inherit; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-12px); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-sender, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-sender { - margin: 0; - overflow: hidden; - white-space: initial; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata { - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - opacity: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata a, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata a { - color: inherit; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata a:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata a:hover { - color: rgba(var(--color-primary), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-content, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-content .table-result, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-content .table-result { - padding: var(--blades-spacer-base) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .flavor-text, -body #sidebar [data-tab="chat"] #chat-log .message .whisper-to, -body .sidebar-popout [data-tab="chat"] #chat-log .message .flavor-text, -body .sidebar-popout [data-tab="chat"] #chat-log .message .whisper-to { - color: inherit; - font-size: var(--size-12px); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll, -body #sidebar [data-tab="chat"] #chat-log .message .dice-result, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-result { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total { - background-color: rgba(var(--color-background), 0.1); - -webkit-box-shadow: none; - box-shadow: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: inherit; - line-height: initial; - font-size: inherit; - font-weight: normal; - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-formula { - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total { - font-size: var(--size-18px); - padding: var(--blades-spacer-xs) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.critical, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.success, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.critical, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.success { - background-color: var(--blades-color-positive); - border-color: var(--blades-color-positive); - color: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.fumble, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.failure, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.fumble, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.failure { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - color: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip { - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - line-height: initial; - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-weight: 700; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total { - background-color: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border-lighter), 1) 1px solid; - -webkit-border-after: none; - border-block-end: none; - border-radius: 0 0 0 0; - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - font-size: var(--size-14px); - font-weight: 700; - padding: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-rolls, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-rolls { - margin: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete { - color: rgba(var(--color-text), 1); } - -body #sidebar [data-tab="chat"] #chat-controls, -body .sidebar-popout [data-tab="chat"] #chat-controls { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 { - font-size: var(--size-14px); - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-controls .roll-type-select, -body .sidebar-popout [data-tab="chat"] #chat-controls .roll-type-select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - height: 2rem; - margin: 0; - width: auto; } - -body #sidebar [data-tab="chat"] #chat-controls .control-buttons, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i { - font-size: inherit; - line-height: initial; } - -body #sidebar [data-tab="chat"] #chat-form, -body .sidebar-popout [data-tab="chat"] #chat-form { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: 7rem; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar [data-tab="chat"] #chat-form textarea, -body .sidebar-popout [data-tab="chat"] #chat-form textarea { - background-color: rgba(var(--color-background-lightest), 0.9); - background-image: none; - width: 100%; - height: 100%; - padding: var(--blades-spacer-sm); } - -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar #combat .combat-tracker-header .encounters, -body #sidebar #combat .combat-tracker-header .encounter-controls, -body .sidebar-popout #combat .combat-tracker-header .encounters, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - width: 100%; } - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounters h4, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h4, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h4, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h4 { - -webkit-border-after: none; - border-block-end: none; - color: rgba(var(--color-text-lightest), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px); - text-align: center; } - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-20px); - -webkit-margin-start: var(--blades-spacer-button-sm); - margin-inline-start: var(--blades-spacer-button-sm); } - -body #sidebar #combat .combat-tracker-header .encounters a[disabled], -body #sidebar #combat .combat-tracker-header .encounter-controls a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounters a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a[disabled] { - pointer-events: none; - visibility: hidden; } - -body #sidebar #combat .combat-tracker-header .encounters a:first-child, -body #sidebar #combat .combat-tracker-header .encounter-controls a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounters a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:first-child { - -webkit-margin-start: 0; - margin-inline-start: 0; } - -body #sidebar #combat #combat-tracker .combatant, -body .sidebar-popout #combat #combat-tracker .combatant { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - line-height: initial; - margin: 0 var(--blades-spacer-sm); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: auto; } - -body #sidebar #combat #combat-tracker .combatant.hidden .token-name h4, -body #sidebar #combat #combat-tracker .combatant.hidden .token-image, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-image { - opacity: 0.5; } - -body #sidebar #combat #combat-tracker .combatant.active .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.active .token-name h4 { - border-color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #combat #combat-tracker .combatant.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.active .combatant-control.active { - background-color: var(--blades-white-bright); - color: rgba(var(--color-primary), 1); } - -body #sidebar #combat #combat-tracker .combatant.defeated, -body .sidebar-popout #combat #combat-tracker .combatant.defeated { - background-color: rgba(176, 16, 48, 0.5); } - -body #sidebar #combat #combat-tracker .combatant.defeated.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active .combatant-control.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #combat #combat-tracker .combatant .token-name, -body .sidebar-popout #combat #combat-tracker .combatant .token-name { - text-shadow: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; - overflow: hidden; - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant .token-name h4 { - color: rgba(var(--color-text-lightest), 1); - -webkit-border-after: 1px solid rgba(var(--color-border-lighter), 0.1); - border-block-end: 1px solid rgba(var(--color-border-lighter), 0.1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: var(--size-16px); - line-height: initial; } - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource { - -webkit-border-end: rgba(var(--color-border-lighter), 1) 1px solid; - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-14px); - line-height: var(--line-height-compact); - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - padding: 0; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-tracker .combatant .token-initiative .initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative .initiative { - color: inherit; - text-shadow: none; - font-size: var(--size-16px); - font-weight: normal; } - -body #sidebar #combat #combat-tracker .combatant .combatant-controls, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-controls { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - background: transparent; - font-size: var(--size-20px); - margin: 0; } - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll::before, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll::before { - content: "\f6cf"; } - -body #sidebar #combat #combat-tracker .combatant .token-effects, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; } - -body #sidebar #combat #combat-tracker .combatant .token-effects img, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects img { - cursor: default; - margin: 0; - max-height: 0.875rem; - max-width: 0.875rem; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; } - -body #sidebar #combat #combat-controls, -body .sidebar-popout #combat #combat-controls { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-controls:empty, -body .sidebar-popout #combat #combat-controls:empty { - display: none; } - -body #sidebar #combat #combat-controls .combat-control.center, -body .sidebar-popout #combat #combat-controls .combat-control.center { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - white-space: nowrap; } - -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i { - margin: 0; } - -body #sidebar #scenes .scene, -body .sidebar-popout #scenes .scene { - background-position: 50%; - background-size: cover; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - line-height: var(--line-height-compact); } - -body #sidebar #scenes .scene:hover, -body .sidebar-popout #scenes .scene:hover { - background-position: 50%; - background-size: cover; } - -body #sidebar #scenes .scene h3 > a, -body .sidebar-popout #scenes .scene h3 > a { - text-shadow: 1px 1px 2px var(--blades-black-dark), -1px -1px 2px var(--blades-black-dark); - padding: var(--blades-spacer-sm) 0; } - -body #sidebar #playlists, -body .sidebar-popout #playlists { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #playlists .global-control, -body .sidebar-popout #playlists .global-control { - background-color: rgba(var(--color-background), 0.5); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds { - height: auto !important; - max-height: 0 !important; - padding: 0 !important; } - -body #sidebar #playlists .global-control .playlist-header, -body .sidebar-popout #playlists .global-control .playlist-header { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; - width: 100%; } - -body #sidebar #playlists .global-control .playlist-header h4, -body .sidebar-popout #playlists .global-control .playlist-header h4 { - text-decoration: none; - height: auto; - margin: 0; - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body #sidebar #playlists .global-control .playlist-header h4 i.fa, -body .sidebar-popout #playlists .global-control .playlist-header h4 i.fa { - color: inherit; - -webkit-margin-start: var(--blades-spacer-xs); - margin-inline-start: var(--blades-spacer-xs); } - -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds { - background: transparent; - -webkit-border-start: none; - border-inline-start: none; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: auto !important; - padding: 0 !important; - width: 100%; } - -body #sidebar #playlists .global-control .playlist-sounds h4, -body .sidebar-popout #playlists .global-control .playlist-sounds h4 { - -webkit-border-after: 0; - border-block-end: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - margin: 0; } - -body #sidebar #playlists .global-control .playlist-sounds h4 + input[type="range"], -body .sidebar-popout #playlists .global-control .playlist-sounds h4 + input[type="range"] { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #playlists .global-control .playlist-sounds .sound, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound { - -webkit-border-after: 0; - border-block-end: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-padding-start: 0; - padding-inline-start: 0; - -webkit-padding-end: 0; - padding-inline-end: 0; } - -body #sidebar #playlists .global-control .playlist-sounds .sound:last-of-type, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound:last-of-type { - -webkit-padding-after: 0; - padding-block-end: 0; } - -body #sidebar #playlists .global-control .playlist-sounds .sound .global-volume, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound .global-volume { - -webkit-box-flex: 0; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - -body #sidebar #playlists .directory-list .directory-item.playlist, -body .sidebar-popout #playlists .directory-list .directory-item.playlist { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - line-height: var(--line-height-compact); - padding: 0 var(--blades-spacer-sm); } - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):focus, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):focus { - background-color: rgba(var(--color-folder-directory), 1); } - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body #sidebar #playlists .directory-list .playlist-sounds, -body .sidebar-popout #playlists .directory-list .playlist-sounds { - height: auto !important; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .playlist-sounds .sound:first-child { - -webkit-border-before: transparent 1px solid; - border-block-start: transparent 1px solid; } - -body #sidebar #playlists .directory-list .playlist-header, -body #sidebar #playlists .directory-list .sound, -body .sidebar-popout #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .sound { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; - text-decoration: none; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-header .playlist-name, -body #sidebar #playlists .directory-list .sound .playlist-name, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name, -body .sidebar-popout #playlists .directory-list .sound .playlist-name { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - overflow: visible; - padding: var(--blades-spacer-base) 0; - word-break: normal; - white-space: initial; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-header .playlist-name > i, -body #sidebar #playlists .directory-list .sound .playlist-name > i, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name > i, -body .sidebar-popout #playlists .directory-list .sound .playlist-name > i { - display: none; } - -body #sidebar #playlists .directory-list .playlist-header .sound-controls, -body #sidebar #playlists .directory-list .sound .sound-controls, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls, -body .sidebar-popout #playlists .directory-list .sound .sound-controls { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; } - -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control.inactive { - opacity: 0.5; } - -body #sidebar #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .playlist-header { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar #playlists .directory-list .sound:nth-child(even), -body .sidebar-popout #playlists .directory-list .sound:nth-child(even) { - background-color: rgba(var(--color-background-darkest), 0.2); } - -body #sidebar #playlists h4, -body #sidebar #playlists i, -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists h4, -body .sidebar-popout #playlists i, -body .sidebar-popout #playlists input[type=range] { - color: inherit; - height: auto; - line-height: var(--line-height-default); - word-break: normal; } - -body #sidebar #playlists h4 + input[type="range"], -body #sidebar #playlists i + input[type="range"], -body .sidebar-popout #playlists h4 + input[type="range"], -body .sidebar-popout #playlists i + input[type="range"] { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #playlists h4, -body .sidebar-popout #playlists h4 { - padding: var(--blades-spacer-base); } - -body #sidebar #playlists input[type="range"], -body .sidebar-popout #playlists input[type="range"] { - margin: 0; } - -body #sidebar #playlists #currently-playing, -body .sidebar-popout #playlists #currently-playing { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - max-height: 30%; - overflow-x: hidden; - overflow-y: auto; } - -body #sidebar #playlists #currently-playing .sound, -body .sidebar-popout #playlists #currently-playing .sound { - display: grid; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - grid-template-areas: "name controls" "playback playback"; - grid-template-columns: 1fr -webkit-min-content; - grid-template-columns: 1fr min-content; - grid-template-rows: -webkit-min-content -webkit-min-content; - grid-template-rows: min-content min-content; - margin: 0; - text-decoration: none; - width: 100%; } - -body #sidebar #playlists #currently-playing .sound + .sound, -body .sidebar-popout #playlists #currently-playing .sound + .sound { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - -body #sidebar #playlists #currently-playing .sound .sound-name, -body .sidebar-popout #playlists #currently-playing .sound .sound-name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - grid-area: name; - margin: 0; - padding: var(--blades-spacer-base) 0; } - -body #sidebar #playlists #currently-playing .sound .sound-controls, -body .sidebar-popout #playlists #currently-playing .sound .sound-controls { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - grid-area: controls; - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; } - -body #sidebar #playlists #currently-playing .sound .sound-control.inactive, -body .sidebar-popout #playlists #currently-playing .sound .sound-control.inactive { - opacity: 0.5; } - -body #sidebar #playlists #currently-playing .sound .sound-playback, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - grid-area: playback; - padding: 0; } - -body #sidebar #playlists #currently-playing .sound .sound-playback .sound-timer, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .sound-timer { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body #sidebar #playlists #currently-playing .sound .sound-playback .volume-icon, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .volume-icon { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar #compendium h3, -body .sidebar-popout #compendium h3 { - background-color: rgba(var(--color-background), 1); - border: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - -body #sidebar #compendium .compendium-type, -body .sidebar-popout #compendium .compendium-type { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body #sidebar #compendium .compendium-list, -body .sidebar-popout #compendium .compendium-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-xs); } - -body #sidebar #compendium .compendium-list .directory-item, -body .sidebar-popout #compendium .compendium-list .directory-item { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: var(--line-height-compact); } - -body #sidebar #compendium .compendium-list .directory-item h4, -body .sidebar-popout #compendium .compendium-list .directory-item h4 { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; } - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons { - color: rgba(var(--color-text-lightest), 1); - position: relative; } - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons i { - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #compendium .compendium-list .directory-item .compendium-footer, -body .sidebar-popout #compendium .compendium-list .directory-item .compendium-footer { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - -webkit-padding-after: var(--blades-spacer-base); - padding-block-end: var(--blades-spacer-base); - width: 100%; } - -body #sidebar #settings, -body .sidebar-popout #settings { - padding: var(--blades-spacer-sm); } - -body #sidebar #settings > div, -body .sidebar-popout #settings > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; } - -body #sidebar #settings h2, -body #sidebar #settings h4, -body .sidebar-popout #settings h2, -body .sidebar-popout #settings h4 { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - padding: 0; - margin: 0; } - -body #sidebar #settings h2, -body .sidebar-popout #settings h2 { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-20px); - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - -body #sidebar #settings h4, -body .sidebar-popout #settings h4 { - color: rgba(var(--color-primary), 1); - font-size: var(--size-16px); } - -body #sidebar #settings button, -body .sidebar-popout #settings button { - margin: 0; } - -body #sidebar #settings #game-details, -body .sidebar-popout #settings #game-details { - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: 0; } - -body #sidebar .notification-pip, -body .sidebar-popout .notification-pip { - color: rgba(var(--color-primary), 1); - -webkit-margin-end: var(--blades-spacer-xs); - margin-inline-end: var(--blades-spacer-xs); - padding: 0; - position: relative; - right: auto; - text-shadow: none; - top: auto; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - text-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - height: auto; - line-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:last-child, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:last-child { - -webkit-border-after: 0; - border-block-end: 0; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:hover, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:hover { - background-color: rgba(var(--color-primary), 1); - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - color: rgba(var(--color-text-lightest), 1); } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:focus, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:focus { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings { - margin: 0; - width: 100%; } - -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h2, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h3, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h4 { - border: none; - margin: 0; } - -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.previous, -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.next { - -webkit-box-flex: 0; - -ms-flex: 0 0 var(--blades-spacer-button); - flex: 0 0 var(--blades-spacer-button); } - -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.previous i, -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.next i { - margin: 0; } - -body #module-management .package[data-module-name="ernies-modern-layout"] a, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-title, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-description, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-metadata { - color: rgba(var(--color-text-lightest), 1); } - -body .package-configuration .categories .scrollable, -body .package-configuration .categories footer { - margin: 0; - padding: var(--blades-spacer-sm); } - -body .window-app[id*="trait-selector-"] .window-content form > ol, -body .window-app[id*="trait-selector-"] .window-content form > ul { - margin: 0; } - -body .window-app[id*="trait-selector-"] .window-content form > ol li, -body .window-app[id*="trait-selector-"] .window-content form > ul li { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .window-app[id*="trait-selector-"] .window-content form > ol li:last-child, -body .window-app[id*="trait-selector-"] .window-content form > ul li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - -body .window-app[id*="trait-selector-"] .window-content form > ol li, -body .window-app[id*="trait-selector-"] .window-content form > ol label, -body .window-app[id*="trait-selector-"] .window-content form > ul li, -body .window-app[id*="trait-selector-"] .window-content form > ul label { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .window-app[id*="trait-selector-"] .window-content form > ol label.checkbox, -body .window-app[id*="trait-selector-"] .window-content form > ul label.checkbox { - height: auto; - font-size: var(--size-14px); - line-height: initial; } - -body .window-app[id*="trait-selector-"] .window-content form > ol label.checkbox > input, -body .window-app[id*="trait-selector-"] .window-content form > ul label.checkbox > input { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br { - padding: 0 var(--blades-spacer-xs); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button { - margin: 0 var(--blades-spacer-xs); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip), -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - min-height: var(--blades-spacer-button); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total { - -webkit-margin-before: 0; - margin-block-start: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: default; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper .token-image, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper .token-image { - width: 100%; - height: 100%; - margin: 0; } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper svg, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper svg { - -webkit-box-shadow: none; - box-shadow: none; } - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: var(--blades-spacer-xs); } - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper input, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper input { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - height: auto; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-lg); } - -body .combatready-timebar, -body .combatready-timebar-fill { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - bottom: 0; - height: 0.4375rem; - top: auto; } - -.-emu-compact body .combatready-timebar, -.-emu-compact body .combatready-timebar-fill { - height: 0.1875rem; } - -body #sidebar #combat #combat-tracker .token-resource input, -body .sidebar-popout #combat #combat-tracker .token-resource input { - border: none; - color: rgba(var(--color-text-lightest), 1); - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - padding: 0; - text-align: center; } - -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary { - margin: var(--blades-spacer-sm); - text-shadow: none; - width: 100%; } - -body #sidebar #settings #combat-utility-belt, -body .sidebar-popout #settings #combat-utility-belt { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; } - -body #sidebar #settings #combat-utility-belt h4, -body .sidebar-popout #settings #combat-utility-belt h4 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - -body #cub-puter::before, -body #cub-puter::after { - display: none; } - -body .compendium-browser.window-app .control-area, -body .compendium-browser.window-app .list-area { - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-base); } - -body #sidebar #compendium > ul.directory-list > .directory-item, -body .sidebar-popout #compendium > ul.directory-list > .directory-item { - margin: 0; - padding: 0; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack { - cursor: pointer; - line-height: var(--line-height-compact) !important; - margin: 0 !important; - padding: 0 var(--blades-spacer-sm) !important; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover { - background-color: rgba(var(--color-primary), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title { - margin: 0 !important; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack i.folder, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack i.folder { - border: none; } - -body #sidebar #settings #df-chat-enhance-settings h4, -body .sidebar-popout #settings #df-chat-enhance-settings h4 { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - -webkit-margin-before: var(--blades-spacer-md) !important; - margin-block-start: var(--blades-spacer-md) !important; } - -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar [data-tab="chat"] section.dice-tray > .flexrow, -body .sidebar-popout [data-tab="chat"] section.dice-tray > .flexrow { - gap: var(--blades-spacer-base); - margin: 0; - width: 100%; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__roll { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-weight: normal; - margin: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button { - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button:hover svg *, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button:hover svg * { - fill: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button svg, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button svg { - -webkit-transition: initial; - transition: initial; } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__flag, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__flag { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - bottom: 100%; - left: 0; - position: absolute; - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: var(--line-height-compact); - max-height: var(--blades-spacer-button-xs); - overflow: hidden; - width: 100%; } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__flag.hide, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__flag.hide { - max-height: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__roll { - width: auto; - height: var(--blades-spacer-button); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--add, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--sub, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--add, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--sub { - min-width: var(--blades-spacer-button); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__advantage:hover, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--add:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__advantage:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--add:hover { - background-color: var(--blades-color-positive); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__disadvantage:hover, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--sub:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__disadvantage:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--sub:hover { - background-color: var(--blades-color-negative); } - -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input { - background-color: rgba(var(--color-background-lightest), 1); } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__stacked, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__stacked { - height: var(--blades-spacer-button); - margin: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad { - font-size: var(--size-10px); - margin: 0; - padding: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body .dialog--dice-calculator.window-app .dice-calculator > button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button { - color: rgba(var(--color-text-lightest), 1); - font-weight: normal; } - -body .dialog--dice-calculator.window-app .dice-calculator > button + button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button + button { - margin: 0; } - -body #sidebar .dnd5ehelpers .dice-result, -body .sidebar-popout .dnd5ehelpers .dice-result { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -body #sidebar .dnd5ehelpers .dice-result .desc, -body .sidebar-popout .dnd5ehelpers .dice-result .desc { - background-color: rgba(var(--color-background-light), 1); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - padding: var(--blades-spacer-sm); } - -body #sidebar .dnd5ehelpers .cover-button, -body .sidebar-popout .dnd5ehelpers .cover-button { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - margin: 0; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -body #sidebar .dnd5ehelpers .cover-button img, -body .sidebar-popout .dnd5ehelpers .cover-button img { - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-xs); } - -body #sidebar #playlists .header-actions > .flexrow, -body .sidebar-popout #playlists .header-actions > .flexrow { - -webkit-box-flex: 0; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action="attack"], -body .sidebar-popout [data-tab="chat"] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action="attack"] { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .monsterblock .tweak-menu ul li labal:hover, -body .monsterblock .tweak-menu ul li a:hover, -body .monsterblock .tweak-menu ul li label:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - -body .monsterblock .tweak-menu ul li labal, -body .monsterblock .tweak-menu ul li a, -body .monsterblock .tweak-menu ul li label { - padding: var(--blades-spacer-xs); } - -body .monsterblock .tweak-menu ul li labal.menu-toggle, -body .monsterblock .tweak-menu ul li a.menu-toggle, -body .monsterblock .tweak-menu ul li label.menu-toggle { - -webkit-padding-start: var(--blades-spacer-md); - padding-inline-start: var(--blades-spacer-md); } - -body .monsterblock .tweak-menu ul li labal:not(:only-child)::before, -body .monsterblock .tweak-menu ul li a:not(:only-child)::before, -body .monsterblock .tweak-menu ul li label:not(:only-child)::before { - left: var(--blades-spacer-base); - top: var(--blades-spacer-xs); } - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox, -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px) !important; - margin: 0; } - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type="checkbox"], -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type="checkbox"] { - margin: 0; } - -body #sidebar .sidebar-tab .directory-footer button.create-pdf, -body .sidebar-popout .sidebar-tab .directory-footer button.create-pdf { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body .window-app .window-header a.pop__btn-open, -body .window-app .window-header a.tit-menu__btn-open--sheet { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0 !important; - width: var(--blades-spacer-button-sm); } - -body .window-app .window-header a.pop__btn-open > i, -body .window-app .window-header a.pop__btn-open > span.fas, -body .window-app .window-header a.tit-menu__btn-open--sheet > i, -body .window-app .window-header a.tit-menu__btn-open--sheet > span.fas { - -webkit-margin-end: 0; - margin-inline-end: 0; } - -body #sidebar .dir__wrp-header, -body .sidebar-popout .dir__wrp-header { - padding: 0; } - -body #sidebar .dir__wrp-header .w-100, -body .sidebar-popout .dir__wrp-header .w-100 { - gap: var(--blades-spacer-base); } - -body #sidebar .dir__wrp-header .w-100 > *, -body .sidebar-popout .dir__wrp-header .w-100 > * { - margin: 0 !important; } - -body #sidebar [data-tab="chat"] .tabbedchatlog, -body .sidebar-popout [data-tab="chat"] .tabbedchatlog { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -body #sidebar [data-tab="chat"] .tabbedchatlog a, -body .sidebar-popout [data-tab="chat"] .tabbedchatlog a { - color: rgba(var(--color-text-lightest), 1); } - -body #token-action-hud:hover #tah-reposition, -body #token-action-hud:hover #tah-categories { - visibility: visible; } - -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories { - left: initial; - margin: 0; - visibility: hidden; } - -body #token-action-hud #tah-reposition i, -body #token-action-hud #tah-categories i { - color: inherit; - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - padding: initial; - margin: initial; - text-align: initial; } - -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #token-action-hud button.tah-title-button > .fa, -body #token-action-hud .tah-action button > .fa { - display: none; } - -body #hud .token-info-container .token-info-column-left, -body #hud .token-info-container .token-info-column-right { - padding: 0; - width: auto; } - -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -body #sidebar .token-mold h3, -body .sidebar-popout .token-mold h3 { - font-size: var(--size-16px); - font-weight: normal; - margin: 0; - width: 100%; } - -body #sidebar .token-mold > label, -body .sidebar-popout .token-mold > label { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - width: 100%; - height: var(--blades-spacer-button-sm); - font-size: var(--size-12px); - padding: var(--blades-spacer-base); } - -body #sidebar .token-mold > label > span > span, -body .sidebar-popout .token-mold > label > span > span { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar .import-dd, -body .sidebar-popout .import-dd { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-flex: 1 !important; - -ms-flex: 1 1 100% !important; - flex: 1 1 100% !important; - margin: 0 !important; } - -body #sidebar .sidebar-tab .directory-header .header-actions #world-anvil img, -body .sidebar-popout .sidebar-tab .directory-header .header-actions #world-anvil img { - max-height: var(--size-16px); - top: auto; } diff --git a/css/emu-styles.min.css b/css/emu-styles.min.css deleted file mode 100644 index f7004054..00000000 --- a/css/emu-styles.min.css +++ /dev/null @@ -1,8265 +0,0 @@ -/* stylelint-disable font-family-no-missing-generic-family-keyword */ -/* stylelint-disable selector-type-no-unknown */ -/* stylelint-disable selector-no-vendor-prefix */ -/* stylelint-disable declaration-block-no-shorthand-property-overrides */ -/* stylelint-disable no-duplicate-selectors */ -/* stylelint-disable declaration-block-no-redundant-longhand-properties */ -/* stylelint-disable selector-class-pattern */ -/* stylelint-disable selector-id-pattern */ -/* stylelint-disable rule-empty-line-before */ -/* stylelint-disable color-function-notation */ -/* stylelint-disable order/properties-order */ -/* stylelint-disable no-descending-specificity */ -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control { - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-16px); - font-family: inherit; - height: initial; - justify-content: center; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body .dialog .tabs a > i, -body .dialog .sheet-tabs a > i, -body #sidebar .tabs a > i, -body #sidebar .sheet-tabs a > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a > i, -body #module-management .list-filters a > i, -body .dialog button > i, -body #sidebar button > i, -body .window-app:not([id*=Actor-], [id*=Item-]) button > i, -body #menu #menu-items li > i, -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i, -body .window-app[id*=JournalEntry-] a.editor-edit > i, -body .alwayshp-btn > i, -body #sidebar #combat .add-temporary > i, -body .sidebar-popout #combat .add-temporary > i, -body #specials-config .fxmaster .directory-header a > i, -body ul.command-menu li > i, -body #token-action-hud button.tah-title-button > i, -body #token-action-hud .tah-action button > i, -body #sidebar .token-mold > label > span > i, -body .sidebar-popout .token-mold > label > span > i, -body .sheet[id*=activeeffect-sheet-] .effects-header a > i, -body .window-app[id*=cards-sheet-] .cards-header a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > i, -body .window-app[id*=cards-sheet-] .cards .card a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > i { - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .tabs a > label, -body .dialog .sheet-tabs a > label, -body #sidebar .tabs a > label, -body #sidebar .sheet-tabs a > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a > label, -body #module-management .list-filters a > label, -body .dialog button > label, -body #sidebar button > label, -body .window-app:not([id*=Actor-], [id*=Item-]) button > label, -body #menu #menu-items li > label, -body #sidebar #combat #combat-controls .combat-control > label, -body .sidebar-popout #combat #combat-controls .combat-control > label, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > label, -body .window-app[id*=JournalEntry-] a.editor-edit > label, -body .alwayshp-btn > label, -body #sidebar #combat .add-temporary > label, -body .sidebar-popout #combat .add-temporary > label, -body #specials-config .fxmaster .directory-header a > label, -body ul.command-menu li > label, -body #token-action-hud button.tah-title-button > label, -body #token-action-hud .tah-action button > label, -body #sidebar .token-mold > label > span > label, -body .sidebar-popout .token-mold > label > span > label, -body .sheet[id*=activeeffect-sheet-] .effects-header a > label, -body .window-app[id*=cards-sheet-] .cards-header a > label, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > label, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > label, -body .window-app[id*=cards-sheet-] .cards .card a > label, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > label, -body .dialog .directory .directory-item.folder .folder-header .create-folder > label, -body .dialog .directory .directory-item.folder .folder-header .create-entity > label, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > label, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > label, -body .dialog .directory .directory-item .create-folder > label, -body .dialog .directory .directory-item .create-document > label, -body #sidebar .directory .directory-item .create-folder > label, -body #sidebar .directory .directory-item .create-document > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > label, -body #navigation #nav-toggle > label, -body .window-app .window-header > a > label, -body .window-app .window-header a.header-button > label, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > label, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > label, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > label, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > label, -body #sidebar #combat .combat-tracker-header .encounters a > label, -body #sidebar #combat .combat-tracker-header .encounter-controls a > label, -body .sidebar-popout #combat .combat-tracker-header .encounters a > label, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > label, -body #sidebar #combat #combat-tracker .combatant .combatant-control > label, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > label, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > label, -body #sidebar #playlists #currently-playing .sound .sound-control > label, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > label, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > label, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > label, -body #dfcp-rt-buttons button > label, -body #specials-config .fxmaster .special-effects .controls a > label, -body div.permission-viewer a > label, -body #smalltime-app #displayContainer .arrow > label, -body #token-action-hud #tah-reposition > label, -body #token-action-hud #tah-categories > label, -body #sidebar .token-mold > a > label, -body .sidebar-popout .token-mold > a > label, -body #sidebar .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > label { - color: inherit !important; -} - -body { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - box-shadow: none; - font-size: var(--size-14px); -} -body .sidebar-popout { - border-radius: 0; - height: auto; - min-height: 50vh; - min-width: var(--blades-spacer-sidebar); -} -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .-emu-layout .header-control > label { - font-size: inherit !important; -} -body .sidebar-popout .window-content { - background-color: transparent; - padding: 0; -} -body .dialog .dialog-buttons { - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm); -} -body .dialog .dialog-buttons .dialog-button { - background-color: rgba(var(--color-background-button), 1); - background-image: none; - border: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; -} -body .dialog .dialog-buttons .dialog-button:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body .dialog .dialog-buttons:empty { - display: none; -} -body .dialog.window-app > .window-content { - padding: 0; -} -body .dialog div.dialog-content { - padding: 0 var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); -} -body .dialog div.dialog-content > p { - margin: 0; - margin-block-end: var(--blades-spacer-sm); -} -body .dialog form.dialog-content { - padding-block-start: var(--blades-spacer-md); -} -body .dialog .dialog-content { - color: rgba(var(--color-text), 1); - font-size: var(--size-16px); - padding: var(--blades-spacer-sm); -} -body .dialog .dialog-content > p + .form-group { - margin-block-start: var(--blades-spacer-md); -} -body .dialog .dialog-content > p:first-child { - margin-block-start: var(--blades-spacer-sm); -} -body .dialog .dialog-content > .form-group { - padding: 0; -} -body .dialog .dialog-content > .form-group + .dialog-buttons { - padding: 0; - padding-block-start: var(--blades-spacer-sm); -} -body .dialog .dialog-content > h3 { - margin-block-start: 0; -} -body .dialog .dialog-content > h3:first-child { - margin-block-start: var(--blades-spacer-md); -} -body .dialog #entity-create label { - flex: 0 0 30%; -} -body .dialog #drop-folder { - margin: 0; -} -body #context-menu { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - left: 0; - position: absolute; - max-width: 20rem; - min-width: 9.5rem; - width: 100%; - z-index: 1070; -} -body #context-menu.expand-down { - top: 100%; -} -body #context-menu.expand-up { - bottom: 100%; -} -body #context-menu ol.context-items .context-item { - text-shadow: none; - cursor: pointer; - line-height: initial; - padding: var(--blades-spacer-base); - text-align: left; -} -body #context-menu ol.context-items .context-item:first-child { - border-radius: 0 0 0 0; -} -body #context-menu ol.context-items .context-item:last-child { - border-radius: 0 0 0 0; -} -body #context-menu ol.context-items .context-item:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body #fps { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - border-radius: 0; - display: none; - line-height: initial; - margin: 0; - margin-block-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-base); - width: auto; -} -body #hotbar { - width: auto; - height: auto; - display: flex; - flex-wrap: nowrap; - margin-block-end: var(--blades-spacer-sm); - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - z-index: 10; -} -body #hotbar:hover { - z-index: 11; -} -body #hotbar #action-bar { - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - flex: 1 1 auto; - flex-wrap: nowrap; - height: auto; - margin: 0; - pointer-events: all; - position: relative; -} -body #hotbar #macro-list { - border: none; - border-radius: 0; - display: flex; - flex: 0 0 auto; - float: left; - height: auto; - position: relative; - width: auto; -} -body #hotbar .bar-controls { - background: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - width: 2.5rem; - height: 3.5rem; - display: flex; - flex-direction: column; - margin: 0; - pointer-events: all; - position: relative; -} -body #hotbar .bar-controls:first-child { - flex: 0 0 auto; - flex-direction: column; - margin-inline-end: var(--blades-spacer-base); -} -body #hotbar .bar-controls:last-child { - float: left; - margin-inline-start: var(--blades-spacer-base); -} -body #hotbar .bar-controls .page-control:first-of-type { - border-radius: 0 0 0 0; -} -body #hotbar .bar-controls .page-control:last-of-type { - border-radius: 0 0 0 0; -} -body #hotbar .bar-controls .page-number { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 1 1 auto; - font-size: var(--size-14px); - justify-content: center; - line-height: initial; -} -body #hotbar .macro { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: 3.5rem; - height: 3.5rem; - align-items: center; - cursor: pointer; - display: flex; - flex: 0 0 auto; - justify-content: center; - margin-inline-start: -1px; - position: relative; -} -body #hotbar .macro:first-child { - border-radius: 0 0 0 0; - margin-inline-start: 0; -} -body #hotbar .macro:last-child { - border-radius: 0 0 0 0; -} -body #hotbar .macro.active { - background-color: rgba(var(--color-background), 0.8); -} -body #hotbar .macro .macro-key { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - font-weight: 600; - text-shadow: 2px 2px 2px var(--blades-black-dark); - top: var(--blades-spacer-xs); - right: var(--blades-spacer-base); - position: absolute; - padding: 0; - z-index: 1; -} -body #hotbar .macro .macro-icon { - border: none; - width: 3rem; - height: 3rem; - max-height: 100%; - max-width: 100%; - object-fit: cover; - object-position: 50% 50%; - position: relative; -} -body #hotbar .macro .tooltip { - background-color: rgba(var(--color-background-darkest), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - left: 0; - line-height: var(--line-height-default); - margin-block-end: var(--blades-spacer-base); - min-width: 3.5rem; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} -body #hud .placeable-hud .col { - gap: var(--blades-spacer-base); -} -body #hud input[type=text] { - background: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); - height: var(--blades-spacer-button-lg); -} -body #hud .attribute { - flex: 0 0 auto; - margin: 0; -} -body #hud .attribute.elevation { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - flex: 0 0 auto; - padding: 0; -} -body #hud .attribute.elevation > input { - height: 100%; -} -body #hud .attribute.elevation > i { - color: rgba(var(--color-primary), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - z-index: 1; -} -body #hud .attribute.bar1 input[type=text] { - border-color: var(--blades-color-positive); -} -body #hud .attribute.bar2 input[type=text] { - border-color: var(--blades-grey); -} -body #hud .control-icon { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - flex: 0 0 auto; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #hud .control-icon > i { - margin: 0; - position: relative; -} -body #hud .control-icon img { - margin: 0; - opacity: 1; -} -body #hud .control-icon:hover { - background-image: none; -} -body #hud .control-icon:focus { - background-image: none; -} -body #hud .control-icon.active { - background-image: none; -} -body #hud #token-hud .status-effects { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - padding: var(--blades-spacer-base); - left: 3rem; -} -body #hud #token-hud .status-effects .effect-control { - opacity: 0.4; -} -body #hud #token-hud .status-effects .effect-control:hover { - opacity: 0.6; -} -body #hud #token-hud .status-effects .effect-control.active { - opacity: 1; -} -body #hud #token-hud .thwildcard-button-select { - display: inline-flex; - height: auto; -} -body #hud .token-info-container { - margin: 0; -} -body #hud .token-info-container .token-info-column-left { - justify-content: center; - left: -7.5rem; -} -body #hud .token-info-container .token-info-column-right { - justify-content: center; - right: -7.5rem; -} -body #hud .token-info-container .token-info-icon { - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; - margin: 0 !important; - min-width: 0; - padding: var(--blades-spacer-sm); -} -body #hud .token-info-container .token-info-icon .token-info-speed { - font-size: var(--size-12px); - width: 100%; -} -body #hud .token-info-container .token-info-icon .token-info-speed > span { - font-size: inherit !important; -} -body #loading { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - box-shadow: none; - top: var(--blades-spacer-sm); - left: 0; - position: absolute; - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - height: 1.5rem; - display: none; - pointer-events: none; - z-index: 10; -} -body #loading::after { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - content: ""; -} -body #loading #loading-bar { - background-color: rgba(var(--color-primary), 1); - border: none; - border-radius: 0; - height: 100%; - margin: 0; - min-width: 25%; - position: relative; -} -body #loading #context { - left: 0; -} -body #loading #progress { - right: 0; -} -body #logo { - display: none !important; - border: none; - border-radius: 0; - height: auto !important; - margin-block-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - max-height: 2.75rem; - max-width: 5.5rem; - pointer-events: all; - width: auto; -} -body #menu { - background: transparent; - border-radius: 0; - box-shadow: none; - top: 0; - left: 0; - position: fixed; - width: 100%; - height: 100%; - align-items: center; - display: flex; - justify-content: center; - z-index: 1070; -} -body #menu #menu-items { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - gap: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); -} -body #menu #menu-items li { - font-size: var(--size-20px); -} -body #notifications { - border-radius: 0; - top: 7.5rem; - left: 9.25rem; - position: fixed; - width: calc(100% - 32.5rem); - z-index: 1070; -} -body .notification { - background-color: var(--blades-black); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: var(--blades-white-bright); - line-height: initial; - margin-block-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-xl); -} -body .notification::before { - margin-inline-end: var(--blades-spacer-sm); -} -body .notification.info { - background-color: var(--blades-grey); - border-color: var(--blades-grey-bright); -} -body .notification.warning { - background-color: var(--blades-gold); - border-color: var(--blades-gold-bright); - color: var(--blades-black); -} -body .notification.error { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); -} -body .notification .close { - top: var(--blades-spacer-sm); - right: var(--blades-spacer-sm); - position: absolute; - line-height: var(--line-height-compact); - margin: 0; - margin-block-start: var(--blades-spacer-xs); -} -body #pause { - background: transparent; -} -body #pause h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-24px); -} -body #players { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: block; - margin: var(--blades-spacer-sm); - padding: 0; - pointer-events: all; - z-index: 10; -} -body #players.hidden { - display: none; -} -body #players > h3 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-transform: uppercase; -} -body #players > h3 .players-mode { - color: inherit; - flex: 1 1 auto; - font-size: var(--size-16px); - text-align: right; - position: relative; -} -body #players > h3 > i { - position: relative; -} -body #players > h3 > i:first-of-type { - margin-inline-start: 0; - margin-inline-end: var(--blades-spacer-sm); -} -body #players > h3 > i:last-of-type { - margin-inline-start: var(--blades-spacer-sm); - margin-inline-end: 0; -} -body #players > ol { - padding: var(--blades-spacer-sm); -} -body #players > ol .player { - align-items: center; - border: none; - display: flex; - flex-wrap: nowrap; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-xs) 0; - position: relative; - width: 100%; -} -body #players > ol .player.context .player-name { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} -body #players > ol .player-name { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - position: relative; - word-break: break-all; -} -body #players > ol .player-name.self { - color: rgba(var(--color-text-lightest), 1); -} -body #players > ol .player-active { - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - flex: 0 0 auto; - margin: 0; - margin-inline-end: var(--blades-spacer-sm); - position: relative; -} -body #players > ol .player-active.active { - box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} -body #controls { - display: flex; - flex: 1 1 auto; - gap: var(--blades-spacer-base); - height: 0; - max-width: 100%; - overflow: hidden; - padding: 0; - padding-block-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - position: relative; -} -body #controls .control-tools { - flex-direction: column; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - opacity: 1; - overflow: visible; - padding: 0; - pointer-events: none; - position: relative; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; -} -body #controls .control-tools.main-controls { - display: flex; -} -body #controls .control-tools .scene-control { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; -} -body #controls .control-tools .scene-control.active .control-tools { - opacity: 1; - display: inline-flex; -} -body #controls .control-tools .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; -} -body #controls .control-tools .control-tool.toggle { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - color: rgba(var(--color-text), 1); -} -body #controls .control-tools .control-tool.toggle:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body #controls .control-tools .control-tool.toggle.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; -} -body #controls .sdr-sub-controls { - bottom: 0; - left: var(--blades-spacer-sm); - position: absolute; -} -body #controls #SDRpopup.simple-dice-roller-popup { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid !important; - border-radius: 0; - box-shadow: none !important; - color: rgba(var(--color-text-lightest), 1); - flex-direction: column; - line-height: initial; - margin: 0; - pointer-events: all; -} -body #controls #SDRpopup.simple-dice-roller-popup ul { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} -body #controls #SDRpopup.simple-dice-roller-popup li { - border: none; - border-inline-end: rgba(var(--color-border), 1) 1px solid; - width: 3rem; - align-items: center; - display: inline-flex; - height: auto; - justify-content: center; -} -body #controls #SDRpopup.simple-dice-roller-popup li:first-child { - width: 7rem; -} -body #controls #SDRpopup.simple-dice-roller-popup li:last-child { - border-inline-end: none; -} -body #controls #SDRpopup.simple-dice-roller-popup li > i { - margin-inline-end: var(--blades-spacer-base); -} -body #navigation { - background: none; - border: none; - box-shadow: none; - margin: 0; - margin-block-start: var(--blades-spacer-sm); - padding: 0; - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - z-index: 10; -} -body #navigation #nav-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - margin: 0; - margin-inline-end: var(--blades-spacer-base); - z-index: 10; -} -body #navigation #scene-list { - display: flex; - gap: var(--blades-spacer-base); - flex-wrap: wrap; - margin-block-end: var(--blades-spacer-sm); - position: relative; - pointer-events: all; -} -body #navigation #scene-list .scene { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - outline: none; - text-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; - height: 2.25rem; - cursor: pointer; - display: block; - line-height: 2.25rem; - margin: 0; - max-width: 15rem; - min-width: 7rem; - padding: 0 var(--blades-spacer-md); - pointer-events: all; - position: relative; - text-align: center; -} -body #navigation #scene-list .scene:last-of-type { - margin-inline-end: 0; -} -body #navigation #scene-list .scene.gm { - background: #272000; - border: 1px solid var(--blades-gold); -} -body #navigation #scene-list .scene:not(.gm) { - background-color: rgba(var(--color-background), 0.8); - background-image: none; -} -body #navigation #scene-list .scene:hover { - background-image: none; -} -body #navigation #scene-list .scene:focus { - background-image: none; -} -body #navigation #scene-list .scene a { - text-shadow: none; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: none; - display: block; -} -body #navigation #scene-list .scene a > i { - margin-inline-end: var(--blades-spacer-base); -} -body #navigation #scene-list .scene-players { - top: 0; - left: 0; - position: absolute; - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - list-style: none; - margin: 0; - margin-block-start: calc(-1 * var(--blades-spacer-base)); - padding: 0; - padding-inline-start: var(--blades-spacer-sm); - pointer-events: none; -} -body #navigation #scene-list .scene-player { - background-color: var(--blades-white-bright); - border-radius: 0; - border: none; - box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - color: transparent; - font-size: var(--size-10px); - width: 0.75rem; - height: 0.75rem; - align-items: center; - display: flex; - justify-content: center; - margin: 0; - position: relative; - text-transform: uppercase; -} -body #tooltip { - background: rgba(var(--color-background-darkest), 0.9); - border: none; - box-shadow: 0 0 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - align-items: center; - border-radius: 0; - display: inline-flex; - font-family: inherit; - font-size: var(--size-14px); - line-height: var(--line-height-default); - max-width: 320px; - opacity: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-md); - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - width: max-content; -} -body #tooltip.active { - opacity: 1; -} -body #ui-left { - display: flex; - flex: 0 0 auto; - flex-direction: column; - justify-content: space-between; -} -body #ui-middle { - display: flex; - flex: 1 1 auto; - flex-direction: column; - justify-content: space-between; -} -body #ui-right { - flex: none; -} -body #ui-top { - margin: 0; - position: relative; -} -body #ui-top.offset { - margin-inline-start: calc(var(--blades-spacer-sidebar) * -0.25); -} -body #ui-bottom { - position: relative; -} -body #ui-bottom > div { - display: flex; - justify-content: space-between; -} -body .app { - background: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - max-height: 100%; - padding: 0; - z-index: 10; -} -body .app.window-app .archive-new table { - background-color: transparent; - border: none; -} -body .app.window-app .archive-new table tr td { - padding: var(--blades-spacer-base); -} -body .app.window-app .archive-new table tr td button { - margin-block-start: var(--blades-spacer-sm); -} -body .app.window-app #dfca-delete-all { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - margin: 0; - width: 100%; -} -body .app.window-app .open-gm-note > i { - margin: 0 var(--blades-spacer-base); -} -body .app.window-app form.pdf-item-sheet .field-row { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} -body .window-app { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - flex-wrap: nowrap; - margin: 0; -} -body .window-app.minimized .window-resizable-handle { - display: none; -} -body .window-app .window-header { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - gap: var(--blades-spacer-xs); - line-height: initial; - margin: 0; - overflow: hidden; - padding: var(--blades-spacer-sm); - position: relative; -} -body .window-app .window-header h4.window-title { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; - font-weight: normal; - margin: 0; - position: relative; -} -body .window-app .window-header h4.window-title .document-id-link { - margin-inline-start: var(--blades-spacer-sm); - opacity: 0.8; -} -body .window-app .window-header h4.window-title .document-id-link i { - margin: 0; -} -body .window-app .window-content { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - color: rgba(var(--color-text), 1); - display: flex; - flex: 1 1 auto; - flex-direction: column; - font-size: var(--size-14px); - margin: 0; - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-sm); - position: relative; -} -body .window-app .window-content form { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); -} -body .window-app .window-content form.flexcol { - height: 100%; -} -body .window-app .window-content form .form-body { - flex: 1 1 auto; - overflow: auto; -} -body .window-app .window-content form .form-footer { - flex: 0 0 auto; -} -body .window-app .window-content .chat-message { - border-radius: 0; -} -body .window-app .window-content .sheet-footer { - gap: var(--blades-spacer-base); -} -body .window-app .window-resizable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - right: 0; - bottom: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .window-app .window-resizable-handle > i { - transform: rotate(45deg); -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand { - bottom: var(--blades-spacer-base); - position: absolute !important; - left: auto; - right: var(--blades-spacer-base); - top: auto; -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand.fullscreen { - position: fixed !important; - z-index: 16; -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand > i { - margin: 0; -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor { - flex: 1 1 auto; - height: 100%; - margin-block-end: var(--blades-spacer-md); -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor.fullscreen { - height: calc(100% - 10rem); - margin: 0; - z-index: 15; -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor.fullscreen::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - background-color: var(--blades-black-dark-fade); - content: ""; -} -body .window-app .ve-window { - background: none; - gap: var(--blades-spacer-md); -} -body .window-app .ve-window > .mx-2 { - display: none; -} -body .window-app .ve-window .imp-wiz__head-panel { - font-size: initial; - text-decoration: none; -} -body .window-app .ve-window .ve-flex-col { - gap: var(--blades-spacer-base); -} -body .window-app .ve-window .imp-wiz__row-mode { - gap: var(--blades-spacer-base); - margin: 0 !important; -} -body .window-app .ve-window .imp-wiz__btn-package-archive { - width: 100%; -} -body .window-app .ve-window .imp-wiz__btn-quick { - flex: 0 0 auto; -} -body .window-app .ve-window .imp-wiz__btn-quick > i { - margin: 0 !important; -} -body .window-app .ve-window .btn-5et { - font-size: var(--size-14px) !important; - overflow: hidden; - white-space: normal; -} -body .window-app .window-draggable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .window-app .window-draggable-handle > i { - transform: rotate(45deg); -} -body .window-app.token-mold .window-content { - overflow: hidden; -} -body .window-app.token-mold .window-content nav { - background-color: transparent; - padding: 0; -} -body .window-app.token-mold .window-content form { - display: flex; - flex-direction: column; -} -body .window-app.token-mold .window-content form section + section { - margin-block-start: var(--blades-spacer-base); -} -body .window-app.token-mold .window-content form .add-attribute { - display: flex; - margin-block-start: var(--blades-spacer-sm); -} -body .window-app.token-mold .window-content form .flexcol { - border: none; - padding: 0; - width: 1px; -} -body .window-app.token-mold .window-content form .flexcol > select { - margin-block-start: var(--blades-spacer-base); - width: auto; -} -body .window-app.token-mold .window-content .form-group input[type=checkbox] + label { - flex: 1 1 40%; - padding-inline-start: var(--blades-spacer-sm); -} -body .window-app.token-mold .window-content .form-group.unlinked { - border: none; -} -body .window-app.token-mold .window-content .info { - height: auto; -} -body .sheet .sheet-header { - display: flex; - gap: var(--blades-spacer-base); - position: relative; -} -body .sheet .sheet-header > img { - border: none; - cursor: pointer; - flex: 0 0 auto; - object-fit: cover; - object-position: 50% 50%; - position: relative; -} -body .sheet .sheet-header > h1 { - border: none; - flex: 1 1 auto; - margin: 0; -} -body .sheet .sheet-header > h1 input { - background-color: rgba(var(--color-background-light), 0.2); - width: 100%; - height: 2.5rem; - flex: 0 0 auto; - font-size: var(--size-24px); - line-height: var(--line-height-compact); - margin: 0; -} -body .sheet .sheet-footer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - width: 100%; - z-index: 10; -} -body .sheet .sheet-footer + ::after { - display: none; -} -body #sidebar { - border-inline-end: none; - border-radius: 0 0 0 0; - position: relative; -} -body #sidebar #emu-sidebar-lock { - display: none; -} -body #sidebar [data-tab=chat].small-chat + #combat { - flex: 1; -} -body #sidebar .small-chat::after { - border-color: rgba(var(--color-primary), 1); -} -body .sheet[id*=activeeffect-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .sheet[id*=activeeffect-sheet-] .changes-list { - list-style: none; - margin: 0; - padding: 0; - width: 100%; -} -body .sheet[id*=activeeffect-sheet-] .changes-list li:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body #av-config form .sheet-tabs { - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; -} -body #av-config form .webrtc-custom-turn-config { - width: 100%; -} -body #av-config form label { - font-weight: 400; -} -body .window-app[id*=cards-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header { - gap: var(--blades-spacer-base); - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header h4 { - font-weight: 700; - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header .card-controls [data-action=create] { - padding: 0 var(--blades-spacer-base); - width: auto; -} -body .window-app[id*=cards-sheet-] .cards .card { - gap: var(--blades-spacer-base); -} -body .window-app[id*=cards-sheet-] .cards .card .card-control[disabled] { - opacity: 0.5; -} -body .window-app[id*=card-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=card-sheet-] button.face-control > i { - margin: 0; -} -body .window-app[id*=chat-popout-] .window-content { - padding: 0; -} -body .window-app[id*=chat-popout-] .window-content .chat-message { - background: none; - border: none; - margin: 0; - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form nav.tabs { - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; -} -body #client-settings.window-app.form #config-tabs { - border: none; - flex: 1 1 auto; - overflow-y: auto; -} -body #client-settings.window-app.form section.content h2.module-header { - margin-block-start: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-base); -} -body #client-settings.window-app.form section.content .submenu > button { - height: initial; - font-size: var(--size-16px); -} -body #client-settings.window-app.form section.content .submenu > button label { - color: inherit; - pointer-events: none; -} -body #client-settings.window-app.form section.content .submenu > label { - line-height: initial; -} -body #client-settings.window-app.form section.content .settings-list { - border: none; - max-height: 100%; - overflow: initial; - padding: 0; -} -body #client-settings.window-app.form .sheet-footer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); -} -body #client-settings.window-app.form .window-content { - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content .sheet-footer { - padding: 0; -} -body #client-settings.window-app.form .window-content .sheet-footer button { - margin: 0; -} -body #client-settings.window-app.form .window-content .sheet-tabs.tabs .item { - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group { - border: none; - color: rgba(var(--color-text), 1); - align-items: center !important; - display: flex; - flex-direction: row; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - justify-content: space-between !important; - margin: 0; - padding: var(--blades-spacer-sm); - transition: none; - width: 100%; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group .form-fields { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - flex: 1 1 auto; - justify-content: flex-end; - margin: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox] { - appearance: auto; - left: auto; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox]::after { - display: none; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group label { - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - order: initial; - padding: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > label { - flex: 0 0 40% !important; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button { - flex: 1 1 auto !important; - margin: 0; - width: auto; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button > label { - justify-content: center; - padding: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper .notes { - margin: 0; -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField { - border: none; - border-radius: 0; - flex: 0 0 auto; - height: auto; - margin: 0; - margin-block-end: var(--blades-spacer-base); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header { - border-block-end: rgba(var(--color-border), 1) 1px solid; - align-items: center; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - gap: var(--blades-spacer-sm); - margin: 0; - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header > span { - color: inherit; - margin: 0; -} -body #client-settings.window-app form .polyglot-group-header { - background-color: transparent; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin-block-start: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body { - max-height: 100%; - overflow: hidden; -} -body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file { - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file img { - margin-inline-end: var(--blades-spacer-base); - max-width: var(--blades-spacer-button); - max-height: var(--blades-spacer-button); -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .tiles-list { - gap: var(--blades-spacer-base); - grid-template-columns: repeat(5, 1fr); -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file { - align-items: center; - background-color: rgba(var(--color-background-darkest), 0.05); - border: none; - display: flex; - flex: 0 0 auto; - justify-content: center; - max-width: 100%; - min-height: 6.25rem; - padding: var(--blades-spacer-base); - width: 100%; -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file img { - max-height: 100%; - max-width: 100%; -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file { - border: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - display: grid; - gap: var(--blades-spacer-base); - grid-template-areas: "title" "image"; - grid-template-rows: min-content 1fr; - justify-content: center; - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file .filename { - background-color: rgba(var(--color-background-darkest), 0.8); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-14px); - grid-area: title; - left: auto; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); - position: relative; - text-align: center; - width: 100%; -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file img { - grid-area: image; -} -body .filepicker.window-app .filepicker-body .filepicker-header { - flex: 0 0 auto; - position: relative; -} -body .filepicker.window-app .filepicker-body .filepicker-header .current-dir button > i { - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode { - flex: 1 1 auto; - margin: 0; - width: auto; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i { - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-header .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - flex: 0 0 auto; - font-size: var(--size-12px); - line-height: initial; - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-body { - display: flex; - flex-direction: column; - flex: 1 1 auto; - gap: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory { - background: none; - border: 0; - border-radius: 0; - flex: 1; - min-height: 6.25rem; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - position: relative; - margin: 0; - width: 100%; -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory + .directory { - border: rgba(var(--color-folder-directory), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir { - background-color: rgba(var(--color-folder-header), 0.9); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - background-color: rgba(var(--color-folder-directory), 0.9); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-footer { - flex: 0 0 auto; - position: relative; -} -body .filepicker.window-app .filepicker-body .filepicker-footer:empty { - display: none; -} -body .journal-show-dialog .form-group-stacked { - text-align: left; -} -body .journal-show-dialog .form-group-stacked .checkbox-label { - align-items: start; -} -body .journal-show-dialog .form-group-stacked label.checkbox { - flex-direction: row-reverse; -} -body .window-app[id*=JournalEntry-] .journal-entry-content { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - padding: 0; -} -body .window-app[id*=JournalEntry-] .journal-sheet-container { - gap: var(--blades-spacer-sm); - padding: 0; -} -body .window-app[id*=JournalEntry-] .directory { - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin-block-end: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search { - flex-wrap: nowrap; - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search > * { - flex: 0 0 var(--blades-spacer-button-sm); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input { - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item { - min-height: initial; - padding: var(--blades-spacer-xs); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item:hover { - background-color: rgba(var(--color-folder-directory), 1); - box-shadow: none; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading { - background-color: rgba(var(--color-background-darkest), 0.5); - border: none; - align-items: center; - display: flex; - font-size: var(--size-14px); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading .page-number { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - padding: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading .journal-entry-page-link { - padding: var(--blades-spacer-base); - padding-inline-start: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings:empty { - display: none; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading { - height: auto; - line-height: initial; - margin: 0; - padding: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading:nth-child(even) { - background-color: rgba(var(--color-background), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link { - display: inline-flex; - font-size: var(--size-16px); - line-height: initial; - padding: var(--blades-spacer-base) var(--blades-spacer-md); - padding-inline-start: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link:hover { - color: rgba(var(--color-primary), 1); -} -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons { - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm) var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] .edit-container { - height: auto; - pointer-events: initial; - position: absolute; - right: var(--blades-spacer-base); - top: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] a.editor-edit { - display: inline-flex; - height: var(--blades-spacer-button-sm); - pointer-events: initial; - right: auto; - top: auto; - width: var(--blades-spacer-button-sm); -} -body .window-app[id*=JournalEntry-] a.editor-edit > i { - margin: 0; -} -body .window-app[id*=JournalEntry-] a.editor-edit:hover { - color: rgba(var(--color-text-lightest), 1); -} -body .journal-sheet .journal-header { - gap: var(--blades-spacer-md); - margin: var(--blades-spacer-sm); -} -body .journal-entry-pages { - margin: 0 var(--blades-spacer-sm) var(--blades-spacer-sm); -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .heading-level { - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .heading-level label { - margin: 0; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .show-title { - display: flex; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .show-title label.checkbox { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - height: auto; - line-height: var(--line-height-default); -} -body .window-app[id*=JournalEntryPage-] .editor.tinymce { - margin: 0 var(--blades-spacer-sm); -} -body .sheet[id*=macro-config-] .sheet-header h1 { - border: none; - margin: 0; -} -body .sheet[id*=macro-config-] .form-group.command.stacked { - flex-direction: column; - flex-wrap: nowrap; -} -body .sheet[id*=macro-config-] .form-group.command.stacked > label { - align-items: flex-start; - flex: 0 0 auto !important; - height: auto; - width: 100%; -} -body .sheet[id*=macro-config-] .form-group.command.stacked > textarea { - flex: 1 1 auto; - height: 100%; -} -body #module-management { - min-height: 0; -} -body #module-management .list-filters .filter { - font-weight: normal; -} -body #module-management .list-filters input { - margin-inline-end: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); -} -body #module-management .list-filters .expand { - height: auto; - justify-content: center; - margin: 0; - margin-inline-start: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: 0; -} -body #module-management .list-filters .expand > i { - margin: 0; -} -body #module-management .package-list { - border: none; - height: 37.5rem; - margin: 0; - max-height: initial; - padding: 0; -} -body #module-management .package { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm); -} -body #module-management .package:last-child { - border-block-end: none; -} -body #module-management .package .tag { - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: inline-flex; - font-size: var(--size-12px); - height: auto; - justify-content: center; - line-height: initial; - margin: 0; - margin-inline-start: var(--blades-spacer-xs); - padding: var(--blades-spacer-base); -} -body #module-management .package[data-module-name=ernies-modern-layout] { - background-color: rgba(var(--color-primary), 0.8); -} -body #module-management .package-overview { - align-items: center; -} -body #module-management .package-title { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - height: initial; - line-height: var(--line-height-compact); - text-decoration: none; -} -body #module-management .package-title input { - margin-inline-end: var(--blades-spacer-sm); -} -body #module-management .package-title input[type=checkbox] { - appearance: auto; - margin-inline-end: var(--blades-spacer-sm); -} -body #module-management .package-title input[type=checkbox]::after { - display: none; -} -body #module-management .package-description { - color: rgba(var(--color-text-darker), 1); -} -body #module-management .package-metadata { - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); -} -body #module-management form > footer { - gap: var(--blades-spacer-base); -} -body #module-management .enhanced-module-management { - gap: var(--blades-spacer-base); - justify-content: center; - margin-block-end: 0; -} -body #module-management .enhanced-module-management button { - flex: 0 0 auto; - margin: 0; - width: auto; -} -body #module-management .enhanced-module-management button > i { - margin: 0; -} -body #module-management .enhanced-module-management button.disable-all-modules { - background-color: var(--blades-color-negative); - color: var(--blades-white-bright); - flex: 1 1 auto; -} -body #module-management .enhanced-module-management button.enable-all-modules { - background-color: var(--blades-color-positive); - color: var(--blades-white-bright); - flex: 1 1 auto; -} -body #module-management .enhanced-module-management ~ .package-list { - height: auto; - overflow-y: auto; -} -body .package-configuration aside.sidebar { - border-inline-end: 1px solid rgba(var(--color-border), 1); - flex: 0 0 220px; - font-size: var(--size-14px); - gap: var(--blades-spacer-md); - height: 100%; - padding: 0; - padding-inline-end: var(--blades-spacer-sm); -} -body .package-configuration aside.sidebar .entry-filter { - margin: 0; -} -body .package-configuration aside.sidebar nav.filters .category-filter { - border-block-end: 1px solid rgba(var(--color-border), 1); - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - font-weight: normal; - justify-content: space-between; - padding: var(--blades-spacer-base); -} -body .package-configuration aside.sidebar nav.filters .category-filter:hover { - color: inherit; -} -body .package-configuration aside.sidebar nav.filters .category-filter.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .package-configuration aside.sidebar nav.filters .category-filter.active a { - color: rgba(var(--color-text-lightest), 1); -} -body .package-configuration .categories footer { - padding-block-end: 0; -} -body .window-app[id*=rolltable-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result { - display: grid; - grid-template-columns: 2.5rem 8rem 1fr 3.75rem 5rem 3.75rem; -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result select + input { - margin-inline-start: var(--blades-spacer-base); -} -body .window-app[id*=UserConfig-] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; -} -body .window-app[id*=UserConfig-] .form-group.stacked #characters.directory-list .directory-item.context { - background-color: rgba(var(--color-primary), 1); -} -body .window-app[id*=user-sheet-] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; -} -body #always-hp { - height: auto !important; -} -body #always-hp .window-content { - border: none; - padding: var(--blades-spacer-sm); -} -body #always-hp .window-title { - align-items: center; -} -body #always-hp .window-title .token-stats { - flex-grow: 0; - flex-wrap: nowrap; - font-size: var(--size-12px); - height: auto; - padding: 0; - text-align: right; -} -body #always-hp .window-title .token-stats .stat { - border-radius: 0; - display: inline-block; - font-weight: 700; - line-height: var(--line-height-compact); - padding: var(--blades-spacer-xs) var(--blades-spacer-base); - text-align: center; - vertical-align: baseline; - white-space: nowrap; -} -body #always-hp .resource { - background-color: var(--blades-black-dark-fade); - border: 1px solid rgba(var(--color-border), 1); - border-radius: 0; - height: 10px; - grid-area: resource; - margin: 0; - position: relative; - top: auto; - width: 100%; - z-index: 2; -} -body #always-hp .resource .bar { - border-radius: 0; -} -body .alwayshp-content { - display: grid; - grid-template-columns: min-content min-content 1fr min-content min-content; - grid-template-rows: min-content min-content min-content; - grid-template-areas: "resource resource resource resource resource" "death hurt input heal life" "deathfail deathfail . deathsave deathsave"; - gap: var(--blades-spacer-base); -} -body .alwayshp-btn { - flex: 0 0 auto; - line-height: var(--line-height-compact); -} -body .alwayshp-btn i { - margin: 0; - padding: 0; -} -body #alwayshp-btn-dead { - grid-area: death; -} -body #alwayshp-btn-hurt { - grid-area: hurt; -} -body #alwayshp-btn-heal { - grid-area: heal; -} -body #alwayshp-btn-fullheal { - grid-area: life; -} -body #alwayshp-btn-fullheal i { - padding: 0; -} -body #alwayshp-hp { - background: rgba(var(--color-background-lightest), 1); - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: 700; - grid-area: input; - text-align: center; - width: auto; -} -body .death-savingthrow.fail { - grid-area: deathfail; -} -body .death-savingthrow.save { - grid-area: deathsave; -} -body #levels-elevator { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} -body #cgmp-typing-notify { - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); -} -body #cgmp-typing-notify.hidden { - display: none; -} -body #cgmp-typing-notify .dot { - background-color: var(--blades-white-bright); -} -body #chat-log .message .message-header .chat-portrait-text-size-name { - align-items: center; - display: flex; -} -body #chat-log .message .message-header img { - margin: var(--blades-spacer-xs) 0; - margin-inline-end: var(--blades-spacer-base); -} -body .combatready-timebar { - background: rgba(var(--color-background-darkest), 0.2); -} -body .combatready-timebar-fill { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .combatready-timebar-fill .combatready-timebaricon { - display: none; -} -body #combat-utility-belt-about a { - text-shadow: none; -} -body #cub-puter .terminal { - color: rgba(var(--color-primary), 1); -} -body .compendium-browser-btn { - flex: 1 1 auto; -} -body .compendium-footer { - flex: 1 1 auto; -} -body .compendium-browser.window-app { - overflow: hidden; -} -body .compendium-browser.window-app .tabs { - max-height: 100%; -} -body .compendium-browser.window-app .filtercontainer { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin-block-end: var(--blades-spacer-base); -} -body .compendium-browser.window-app .filtercontainer:last-child { - margin-block-end: 0; - border: none; -} -body .compendium-browser.window-app .filtercontainer > div { - margin: var(--blades-spacer-base) 0; -} -body .compendium-browser.window-app .filtercontainer .multiselect { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .filtercontainer dd { - display: inline-flex; -} -body .compendium-browser.window-app .filtercontainer dd select { - flex: 1 1 auto; - width: auto; -} -body .compendium-browser.window-app .filtercontainer dd select + input { - border-inline-start: none; - flex: 1 1 100%; -} -body .compendium-browser.window-app .settings-group { - border: none; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .settings-group label { - align-items: center; - display: flex; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .settings-group label:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .compendium-browser.window-app .settings-group label input[type=checkbox] { - margin-inline-end: var(--blades-spacer-sm); -} -body .compendium-browser.window-app .settings-group label h4 { - margin: 0; -} -body .compendium-browser.window-app ul { - margin: 0; - padding: 0; -} -body #custom-hotbar { - z-index: 10; -} -body #dfcp-rt-buttons { - gap: var(--blades-spacer-base); - justify-content: flex-end; - margin: 0 !important; -} -body #dfcp-rt-buttons button { - background: transparent; - font-size: var(--size-14px); - margin: 0; - min-height: 0; - max-height: 100%; -} -body #dfcp-rt-buttons button.chat-archive { - margin-inline-start: 0 !important; -} -body #dfcp-rt-buttons button > i { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - line-height: var(--line-height-compact); - margin: 0; - width: auto; -} -body #df-curvy-walls-tools { - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 11.5rem; -} -body #df-curvy-walls-tools .control-tools { - display: flex; - flex-direction: column; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} -body #df-curvy-walls-tools .control-tool { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - box-sizing: border-box; - cursor: pointer; - display: flex; - justify-content: center; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #df-curvy-walls-tools .control-tool:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body #df-curvy-walls-tools .control-tool.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; -} -body .dice-so-nice .dice-more-theme { - background: none; - border: none; - border-radius: 0; - box-shadow: none; - font-size: var(--size-16px); - margin: 0; - padding: var(--blades-spacer-sm); -} -body .dice-so-nice section.content .settings-list { - overflow-x: hidden; - padding: 0; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - display: grid; - grid-template-columns: 1fr 1fr 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content min-content; - line-height: initial; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div { - width: auto; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div.sfx-hidden { - display: none; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx select + input { - margin-inline-start: var(--blades-spacer-base); -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - grid-template-columns: 1fr 1fr 1fr -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection { - background-color: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - height: auto; - min-height: var(--blades-spacer-button); - padding: 0; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul { - margin: 0; - padding: 0 var(--blades-spacer-xs); -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li { - background-color: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin: var(--blades-spacer-xs); - padding: 0; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li button { - height: var(--blades-spacer-button-sm); -} -body .dice-so-nice .sheet-footer { - gap: var(--blades-spacer-base); -} -body .dialog--dice-calculator.window-app .dice-calculator { - margin: 0; -} -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator__input > label { - font-size: var(--size-16px); - padding-inline-end: var(--blades-spacer-sm); -} -body #emu-settings form { - display: flex; - flex-direction: column; - max-height: 80vh; - overflow: hidden; -} -body #emu-settings form h3 { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} -body #emu-settings .content { - flex: 1 1 auto; - overflow: auto; -} -body #emu-settings .sheet-footer { - flex: 0 0 auto; -} -body #specials-config .fxmaster .directory-header { - flex-direction: row; -} -body #specials-config .fxmaster .directory-header > div { - flex: 1 1 auto; -} -body #specials-config .fxmaster .directory-header > div i { - margin: 0; -} -body #specials-config .fxmaster .directory-header > div.active a { - background-color: rgba(var(--color-primary), 1); -} -body #specials-config .fxmaster .directory-header a { - width: 100%; -} -body #specials-config .fxmaster .directory-list { - padding-block-start: var(--blades-spacer-base); -} -body #specials-config .fxmaster .special-effects .preview { - background-color: var(--blades-black-fade-strong); - border: none; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - flex: 0 0 auto; - margin: var(--blades-spacer-base); - margin-inline-start: 0; - overflow: hidden; -} -body #specials-config .fxmaster .special-effects .preview > video { - height: 100%; - width: 100%; -} -body #specials-config .fxmaster .special-effects .description { - align-items: center; - display: flex; - padding: var(--blades-spacer-base); -} -body #specials-config .fxmaster .special-effects .description h4 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - height: auto; - text-indent: 0; -} -body #specials-config .fxmaster .special-effects .description .author { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - line-height: var(--line-height-default); - text-align: left; -} -body #specials-config .fxmaster .special-effects .controls { - flex: 0 0 auto; - line-height: var(--line-height-compact); - padding: 0; -} -body #effects-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; -} -body #effects-config .directory-item { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body #effects-config .directory-item header { - align-items: center; - gap: var(--blades-spacer-base); -} -body #effects-config .directory-item header label { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - text-indent: 0; -} -body #effects-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); -} -body #effects-config .directory-item ol.config { - border: none; -} -body #effects-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: flex; - gap: var(--blades-spacer-base); -} -body #effects-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); -} -body #effects-config .form-footer { - background-color: transparent; -} -body #filters-config .directory-header { - align-items: center; - font-size: var(--size-12px); - line-height: var(--line-height-default); - gap: var(--blades-spacer-base); - justify-content: center; - margin: 0; - padding: var(--blades-spacer-base); -} -body #filters-config .directory-header .layer-toggle { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} -body #filters-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; -} -body #filters-config .directory-item { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body #filters-config .directory-item header { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} -body #filters-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); -} -body #filters-config .directory-item ol.config { - border: none; -} -body #filters-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: flex; - gap: var(--blades-spacer-base); -} -body #filters-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); -} -body #filters-config .form-footer { - background-color: transparent; -} -body .gm-notes.window-app .controlls { - display: flex; - gap: var(--blades-spacer-base); -} -body .gm-notes.window-app .controlls button { - flex: 1 1 auto; -} -body .gm-screen-config.window-app.app table td { - padding: var(--blades-spacer-base); -} -body .gm-screen-config.window-app.app table button > i { - margin: 0; -} -body .gm-screen-config.window-app.app table ~ button { - width: auto; -} -body .gm-screen-app.gm-screen-drawer.window-app { - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs { - position: absolute; -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs button:empty { - display: none; -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions { - transition-delay: initial; - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions button > i { - margin: 0; -} -body .chat-notifications.settings nav { - background-color: transparent; - padding: 0; -} -body .chat-notifications.settings .multi-input-row .input-group-col { - flex-flow: row; -} -body .chat-notifications.settings .multi-input-row .input-group-col:first-child { - flex: 1 1 auto; - margin-inline-end: var(--blades-spacer-base); -} -body .chat-notifications.settings .multi-input-row .input-group-col:first-child select { - flex: 1 1 100%; -} -body .chat-notifications.settings .multi-input-row > * { - margin: 0; -} -body .illandril-chat-enhancements--currentSpeaker { - align-items: center; - background-color: rgba(var(--color-background), 0.5); - background-image: none; - display: flex; - flex: 0 0 auto; - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group { - display: flex; - height: auto; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div { - display: flex; - flex-flow: initial; - flex: 0 0 auto; - float: initial !important; - left: auto; - margin: 0; - padding-block-start: 0 !important; - width: auto !important; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div button { - height: var(--blades-spacer-button); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .vertical-arrow-btn-group { - margin-inline-end: var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group { - flex: 1 1 auto; - flex-wrap: wrap; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group > label { - flex: 1 1 auto; - flex-wrap: wrap; -} -body .lib-wrapper.settings.window-app .window-content form h1 { - margin-block-start: var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form select { - height: auto; - padding: var(--blades-spacer-sm); -} -body #lmrtfy.lmrtfy-parchment .window-content { - padding-block-end: 0; -} -body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars { - justify-content: flex-start; -} -body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars input + label { - margin-inline-end: var(--blades-spacer-base); - padding: 0; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor { - flex: 0 0 auto; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - justify-content: center; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label img { - background-color: transparent; - box-shadow: none; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-submit { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-block-start: rgba(var(--color-border), 1) 1px solid; - bottom: 0; - display: flex; - flex-wrap: nowrap; - padding: var(--blades-spacer-sm); - position: sticky; -} -body #lmrtfy.lmrtfy-parchment input[type=checkbox] + label { - cursor: pointer; -} -body #lmrtfy.lmrtfy-parchment input[type=checkbox]:checked + label { - color: rgba(var(--color-primary), 1); - font-weight: normal; -} -body #lmrtfy.lmrtfy-parchment select + select { - margin-inline-start: var(--blades-spacer-base); -} -body #midi-qol-settings .midi-qol-box { - border: none; - padding: 0; -} -body #midi-qol-settings .midi-qol-box select[name=showItemDetails] { - width: auto; -} -body #midi-qol-settings .midi-qol-faint { - color: rgba(var(--color-text), 0.8); -} -body #midi-qol-statistics .tab.active[data-tab=config] { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} -body .monsterblock.compact-window .window-content { - box-shadow: none; -} -body .monsterblock .window-header a.close { - height: var(--blades-spacer-button-sm) !important; - right: auto; -} -body .monsterblock .window-content form.flexcol { - display: block; - gap: unset; -} -body .monsterblock.sheet.actor nav.switches { - height: var(--blades-spacer-button-xs); - left: 0; - padding-inline-start: 0; - position: absolute; - top: -2px; -} -body .monsterblock.sheet.actor nav.switches .fa-cog { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .monsterblock.sheet.actor nav.switches ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); -} -body .monsterblock.sheet.actor nav.switches ul li { - border-inline-start: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; -} -body .monsterblock.sheet.actor nav.switches ul li a { - padding: var(--blades-spacer-xs); -} -body .monsterblock.sheet.actor nav.switches ul li a:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} -body .monsterblock.sheet.actor nav.switches ul li a:not(:only-child)::after { - right: var(--blades-spacer-base); - top: var(--blades-spacer-xs); -} -body .monsterblock .tweak-menu ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); -} -body .monsterblock .tweak-menu ul li { - border-inline-start: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; -} -body .narrator-span { - text-shadow: none; -} -body .narrator-sidebarBG { - width: var(--blades-spacer-sidebar); -} -body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version { - color: rgba(var(--color-text), 0.5); - display: none; -} -body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version + p { - margin: 0; -} -body .pdf-app.app.window-app section.window-content { - background-color: rgba(var(--color-background-lightest), 1) !important; - background-image: none !important; -} -body .pdf-app.app.window-app div.flex > * { - height: auto; -} -body div.permission-viewer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; -} -body div.permission-viewer a { - text-shadow: none; - padding: 0 var(--blades-spacer-base); - width: auto; -} -body #polyglot { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - margin: 0; - padding: 0 var(--blades-spacer-sm); -} -body #polyglot label { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - margin-inline-end: var(--blades-spacer-base); -} -body #polyglot select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; - width: 1px; -} -body #polyglot-death-form.window-app .window-content form { - display: flex; - flex-direction: column; - overflow: hidden; - padding: 0 !important; -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) { - flex: 1 1 auto; - overflow: auto; - margin-block-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) ul { - padding: 0; -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li { - margin-block-end: var(--blades-spacer-base); -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li:last-child { - margin-block-end: 0; -} -body #polyglot-death-form.window-app .window-content form .sheet-footer { - flex: 0 0 auto; - margin: 0; - margin-block-start: var(--blades-spacer-sm) !important; -} -body #search-anywhere-modal .modal-content { - background-color: transparent; - border: none; - border-radius: 0; -} -body #search-anywhere-modal #search-anywhere-autocomplete { - background: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); - font-size: var(--size-20px); - height: auto; - padding: var(--blades-spacer-md); -} -body ul.command-menu { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - padding: var(--blades-spacer-sm); - z-index: 1070; -} -body ul.command-menu li { - font-size: var(--size-20px); - margin-block-end: var(--blades-spacer-sm); -} -body ul.command-menu li:last-child { - margin-block-end: 0; -} -body ul.command-menu li h2 { - color: inherit; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); - padding: 0; -} -body .simple-calendar-configuration.window-app #simpleCalendarConfiguration .config-save { - position: sticky; -} -body #smalltime-app { - box-shadow: none; - height: auto; - margin-inline-start: -0.375rem; -} -body #smalltime-app .window-header { - display: none; -} -body #smalltime-app .window-content { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border-radius: 0; - height: 100%; - overflow: visible; -} -body #smalltime-app #slideContainer { - flex: 0 0 auto; - position: relative; -} -body #smalltime-app #displayContainer { - align-items: center; - background-color: transparent; - border-block-start: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - height: auto; - padding: 0 var(--blades-spacer-base); - position: relative; - top: auto; -} -body #smalltime-app #displayContainer .arrow { - width: 1.25rem; - height: 1.25rem; - font-family: var(--font-awesome) !important; - margin: var(--blades-spacer-xs) 0; -} -body #smalltime-app #dateDisplay { - background-color: transparent; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - display: none; - font-size: var(--size-14px); - justify-content: center; - padding: var(--blades-spacer-base); - position: relative; - text-shadow: none; - transform: initial; - transition: none; - top: auto; -} -body #smalltime-app #dateDisplay.active { - display: flex; -} -body #smalltime-app #timeDisplay { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - gap: var(--blades-spacer-xs); - justify-content: center; - padding: 0; -} -body #smalltime-app #timeSeparator { - margin: 0; - top: auto; -} -body #smalltime-app #dragHandle { - background: transparent; - bottom: calc(-1 * var(--blades-spacer-md)); - left: calc(-1 * var(--blades-spacer-md)); - right: calc(-1 * var(--blades-spacer-md)); - top: calc(-1 * var(--blades-spacer-md)); - position: absolute; - z-index: -1; -} -body #smalltime-app .window-draggable-handle { - display: none; -} -body .st-scene-config > legend { - margin: initial; - padding: initial; -} -body .tidy5e.settings.window-app { - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); -} -body .tidy5e.settings.window-app .window-content { - padding: var(--blades-spacer-sm); -} -body .tidy5e.settings.window-app .sheet-tabs { - padding: 0; -} -body .tidy5e.settings.window-app section.tab { - margin-block-start: 0; -} -body .tidy5e.settings.window-app .setting { - background-color: transparent; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-sm); -} -body .tidy5e.settings.window-app .setting:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .tidy5e.sheet.actor.npc .spellcasting-ability { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; -} -body .tidy5e.sheet.actor .window-content { - padding: 0; - position: initial; -} -body .tidy5e.sheet.actor #item-info-container { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-border), 1) 1px solid; - border-inline-end: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition-delay: 0s; -} -body .tidy5e.sheet.actor #item-info-container .info-wrap { - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; -} -body .tidy5e.sheet.actor #item-info-container .info-card { - border-radius: 0; - padding: var(--blades-spacer-sm); -} -body #token-action-hud { - margin: 0; -} -body #token-action-hud #tah-hudTitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - margin: 0; - margin-inline-start: 1.75rem; - padding: 0; -} -body #token-action-hud #tah-categories { - margin-inline-start: var(--blades-spacer-base); -} -body #token-action-hud .tah-subtitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - line-height: initial; - padding: 0; - padding-block-start: var(--blades-spacer-sm); -} -body #token-action-hud .tah-action { - margin: 0; - margin-block-end: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: 0; -} -body #token-action-hud .tah-action button { - background-color: rgba(var(--color-background), 1); - background-image: none; -} -body #token-action-hud .tah-action button > div { - text-shadow: none; - margin-inline-start: var(--blades-spacer-base); -} -body #token-action-hud .tah-action button > .tah-img { - border: none; - width: 1rem; - height: 1rem; - border-radius: 0; - display: inline-block; - margin: 0; - margin-inline-end: var(--blades-spacer-sm); - padding: 0; -} -body #token-action-hud .tah-content { - left: -9.625rem; - padding: var(--blades-spacer-sm) 0; -} -body .token-action-hud-taginput { - margin: var(--blades-spacer-sm) 0; -} -body #token-action-hud-index { - margin-inline-end: var(--blades-spacer-base); -} -body .token-attacher-gm-menu.window-app.settings .window-content form button { - margin: 0; -} -body #tokenAttacherQuickEdit { - background: transparent; -} -body #tokenAttacherQuickEdit h3 { - color: rgba(var(--color-primary), 1); - text-shadow: 1px 1px 4px var(--blades-black-dark); - font-size: var(--size-20px); - line-height: initial; -} -body #tokenAttacher { - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 3.25rem; -} -body #tokenAttacher .image { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-primary), 1) 1px solid; - width: 6.5rem; - height: 6.5rem; - flex: 0 0 auto; - margin: 0; - min-width: 0; -} -body #tokenAttacher .image .token-name { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-primary), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - bottom: auto; - box-sizing: border-box; - display: flex; - font-size: var(--size-16px); - justify-content: center; - overflow: hidden; - padding: var(--blades-spacer-base); - margin: 0; - max-width: 100%; - top: 100%; -} -body #tokenAttacher .image .token-name span { - height: auto; - margin: 0; - width: auto; -} -body #tokenAttacher .control-tools { - box-sizing: border-box; - display: flex; - flex: 0 0 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - pointer-events: none; - opacity: 1; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} -body #tokenAttacher .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - box-sizing: border-box; - cursor: pointer; - display: flex; - flex: 0 0 auto; - justify-content: center; - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #tokenAttacher .control-tool > i { - font-size: inherit; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - width: auto; -} -body #tokenAttacher .control-tool:hover { - background-image: none; -} -body #tokenAttacher .control-tool:focus { - background-image: none; -} -body #tokenAttacher .control-tool.close { - top: var(--blades-spacer-pf); - left: var(--blades-spacer-pf); - position: absolute; - margin: 0; -} -body .tokenmagic.window-app.settings section.content { - border: none; - overflow-y: auto; -} -body .tokenmagic.window-app.settings section.content div.override-entry { - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm) 0; -} -body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper { - margin-inline-start: var(--blades-spacer-base); -} -body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper i { - margin: 0; -} -body .tokenmagic.window-app.settings section.content .settings-list { - max-height: 100%; - overflow: hidden; - padding: 0; -} -body .tokenmagic.window-app.settings section.content .settings-list h2 { - margin-block-start: var(--blades-spacer-sm); -} -body .tokenmagic.window-app.settings .sheet-footer { - flex: 0 0 auto; - padding-block-start: var(--blades-spacer-sm); -} -body #dd-importer .window-content { - overflow: auto; -} -body #dd-importer .form-group { - align-items: center; - display: flex; - margin: 0; - padding: var(--blades-spacer-sm); -} -body #dd-importer .form-group > label { - flex: 0 0 auto; - padding-inline-end: var(--blades-spacer-base); -} -body #dd-importer .form-group#dd-upload-files { - align-items: flex-start; - flex-direction: column; -} -body #dd-importer .form-group#dd-upload-files .file-input { - margin-block-start: var(--blades-spacer-sm); -} -body ::selection { - background-color: var(--blades-white); -} -body ::selection { - background-color: var(--blades-white); -} - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*=JournalEntry-] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .tabs a:disabled, -body .dialog .sheet-tabs a:disabled, -body #sidebar .tabs a:disabled, -body #sidebar .sheet-tabs a:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:disabled, -body #module-management .list-filters a:disabled, -body .dialog button:disabled, -body #sidebar button:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) button:disabled, -body #menu #menu-items li:disabled, -body #sidebar #combat #combat-controls .combat-control:disabled, -body .sidebar-popout #combat #combat-controls .combat-control:disabled, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:disabled, -body .window-app[id*=JournalEntry-] a.editor-edit:disabled, -body .alwayshp-btn:disabled, -body #sidebar #combat .add-temporary:disabled, -body .sidebar-popout #combat .add-temporary:disabled, -body #specials-config .fxmaster .directory-header a:disabled, -body ul.command-menu li:disabled, -body #token-action-hud button.tah-title-button:disabled, -body #token-action-hud .tah-action button:disabled, -body #sidebar .token-mold > label > span:disabled, -body .sidebar-popout .token-mold > label > span:disabled, -body .sheet[id*=activeeffect-sheet-] .effects-header a:disabled, -body .window-app[id*=cards-sheet-] .cards-header a:disabled, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:disabled, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:disabled, -body .window-app[id*=cards-sheet-] .cards .card a:disabled, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-folder:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-entity:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:disabled, -body .dialog .directory .directory-item .create-folder:disabled, -body .dialog .directory .directory-item .create-document:disabled, -body #sidebar .directory .directory-item .create-folder:disabled, -body #sidebar .directory .directory-item .create-document:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:disabled, -body #navigation #nav-toggle:disabled, -body .window-app .window-header > a:disabled, -body .window-app .window-header a.header-button:disabled, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:disabled, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:disabled, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:disabled, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:disabled, -body #sidebar #combat .combat-tracker-header .encounters a:disabled, -body #sidebar #combat .combat-tracker-header .encounter-controls a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounters a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:disabled, -body #sidebar #combat #combat-tracker .combatant .combatant-control:disabled, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:disabled, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body #sidebar #playlists #currently-playing .sound .sound-control:disabled, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:disabled, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:disabled, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:disabled, -body #dfcp-rt-buttons button:disabled, -body #specials-config .fxmaster .special-effects .controls a:disabled, -body div.permission-viewer a:disabled, -body #smalltime-app #displayContainer .arrow:disabled, -body #token-action-hud #tah-reposition:disabled, -body #token-action-hud #tah-categories:disabled, -body #sidebar .token-mold > a:disabled, -body .sidebar-popout .token-mold > a:disabled, -body #sidebar .sidebar-tab .directory-header .header-control:disabled, -body .sidebar-popout .sidebar-tab .directory-header .header-control:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - background-color: rgba(var(--color-background-button), 1); -} - -body .dialog .dialog-buttons .dialog-button, -body .dialog .dialog-buttons .-emu-layout .dialog-button { - margin: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body .sidebar-popout .-emu-layout .token-mold > a { - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - flex: 0 0 auto; - font-size: var(--size-12px); - padding: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a > i, -body .window-app[id*=cards-sheet-] .cards-header a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > i, -body .window-app[id*=cards-sheet-] .cards .card a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body .sidebar-popout .-emu-layout .token-mold > a > i { - margin: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a { - text-shadow: none; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog input[type=text], -body .dialog input[type=number], -body .dialog input[type=date], -body .dialog input[type=time], -body .dialog input[type=password], -body .dialog input[type=datetime-local], -body #sidebar input[type=text], -body #sidebar input[type=number], -body #sidebar input[type=date], -body #sidebar input[type=time], -body #sidebar input[type=password], -body #sidebar input[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local], -body #hud input[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=text], -body .dialog input[type=number], -body .dialog input[type=date], -body .dialog input[type=time], -body .dialog input[type=password], -body .dialog input[type=datetime-local], -body #sidebar input[type=text], -body #sidebar input[type=number], -body #sidebar input[type=date], -body #sidebar input[type=time], -body #sidebar input[type=password], -body #sidebar input[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local], -body #hud input[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField .-emu-layout #searchInput { - width: 100%; - height: var(--blades-spacer-button); - font-family: inherit; - font-size: inherit; - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - min-width: var(--blades-spacer-xl); - padding: 0 var(--blades-spacer-sm); - position: relative; - user-select: text; -} - -body .dialog input[type=text]::placeholder, -body .dialog input[type=number]::placeholder, -body .dialog input[type=date]::-moz-placeholder, -body .dialog input[type=time]::-moz-placeholder, -body .dialog input[type=password]::-moz-placeholder, -body .dialog input[type=datetime-local]::-moz-placeholder, -body #sidebar input[type=text]::-moz-placeholder, -body #sidebar input[type=number]::-moz-placeholder, -body #sidebar input[type=date]::-moz-placeholder, -body #sidebar input[type=time]::-moz-placeholder, -body #sidebar input[type=password]::-moz-placeholder, -body #sidebar input[type=datetime-local]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local]::-moz-placeholder, -body #hud input[type=text]::-moz-placeholder, -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog input[type=text]::placeholder, -body .dialog input[type=number]::placeholder, -body .dialog input[type=date]::placeholder, -body .dialog input[type=time]::placeholder, -body .dialog input[type=password]::placeholder, -body .dialog input[type=datetime-local]::placeholder, -body #sidebar input[type=text]::placeholder, -body #sidebar input[type=number]::placeholder, -body #sidebar input[type=date]::placeholder, -body #sidebar input[type=time]::placeholder, -body #sidebar input[type=password]::placeholder, -body #sidebar input[type=datetime-local]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local]::placeholder, -body #hud input[type=text]::placeholder, -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input::placeholder, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input::placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput::placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog input:disabled[type=text], -body .dialog input:disabled[type=number], -body .dialog input:disabled[type=date], -body .dialog input:disabled[type=time], -body .dialog input:disabled[type=password], -body .dialog input:disabled[type=datetime-local], -body #sidebar input:disabled[type=text], -body #sidebar input:disabled[type=number], -body #sidebar input:disabled[type=date], -body #sidebar input:disabled[type=time], -body #sidebar input:disabled[type=password], -body #sidebar input:disabled[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=datetime-local], -body #hud input:disabled[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:disabled, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:disabled, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:disabled, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog select, -body #sidebar select, -body .window-app:not([id*=Actor-], [id*=Item-]) select { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - box-shadow: none; -} - -body .dialog select, -body #sidebar select, -body .window-app:not([id*=Actor-], [id*=Item-]) select, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout select { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; - text-overflow: ellipsis; -} - -body .dialog select[multiple], -body #sidebar select[multiple], -body .window-app:not([id*=Actor-], [id*=Item-]) select[multiple], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout select[multiple] { - height: auto; - padding: var(--blades-spacer-sm); -} - -body .dialog select:disabled, -body #sidebar select:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) select:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog select optgroup, -body #sidebar select optgroup, -body .window-app:not([id*=Actor-], [id*=Item-]) select optgroup, -body .dialog select option, -body #sidebar select option, -body .window-app:not([id*=Actor-], [id*=Item-]) select option { - background-color: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); -} - -body .dialog input[type=checkbox], -body #sidebar input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox], -body #module-management .package-title input[type=checkbox] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=checkbox], -body #sidebar input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox], -body #module-management .package-title input[type=checkbox], -body #module-management .package-title .-emu-layout input[type=checkbox] { - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - cursor: pointer; - flex: 0 0 auto; - margin: 0; - position: relative; - top: auto; -} - -body .dialog input:disabled[type=checkbox], -body #sidebar input:disabled[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:disabled[type=checkbox], -body #module-management .package-title input:disabled[type=checkbox] { - opacity: 0.5; - pointer-events: none; -} - -body .dialog input:checked[type=checkbox], -body #sidebar input:checked[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:checked[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:checked[type=checkbox], -body #module-management .package-title input:checked[type=checkbox] { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog input[type=radio], -body #sidebar input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=radio] { - margin: 0; - top: auto; -} - -body .dialog input[type=color], -body .dialog input[type=color][data-edit], -body #sidebar input[type=color], -body #sidebar input[type=color][data-edit], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color][data-edit] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=color], -body #sidebar input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=color] { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; -} - -body .dialog input:disabled[type=color], -body #sidebar input:disabled[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=color] { - opacity: 0.5; - pointer-events: none; -} - -body .dialog input[type=range], -body #sidebar input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] { - background: transparent; - border: 0; - box-shadow: none; -} - -body .dialog input[type=range], -body #sidebar input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range] { - margin: 0; - width: 100%; -} - -body .dialog input:hover[type=range], -body #sidebar input:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=range], -body .dialog input:focus[type=range], -body #sidebar input:focus[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=range] { - box-shadow: none; - outline: none; -} - -body .dialog input[type=range]::-webkit-slider-runnable-track, -body #sidebar input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-webkit-slider-runnable-track, -body #sidebar input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - cursor: pointer; -} - -body .dialog input[type=range]:focus::-webkit-slider-runnable-track, -body #sidebar input[type=range]:focus::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]:focus::-ms-fill-lower, -body #sidebar input[type=range]:focus::-ms-fill-lower, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-ms-fill-lower { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]:focus::-ms-fill-upper, -body #sidebar input[type=range]:focus::-ms-fill-upper, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-ms-fill-upper { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]::-webkit-slider-thumb, -body #sidebar input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-webkit-slider-thumb, -body #sidebar input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; -} - -body .dialog input::-webkit-slider-thumb:hover[type=range], -body #sidebar input::-webkit-slider-thumb:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input::-webkit-slider-thumb:hover[type=range] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .dialog input[type=range]::-moz-range-track, -body #sidebar input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-moz-range-track, -body #sidebar input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-moz-range-track { - width: 100%; - height: 0.5rem; - cursor: pointer; -} - -body .dialog input[type=range]::-moz-range-thumb, -body #sidebar input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-moz-range-thumb, -body #sidebar input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-moz-range-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; -} - -body .dialog input::-moz-range-thumb:hover[type=range], -body #sidebar input::-moz-range-thumb:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input::-moz-range-thumb:hover[type=range] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .dialog input[type=range] + .range-value, -body #sidebar input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] + .range-value { - border: none; - color: rgba(var(--color-text), 1); -} - -body .dialog input[type=range] + .range-value, -body #sidebar input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range] + .range-value { - align-items: center; - display: flex; - flex: 0 0 auto; - font-size: var(--size-14px); - margin: 0; - padding: 0; -} - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout textarea { - font-family: inherit; - font-size: inherit; - margin: 0; - min-height: 4rem; - padding: var(--blades-spacer-sm); - position: relative; - resize: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - user-select: text; - width: 100%; -} - -.-emu-compact body .dialog textarea, -.-emu-compact body #sidebar textarea, -.-emu-compact body .window-app:not([id*=Actor-], [id*=Item-]) textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-compact textarea { - min-height: 3rem; -} - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea::placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog textarea:disabled, -body #sidebar textarea:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:disabled { - opacity: 0.5; - pointer-events: none; -} - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold, -body .sidebar-popout .-emu-layout .token-mold { - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-align: start; -} - -body #sidebar .sidebar-tab .directory-header:empty, -body #sidebar .sidebar-tab .directory-footer:empty, -body .sidebar-popout .sidebar-tab .directory-header:empty, -body .sidebar-popout .sidebar-tab .directory-footer:empty, -body #sidebar #combat .combat-tracker-header:empty, -body .sidebar-popout #combat .combat-tracker-header:empty, -body #sidebar [data-tab=chat] section.dice-tray:empty, -body .sidebar-popout [data-tab=chat] section.dice-tray:empty, -body #sidebar .token-mold:empty, -body .sidebar-popout .token-mold:empty, -body .sidebar-popout .-emu-layout .token-mold:empty { - display: none; -} - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*=JournalEntry-] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover, -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:hover, -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:hover, -body #hotbar .bar-controls .page-control:hover, -body #hotbar .bar-controls #macro-directory:hover, -body #hotbar .bar-controls #bar-toggle:hover, -body #hotbar .macro:hover, -body #hud .control-icon:hover, -body #hud .control-icon.active, -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle:hover, -body #navigation #scene-list .scene:hover, -body .window-app .window-resizable-handle:hover, -body .sheet .sheet-header > img:hover, -body #sidebar #sidebar-tabs > .item:hover, -body #sidebar #sidebar-tabs > .collapse:hover, -body .sidebar-popout #sidebar-tabs > .item:hover, -body .sidebar-popout #sidebar-tabs > .collapse:hover, -body #sidebar #combat #combat-tracker .combatant:hover, -body .sidebar-popout #combat #combat-tracker .combatant:hover, -body #df-curvy-walls-tools .control-tool:hover, -body .monsterblock.sheet.actor nav.switches .fa-cog:hover, -body .window-app .window-draggable-handle:hover, -body #tokenAttacher .control-tool:hover { - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - text-shadow: none; -} - -body .dialog input:hover[type=text], -body .dialog input:hover[type=number], -body .dialog input:hover[type=date], -body .dialog input:hover[type=time], -body .dialog input:hover[type=password], -body .dialog input:hover[type=datetime-local], -body #sidebar input:hover[type=text], -body #sidebar input:hover[type=number], -body #sidebar input:hover[type=date], -body #sidebar input:hover[type=time], -body #sidebar input:hover[type=password], -body #sidebar input:hover[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=datetime-local], -body #hud input:hover[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:hover, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:hover, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:hover, -body .dialog select:hover, -body #sidebar select:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) select:hover, -body .dialog input:hover[type=checkbox], -body #sidebar input:hover[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:hover[type=checkbox], -body #module-management .package-title input:hover[type=checkbox], -body .dialog input:hover[type=color], -body #sidebar input:hover[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=color], -body .dialog textarea:hover, -body #sidebar textarea:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:hover, -body .dialog .tox .tox-tbtn:hover, -body #sidebar .tox .tox-tbtn:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn:hover, -body #sidebar #combat #combat-tracker .combatant.defeated.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item.active, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item.active:hover, -body #controls #SDRpopup.simple-dice-roller-popup li:hover { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - text-shadow: none; -} - -body .dialog .tabs a:focus, -body .dialog .sheet-tabs a:focus, -body #sidebar .tabs a:focus, -body #sidebar .sheet-tabs a:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:focus, -body #module-management .list-filters a:focus, -body .dialog button:focus, -body #sidebar button:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) button:focus, -body #menu #menu-items li:focus, -body #sidebar #combat #combat-controls .combat-control:focus, -body .sidebar-popout #combat #combat-controls .combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:focus, -body .window-app[id*=JournalEntry-] a.editor-edit:focus, -body .alwayshp-btn:focus, -body #sidebar #combat .add-temporary:focus, -body .sidebar-popout #combat .add-temporary:focus, -body #specials-config .fxmaster .directory-header a:focus, -body ul.command-menu li:focus, -body #token-action-hud button.tah-title-button:focus, -body #token-action-hud .tah-action button:focus, -body #sidebar .token-mold > label > span:focus, -body .sidebar-popout .token-mold > label > span:focus, -body .sheet[id*=activeeffect-sheet-] .effects-header a:focus, -body .window-app[id*=cards-sheet-] .cards-header a:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:focus, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:focus, -body .window-app[id*=cards-sheet-] .cards .card a:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:focus, -body .dialog .directory .directory-item.folder .folder-header .create-folder:focus, -body .dialog .directory .directory-item.folder .folder-header .create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:focus, -body .dialog .directory .directory-item .create-folder:focus, -body .dialog .directory .directory-item .create-document:focus, -body #sidebar .directory .directory-item .create-folder:focus, -body #sidebar .directory .directory-item .create-document:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:focus, -body #navigation #nav-toggle:focus, -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:focus, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:focus, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:focus, -body #sidebar #combat .combat-tracker-header .encounters a:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:focus, -body #sidebar #combat #combat-tracker .combatant .combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:focus, -body #sidebar #playlists #currently-playing .sound .sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:focus, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:focus, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:focus, -body #dfcp-rt-buttons button:focus, -body #specials-config .fxmaster .special-effects .controls a:focus, -body div.permission-viewer a:focus, -body #smalltime-app #displayContainer .arrow:focus, -body #token-action-hud #tah-reposition:focus, -body #token-action-hud #tah-categories:focus, -body #sidebar .token-mold > a:focus, -body .sidebar-popout .token-mold > a:focus, -body #sidebar .sidebar-tab .directory-header .header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .header-control:focus, -body .dialog input:focus[type=text], -body .dialog input:focus[type=number], -body .dialog input:focus[type=date], -body .dialog input:focus[type=time], -body .dialog input:focus[type=password], -body .dialog input:focus[type=datetime-local], -body #sidebar input:focus[type=text], -body #sidebar input:focus[type=number], -body #sidebar input:focus[type=date], -body #sidebar input:focus[type=time], -body #sidebar input:focus[type=password], -body #sidebar input:focus[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=datetime-local], -body #hud input:focus[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:focus, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:focus, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:focus, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:focus, -body .dialog select:focus, -body #sidebar select:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) select:focus, -body .dialog input:focus[type=checkbox], -body #sidebar input:focus[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:focus[type=checkbox], -body #module-management .package-title input:focus[type=checkbox], -body .dialog input:focus[type=color], -body #sidebar input:focus[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=color], -body .dialog textarea:focus, -body #sidebar textarea:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:focus, -body .dialog .tabs a.active:focus, -body .dialog .sheet-tabs a.active:focus, -body #sidebar .tabs a.active:focus, -body #sidebar .sheet-tabs a.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active:focus, -body #module-management .list-filters a.active:focus, -body .dialog button.active:focus, -body #sidebar button.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active:focus, -body #menu #menu-items li.active:focus, -body #sidebar #combat #combat-controls .active.combat-control:focus, -body .sidebar-popout #combat #combat-controls .active.combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:focus, -body .window-app[id*=JournalEntry-] a.active.editor-edit:focus, -body .active.alwayshp-btn:focus, -body #sidebar #combat .active.add-temporary:focus, -body .sidebar-popout #combat .active.add-temporary:focus, -body #specials-config .fxmaster .directory-header a.active:focus, -body ul.command-menu li.active:focus, -body #token-action-hud button.active.tah-title-button:focus, -body #token-action-hud .tah-action button.active:focus, -body #sidebar .token-mold > label > span.active:focus, -body .sidebar-popout .token-mold > label > span.active:focus, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active:focus, -body .window-app[id*=cards-sheet-] .cards-header a.active:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:focus, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active:focus, -body .window-app[id*=cards-sheet-] .cards .card a.active:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:focus, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .dialog .directory .directory-item .active.create-folder:focus, -body .dialog .directory .directory-item .active.create-document:focus, -body #sidebar .directory .directory-item .active.create-folder:focus, -body #sidebar .directory .directory-item .active.create-document:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document:focus, -body #navigation .active#nav-toggle:focus, -body .window-app .window-header > a.active:focus, -body .window-app .window-header a.active.header-button:focus, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete:focus, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete:focus, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active:focus, -body #sidebar #combat .combat-tracker-header .encounters a.active:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:focus, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body #sidebar #playlists #currently-playing .sound .active.sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:focus, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #dfcp-rt-buttons button.active:focus, -body #specials-config .fxmaster .special-effects .controls a.active:focus, -body div.permission-viewer a.active:focus, -body #smalltime-app #displayContainer .active.arrow:focus, -body #token-action-hud .active#tah-reposition:focus, -body #token-action-hud .active#tah-categories:focus, -body #sidebar .token-mold > a.active:focus, -body .sidebar-popout .token-mold > a.active:focus, -body #sidebar .sidebar-tab .directory-header .active.header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:focus, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #hotbar .macro.active:focus, -body #hud .control-icon.active:focus, -body #controls .control-tools .scene-control.active:focus, -body #controls .control-tools .control-tool.active:focus, -body #controls .control-tools .control-tool.toggle.active:focus, -body #navigation #scene-list .scene.active:focus, -body #navigation #scene-list .scene.view:focus, -body #navigation #scene-list .scene.active:focus:not(.gm), -body #navigation #scene-list .scene.view:focus:not(.gm), -body #sidebar #sidebar-tabs > .item.active:focus, -body #sidebar #sidebar-tabs > .collapse.active:focus, -body .sidebar-popout #sidebar-tabs > .item.active:focus, -body .sidebar-popout #sidebar-tabs > .collapse.active:focus, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:focus, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:focus, -body #sidebar #combat #combat-tracker .combatant.active:focus, -body .sidebar-popout #combat #combat-tracker .combatant.active:focus, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:focus, -body #df-curvy-walls-tools .control-tool.active:focus, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:focus, -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:focus, -body .dialog .directory .directory-item.folder.droptarget .folder-header, -body #sidebar .directory .directory-item.folder.droptarget .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.droptarget .folder-header, -body .dialog .directory .directory-item.folder .folder-header:focus, -body #sidebar .directory .directory-item.folder .folder-header:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:focus, -body .dialog a[href]:focus, -body #sidebar a[href]:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) a[href]:focus, -body #context-menu ol.context-items .context-item:focus, -body #hotbar .bar-controls .page-control:focus, -body #hotbar .bar-controls #macro-directory:focus, -body #hotbar .bar-controls #bar-toggle:focus, -body #hotbar .macro:focus, -body #hud .control-icon:focus, -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus, -body #controls .control-tools .control-tool.toggle:focus, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene:focus, -body .window-app .window-resizable-handle:focus, -body .sheet .sheet-header > img:focus, -body .filepicker.window-app .filepicker-body.private, -body #df-curvy-walls-tools .control-tool:focus, -body #df-curvy-walls-tools .control-tool.active, -body .dice-so-nice section.content .settings-list .select2:focus .select2-selection, -body .dice-so-nice section.content .settings-list .select2.select2-container--focus .select2-selection, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label, -body .monsterblock.sheet.actor nav.switches .fa-cog:focus, -body #search-anywhere-modal #search-anywhere-autocomplete, -body .window-app .window-draggable-handle:focus, -body #tokenAttacher .control-tool:focus { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - text-shadow: none; - outline: none; -} - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body .dialog button.active, -body #sidebar button.active, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active, -body #menu #menu-items li.active, -body #sidebar #combat #combat-controls .active.combat-control, -body .sidebar-popout #combat #combat-controls .active.combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode, -body .window-app[id*=JournalEntry-] a.active.editor-edit, -body .active.alwayshp-btn, -body #sidebar #combat .active.add-temporary, -body .sidebar-popout #combat .active.add-temporary, -body #specials-config .fxmaster .directory-header a.active, -body ul.command-menu li.active, -body #token-action-hud button.active.tah-title-button, -body #token-action-hud .tah-action button.active, -body #sidebar .token-mold > label > span.active, -body .sidebar-popout .token-mold > label > span.active, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active, -body .window-app[id*=cards-sheet-] .cards-header a.active, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active, -body .window-app[id*=cards-sheet-] .cards .card a.active, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active, -body .dialog .directory .directory-item.folder .folder-header .active.create-folder, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity, -body #sidebar .directory .directory-item.folder .folder-header .active.create-folder, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity, -body .dialog .directory .directory-item .active.create-folder, -body .dialog .directory .directory-item .active.create-document, -body #sidebar .directory .directory-item .active.create-folder, -body #sidebar .directory .directory-item .active.create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document, -body #navigation .active#nav-toggle, -body .window-app .window-header > a.active, -body .window-app .window-header a.active.header-button, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active, -body #sidebar #combat .combat-tracker-header .encounters a.active, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control, -body #sidebar #playlists #currently-playing .sound .active.sound-control, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active, -body #dfcp-rt-buttons button.active, -body #specials-config .fxmaster .special-effects .controls a.active, -body div.permission-viewer a.active, -body #smalltime-app #displayContainer .active.arrow, -body #token-action-hud .active#tah-reposition, -body #token-action-hud .active#tah-categories, -body #sidebar .token-mold > a.active, -body .sidebar-popout .token-mold > a.active, -body #sidebar .sidebar-tab .directory-header .active.header-control, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled, -body #hotbar .macro.active, -body #hud .control-icon.active, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm), -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock, -body #sidebar #combat #combat-tracker .combatant.active, -body .sidebar-popout #combat #combat-tracker .combatant.active, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy, -body #df-curvy-walls-tools .control-tool.active, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - background-color: var(--blades-grey); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .dialog .tabs a.active:hover, -body .dialog .sheet-tabs a.active:hover, -body #sidebar .tabs a.active:hover, -body #sidebar .sheet-tabs a.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active:hover, -body #module-management .list-filters a.active:hover, -body .dialog button.active:hover, -body #sidebar button.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active:hover, -body #menu #menu-items li.active:hover, -body #sidebar #combat #combat-controls .active.combat-control:hover, -body .sidebar-popout #combat #combat-controls .active.combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:hover, -body .window-app[id*=JournalEntry-] a.active.editor-edit:hover, -body .active.alwayshp-btn:hover, -body #sidebar #combat .active.add-temporary:hover, -body .sidebar-popout #combat .active.add-temporary:hover, -body #specials-config .fxmaster .directory-header a.active:hover, -body ul.command-menu li.active:hover, -body #token-action-hud button.active.tah-title-button:hover, -body #token-action-hud .tah-action button.active:hover, -body #sidebar .token-mold > label > span.active:hover, -body .sidebar-popout .token-mold > label > span.active:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active:hover, -body .window-app[id*=cards-sheet-] .cards-header a.active:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active:hover, -body .window-app[id*=cards-sheet-] .cards .card a.active:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:hover, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .dialog .directory .directory-item .active.create-folder:hover, -body .dialog .directory .directory-item .active.create-document:hover, -body #sidebar .directory .directory-item .active.create-folder:hover, -body #sidebar .directory .directory-item .active.create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document:hover, -body #navigation .active#nav-toggle:hover, -body .window-app .window-header > a.active:hover, -body .window-app .window-header a.active.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active:hover, -body #sidebar #combat .combat-tracker-header .encounters a.active:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:hover, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body #sidebar #playlists #currently-playing .sound .active.sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #dfcp-rt-buttons button.active:hover, -body #specials-config .fxmaster .special-effects .controls a.active:hover, -body div.permission-viewer a.active:hover, -body #smalltime-app #displayContainer .active.arrow:hover, -body #token-action-hud .active#tah-reposition:hover, -body #token-action-hud .active#tah-categories:hover, -body #sidebar .token-mold > a.active:hover, -body .sidebar-popout .token-mold > a.active:hover, -body #sidebar .sidebar-tab .directory-header .active.header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:hover, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #hotbar .macro.active:hover, -body #hud .control-icon.active:hover, -body #controls .control-tools .scene-control.active:hover, -body #controls .control-tools .control-tool.active:hover, -body #controls .control-tools .control-tool.toggle.active:hover, -body #navigation #scene-list .scene.active:hover, -body #navigation #scene-list .scene.view:hover, -body #navigation #scene-list .scene.active:hover:not(.gm), -body #navigation #scene-list .scene.view:hover:not(.gm), -body #sidebar #sidebar-tabs > .item.active:hover, -body #sidebar #sidebar-tabs > .collapse.active:hover, -body .sidebar-popout #sidebar-tabs > .item.active:hover, -body .sidebar-popout #sidebar-tabs > .collapse.active:hover, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:hover, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:hover, -body #sidebar #combat #combat-tracker .combatant.active:hover, -body .sidebar-popout #combat #combat-tracker .combatant.active:hover, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:hover, -body #df-curvy-walls-tools .control-tool.active:hover, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header, -body .window-app[id*=cards-sheet-] .cards-header, -body .window-app[id*=rolltable-sheet-] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - align-items: center; - background: rgba(var(--color-background), 0.1); - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header, -body .window-app[id*=cards-sheet-] .cards-header, -body .window-app[id*=rolltable-sheet-] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header { - height: auto; - padding: var(--blades-spacer-sm); - width: 100%; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header > div, -body .window-app[id*=cards-sheet-] .cards-header > div, -body .window-app[id*=rolltable-sheet-] .table-results .table-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div { - height: auto; - line-height: initial; - margin: 0; - padding: 0; - padding-inline-start: var(--blades-spacer-base); -} - -body .sheet[id*=activeeffect-sheet-] .effects-header > div:first-of-type, -body .window-app[id*=cards-sheet-] .cards-header > div:first-of-type, -body .window-app[id*=rolltable-sheet-] .table-results .table-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div:first-of-type { - padding-inline-start: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li, -body .window-app[id*=cards-sheet-] .cards .card, -body .window-app[id*=rolltable-sheet-] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - align-items: center; - border: none; -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li, -body .window-app[id*=cards-sheet-] .cards .card, -body .window-app[id*=rolltable-sheet-] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx { - height: auto; - padding: var(--blades-spacer-sm); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li > div, -body .window-app[id*=cards-sheet-] .cards .card > div, -body .window-app[id*=rolltable-sheet-] .table-results .table-result > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div { - align-items: center; - display: flex; - height: auto; - line-height: initial; - margin: 0; - padding: 0; - padding-inline-start: var(--blades-spacer-base); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li > div:first-of-type, -body .window-app[id*=cards-sheet-] .cards .card > div:first-of-type, -body .window-app[id*=rolltable-sheet-] .table-results .table-result > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div:first-of-type { - padding-inline-start: 0; -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx a { - color: rgba(var(--color-text), 1); -} - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs, -body #module-management .list-filters { - border-block-start: none; - border-block-end: rgba(var(--color-primary), 1) 2px solid; -} - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs, -body #module-management .list-filters, -body #module-management .-emu-layout .list-filters { - display: flex; - flex: 0 0 auto; - height: initial; - line-height: initial; - margin: 0; - padding: 0; - position: relative; - width: 100%; -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a { - background-color: transparent; - background-image: none; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body #module-management .-emu-layout .list-filters a { - flex: 1; - font-size: var(--size-14px); - font-weight: normal; - text-shadow: none; -} - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body #module-management .-emu-layout .list-filters a.active { - text-decoration: none; -} - -body .dialog .directory .directory-item h3 > i, -body .dialog .directory .directory-item h4 > i, -body #sidebar .directory .directory-item h3 > i, -body #sidebar .directory .directory-item h4 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 > i, -body #sidebar #compendium .compendium-list .directory-item h4 a > i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 a > i, -body #client-settings.window-app.form nav.tabs .item > i, -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 > i, -body #context-menu ol.context-items .context-item > i, -body .window-app[id*=cards-sheet-] .cards-header .card-controls [data-action=create] > i { - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list, -body #context-menu ol.context-items, -body #hotbar #macro-list, -body #menu #menu-items, -body #notifications, -body #players > ol, -body #controls .control-tools, -body #navigation #scene-list, -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds, -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds, -body .filepicker.window-app .filepicker-body .filepicker-body .directory, -body #df-curvy-walls-tools .control-tools, -body ul.command-menu, -body #tokenAttacher .control-tools { - list-style: none; - margin: 0; - padding: 0; -} - -.-emu-subtle-layout body #sidebar #emu-sidebar-lock, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body .window-app.token-mold .window-content form select.icon.fas.fa { - font-family: var(--font-awesome) !important; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: var(--line-height-compact); -} - -body #sidebar [data-tab=chat] #icNotification, -body #sidebar [data-tab=chat] #rollsNotification, -body #sidebar [data-tab=chat] #oocNotification, -body .sidebar-popout [data-tab=chat] #icNotification, -body .sidebar-popout [data-tab=chat] #rollsNotification, -body .sidebar-popout [data-tab=chat] #oocNotification { - animation-duration: 0.8s; - animation-iteration-count: infinite; - animation-name: emu-notification-flash; - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - background-color: rgba(var(--color-primary), 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - margin: 0; - padding: var(--blades-spacer-xs); - right: 0; - top: 0; -} - -body .window-app.sheet[id*=template-config] .window-content, -body .-emu-layout .window-app.sheet[id*=template-config] .window-content { - padding: 0; -} - -body .window-app.sheet[id*=template-config] form, -body .-emu-layout .window-app.sheet[id*=template-config] form { - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - padding: var(--blades-spacer-sm); - position: relative; -} - -*::before, -*::after { - box-sizing: border-box; -} - -@keyframes emu-notification-flash { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list { - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - max-height: 100%; - min-height: 0.0625rem; - overflow-y: auto; - padding: 0 var(--blades-spacer-sm); -} - -body .dialog .directory .directory-list .subdirectory, -body #sidebar .directory .directory-list .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory { - background-color: rgba(var(--color-folder-subdirectory), 1); - background-image: none; - border: none; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - display: flex; - border-radius: 0 0 0 0; - flex-direction: column; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-base); - width: 100%; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder { - padding: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder { - padding-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder) { - margin-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder) { - margin-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .subdirectory { - border-inline-start: var(--blades-grey-bright) 4px solid; -} - -body .dialog .directory .directory-list .subdirectory .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .subdirectory .subdirectory { - border-inline-start: var(--blades-white) 4px solid; -} - -body .dialog .directory .directory-item, -body #sidebar .directory .directory-item, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item { - background-color: rgba(var(--color-folder-directory), 1); - background-image: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - border: none; - cursor: pointer; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - min-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; - width: 100%; -} - -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:focus { - background-image: none; -} - -body .dialog .directory .directory-item.entity, -body #sidebar .directory .directory-item.entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.entity { - border: none; -} - -body .dialog .directory .directory-item.context, -body #sidebar .directory .directory-item.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.context { - border: none; - box-shadow: none; -} - -body .dialog .directory .directory-item.folder, -body #sidebar .directory .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder { - background: transparent; - cursor: default; - flex-direction: column; - padding: 0; -} - -body .dialog .directory .directory-item.folder:hover, -body .dialog .directory .directory-item.folder:focus, -body #sidebar .directory .directory-item.folder:hover, -body #sidebar .directory .directory-item.folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder:focus { - background: transparent; - box-shadow: none; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header { - border-inline-start: none; - border-radius: 0; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header .create-folder { - display: none; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header h3 i::before { - content: "\f07b"; -} - -body .dialog .directory .directory-item.folder.collapsed .subdirectory, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed .subdirectory { - display: none; -} - -body .dialog .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed .subdirectory .folder-header { - border-inline-start: none; -} - -body .dialog .directory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header { - background-color: rgba(var(--color-folder-header), 1); - background-image: none; - border: 0; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex-wrap: nowrap; - line-height: var(--line-height-compact); - min-height: var(--blades-spacer-button); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: 100%; -} - -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item.folder .folder-header h3, -body #sidebar .directory .directory-item.folder .folder-header h3, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 { - border-block-end: 0; - color: inherit; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - text-align: start; - text-shadow: none; -} - -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 > i { - text-shadow: none; -} - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header { - border-radius: 0 0 0 0; -} - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header { - border-radius: 0 0 0 0; -} - -body .dialog .directory .directory-item.folder .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .folder-header { - border-color: var(--blades-grey-bright); -} - -body .dialog .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .subdirectory .folder-header { - border-color: var(--blades-white); -} - -body .dialog .directory .directory-item.folder .folder-header.context, -body .dialog .directory .directory-item.folder .directory-item.context, -body #sidebar .directory .directory-item.folder .folder-header.context, -body #sidebar .directory .directory-item.folder .directory-item.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .directory-item.context { - background-color: rgba(var(--color-primary), 1) !important; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item .create-folder .fa-plus, -body .dialog .directory .directory-item .create-document .fa-plus, -body #sidebar .directory .directory-item .create-folder .fa-plus, -body #sidebar .directory .directory-item .create-document .fa-plus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder .fa-plus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document .fa-plus { - align-items: center; - background: transparent; - border-radius: 50%; - color: inherit; - display: flex; - font-size: 8px; - height: 12px; - justify-content: center; - position: absolute; - right: -2px; - top: -2px; - width: 12px; -} - -body .dialog .directory .directory-item img, -body #sidebar .directory .directory-item img, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item img { - border-radius: 0; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: move; - flex: 0 0 auto; - margin: 0; - margin-block-start: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .directory .directory-item h3, -body .dialog .directory .directory-item h4, -body #sidebar .directory .directory-item h3, -body #sidebar .directory .directory-item h4, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 { - color: inherit; - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - padding: 0; - position: relative; - text-align: start; -} - -body .dialog .directory .directory-item h3 > a, -body .dialog .directory .directory-item h4 > a, -body #sidebar .directory .directory-item h3 > a, -body #sidebar .directory .directory-item h4 > a, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3 > a, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 > a { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - background-color: transparent; - border-radius: 0; - color: inherit; - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - cursor: pointer; - display: block; - flex: 1 1 auto; - font-size: var(--size-16px); - line-height: var(--blades-spacer-button); - padding: 0; - position: relative; - text-shadow: none; -} - -body .dialog fieldset, -body #sidebar fieldset, -body .window-app:not([id*=Actor-], [id*=Item-]) fieldset { - border: none; - margin: 0; - padding: 0; -} - -body .dialog figure figcaption, -body #sidebar figure figcaption, -body .window-app:not([id*=Actor-], [id*=Item-]) figure figcaption { - font-weight: 700; - margin-block-start: var(--blades-spacer-base); - padding: 0 var(--blades-spacer-sm); - text-align: center; -} - -body .dialog figure figcaption:empty, -body #sidebar figure figcaption:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) figure figcaption:empty { - display: none; -} - -body .dialog form h3.form-header, -body #sidebar form h3.form-header, -body .window-app:not([id*=Actor-], [id*=Item-]) form h3.form-header { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); - font-family: inherit; - font-size: var(--size-16px); - margin-block-start: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-base); - padding: var(--blades-spacer-base); -} - -body .dialog form .form-group, -body #sidebar form .form-group, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - justify-content: space-between; - margin: 0; - padding: var(--blades-spacer-sm); - width: 100%; -} - -body .dialog form .form-group:nth-of-type(even), -body #sidebar form .form-group:nth-of-type(even), -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} - -body .dialog form .form-group.initial-position .form-fields, -body #sidebar form .form-group.initial-position .form-fields, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields { - align-items: center; - display: inline-flex; - width: 1px; -} - -body .dialog form .form-group.initial-position .form-fields input, -body #sidebar form .form-group.initial-position .form-fields input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields input { - flex: 1 1 auto; -} - -body .dialog form .form-group.initial-position .form-fields input[type=text], -body #sidebar form .form-group.initial-position .form-fields input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields input[type=text] { - width: 1px; -} - -body .dialog form .form-group.initial-position .form-fields label, -body #sidebar form .form-group.initial-position .form-fields label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields label { - flex: 0 0 auto; -} - -body .dialog form .form-group.stacked > label, -body #sidebar form .form-group.stacked > label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.stacked > label { - flex: 0 0 100%; -} - -body .dialog form .form-group.hidden, -body #sidebar form .form-group.hidden, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.hidden { - display: none; -} - -body .dialog form .form-group .form-fields, -body #sidebar form .form-group .form-fields, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - flex: 1 1 auto; - justify-content: flex-end; -} - -body .dialog form .form-group .form-fields input, -body .dialog form .form-group .form-fields select, -body #sidebar form .form-group .form-fields input, -body #sidebar form .form-group .form-fields select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select { - flex: 1 1 100%; - gap: var(--blades-spacer-base); -} - -body .dialog form .form-group .form-fields input[type=checkbox], -body .dialog form .form-group .form-fields select[type=checkbox], -body #sidebar form .form-group .form-fields input[type=checkbox], -body #sidebar form .form-group .form-fields select[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select[type=checkbox] { - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); -} - -body .dialog form .form-group .form-fields input[type=radio], -body .dialog form .form-group .form-fields select[type=radio], -body #sidebar form .form-group .form-fields input[type=radio], -body #sidebar form .form-group .form-fields select[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select[type=radio] { - flex: 0 0 auto; - width: auto; -} - -body .dialog form .form-group .form-fields input + input, -body .dialog form .form-group .form-fields input + select, -body .dialog form .form-group .form-fields select + input, -body .dialog form .form-group .form-fields select + select, -body #sidebar form .form-group .form-fields input + input, -body #sidebar form .form-group .form-fields input + select, -body #sidebar form .form-group .form-fields select + input, -body #sidebar form .form-group .form-fields select + select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input + select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select + select { - flex: 1 1 25%; -} - -body .dialog form .form-group .form-fields button, -body #sidebar form .form-group .form-fields button, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button { - order: initial; - width: auto; -} - -body .dialog form .form-group .form-fields button.file-picker > i, -body .dialog form .form-group .form-fields button.grid-config > i, -body .dialog form .form-group .form-fields button.capture-position > i, -body #sidebar form .form-group .form-fields button.file-picker > i, -body #sidebar form .form-group .form-fields button.grid-config > i, -body #sidebar form .form-group .form-fields button.capture-position > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.file-picker > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.grid-config > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.capture-position > i { - margin-inline-end: 0; -} - -body .dialog form .form-group .form-fields button + input, -body #sidebar form .form-group .form-fields button + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button + input { - order: -1; -} - -body .dialog form .form-group .form-fields button.file-picker + input[type=text], -body #sidebar form .form-group .form-fields button.file-picker + input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.file-picker + input[type=text] { - margin-inline-end: 0 !important; -} - -body .dialog form .form-group input, -body .dialog form .form-group select, -body #sidebar form .form-group input, -body #sidebar form .form-group select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select { - flex: 1 1 auto; - width: 1px; -} - -body .dialog form .form-group input[type=checkbox], -body .dialog form .form-group select[type=checkbox], -body #sidebar form .form-group input[type=checkbox], -body #sidebar form .form-group select[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select[type=checkbox] { - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); -} - -body .dialog form .form-group input[type=radio], -body .dialog form .form-group select[type=radio], -body #sidebar form .form-group input[type=radio], -body #sidebar form .form-group select[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select[type=radio] { - flex: 0 0 auto; - width: auto; -} - -body .dialog form .form-group input + input, -body .dialog form .form-group select + input, -body #sidebar form .form-group input + input, -body #sidebar form .form-group select + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input { - flex: 1 1 25%; -} - -body .dialog form .form-group input + input[type=checkbox], -body .dialog form .form-group input + input[type=radio], -body .dialog form .form-group select + input[type=checkbox], -body .dialog form .form-group select + input[type=radio], -body #sidebar form .form-group input + input[type=checkbox], -body #sidebar form .form-group input + input[type=radio], -body #sidebar form .form-group select + input[type=checkbox], -body #sidebar form .form-group select + input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input[type=radio] { - flex: 0 0 auto; -} - -body .dialog form .form-group > label, -body #sidebar form .form-group > label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group > label { - flex: 0 0 40%; -} - -body .dialog form .form-group label, -body #sidebar form .form-group label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label { - color: rgba(var(--color-text), 1); - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - padding: 0; -} - -body .dialog form .form-group label.checkbox, -body #sidebar form .form-group label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label.checkbox { - gap: var(--blades-spacer-base); - height: auto; -} - -body .dialog form .form-group label .units, -body #sidebar form .form-group label .units, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-12px); - line-height: initial; - margin: 0 var(--blades-spacer-base); -} - -body .dialog form .form-group label > i, -body #sidebar form .form-group label > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label > i { - margin-inline-end: var(--blades-spacer-base); -} - -body .dialog form .form-group-stacked, -body #sidebar form .form-group-stacked, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked { - margin: 0; -} - -body .dialog form .form-group-stacked .checkbox-label, -body #sidebar form .form-group-stacked .checkbox-label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked .checkbox-label { - display: flex; - flex-direction: column; - padding: 0; -} - -body .dialog form .form-group-stacked label.checkbox, -body #sidebar form .form-group-stacked label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked label.checkbox { - align-items: center; - display: inline-flex; - flex: auto; - font-size: var(--size-12px); - gap: var(--blades-spacer-base); - height: auto; - line-height: initial; - margin: 0; - padding: 0; -} - -body .dialog form .notes, -body .dialog form .hint, -body #sidebar form .notes, -body #sidebar form .hint, -body .window-app:not([id*=Actor-], [id*=Item-]) form .notes, -body .window-app:not([id*=Actor-], [id*=Item-]) form .hint { - color: rgba(var(--color-text-darker), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - font-style: italic; - line-height: initial; - margin: 0; - width: 100%; -} - -body .dialog form .notes:empty, -body .dialog form .hint:empty, -body #sidebar form .notes:empty, -body #sidebar form .hint:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) form .notes:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) form .hint:empty { - display: none; -} - -body .dialog form label.checkbox, -body #sidebar form label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form label.checkbox { - align-items: center; - display: inline-flex; - gap: var(--blades-spacer-sm); - height: auto; - line-height: initial; -} - -body .dialog form .trait-list, -body #sidebar form .trait-list, -body .window-app:not([id*=Actor-], [id*=Item-]) form .trait-list { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body .dialog form .trait-list li, -body #sidebar form .trait-list li, -body .window-app:not([id*=Actor-], [id*=Item-]) form .trait-list li { - display: flex; -} - -body .dialog img, -body #sidebar img, -body .window-app:not([id*=Actor-], [id*=Item-]) img { - border: none; - border-radius: 0; - position: relative; -} - -body .dialog table, -body #sidebar table, -body .window-app:not([id*=Actor-], [id*=Item-]) table { - background-color: var(--blades-black-fade-strong); - border: none; - margin: var(--blades-spacer-base) 0; -} - -body .dialog table thead, -body #sidebar table thead, -body .window-app:not([id*=Actor-], [id*=Item-]) table thead { - background-color: var(--blades-black-dark-fade-strong); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .dialog table tr:nth-child(even), -body #sidebar table tr:nth-child(even), -body .window-app:not([id*=Actor-], [id*=Item-]) table tr:nth-child(even) { - background-color: var(--blades-white-fade-strong); -} - -body .dialog table td:first-child, -body #sidebar table td:first-child, -body .window-app:not([id*=Actor-], [id*=Item-]) table td:first-child { - padding-inline-start: var(--blades-spacer-base); -} - -body .dialog table td, -body .dialog table th, -body #sidebar table td, -body #sidebar table th, -body .window-app:not([id*=Actor-], [id*=Item-]) table td, -body .window-app:not([id*=Actor-], [id*=Item-]) table th { - padding: var(--blades-spacer-xs) 0; -} - -body .dialog .tabs ~ .tab, -body .dialog .sheet-tabs ~ .tab, -body #sidebar .tabs ~ .tab, -body #sidebar .sheet-tabs ~ .tab, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab { - flex: 1 1 auto; - overflow-y: auto; - overflow-x: hidden; -} - -body .dialog .tabs ~ .tab[data-tab], -body .dialog .sheet-tabs ~ .tab[data-tab], -body #sidebar .tabs ~ .tab[data-tab], -body #sidebar .sheet-tabs ~ .tab[data-tab], -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab[data-tab], -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab[data-tab] { - display: none; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body .dialog .tabs ~ .tab[data-tab].active, -body .dialog .sheet-tabs ~ .tab[data-tab].active, -body #sidebar .tabs ~ .tab[data-tab].active, -body #sidebar .sheet-tabs ~ .tab[data-tab].active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab[data-tab].active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab[data-tab].active { - display: flex; -} - -body .dialog h1, -body .dialog h2, -body .dialog h3, -body .dialog h4, -body #sidebar h1, -body #sidebar h2, -body #sidebar h3, -body #sidebar h4, -body .window-app:not([id*=Actor-], [id*=Item-]) h1, -body .window-app:not([id*=Actor-], [id*=Item-]) h2, -body .window-app:not([id*=Actor-], [id*=Item-]) h3, -body .window-app:not([id*=Actor-], [id*=Item-]) h4 { - font-weight: normal; - margin: 0; - margin-block-end: var(--blades-spacer-base); - position: relative; -} - -body .dialog h1, -body #sidebar h1, -body .window-app:not([id*=Actor-], [id*=Item-]) h1 { - border-block-end: 2px solid rgba(var(--color-border), 1); - font-size: var(--size-24px); -} - -body .dialog h2, -body #sidebar h2, -body .window-app:not([id*=Actor-], [id*=Item-]) h2 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); -} - -body .dialog h3, -body #sidebar h3, -body .window-app:not([id*=Actor-], [id*=Item-]) h3 { - font-size: var(--size-16px); -} - -body .dialog a, -body #sidebar a, -body .window-app:not([id*=Actor-], [id*=Item-]) a { - text-shadow: none; -} - -body .dialog a:hover, -body #sidebar a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog a[href], -body #sidebar a[href], -body .window-app:not([id*=Actor-], [id*=Item-]) a[href] { - color: rgba(var(--color-primary), 1); - text-decoration: none; - text-shadow: none; -} - -body .dialog a[href]:hover, -body #sidebar a[href]:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a[href]:hover { - text-decoration: underline; - text-shadow: none; -} - -body .dialog a.entity-link, -body .dialog a.inline-roll, -body #sidebar a.entity-link, -body #sidebar a.inline-roll, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll { - background-color: rgba(var(--color-background-lightest), 1); - box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text), 1); - text-shadow: none; - padding: var(--blades-spacer-pf) var(--blades-spacer-xs); - padding-inline-start: var(--blades-spacer-base); -} - -body .dialog a.entity-link:hover, -body .dialog a.inline-roll:hover, -body #sidebar a.entity-link:hover, -body #sidebar a.inline-roll:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog a.entity-link > i, -body .dialog a.inline-roll > i, -body #sidebar a.entity-link > i, -body #sidebar a.inline-roll > i, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link > i, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll > i { - color: inherit; - margin-inline-end: var(--blades-spacer-xs); -} - -body .dialog p, -body #sidebar p, -body .window-app:not([id*=Actor-], [id*=Item-]) p { - margin: var(--blades-spacer-base) 0; -} - -body .dialog ul, -body .dialog ol, -body #sidebar ul, -body #sidebar ol, -body .window-app:not([id*=Actor-], [id*=Item-]) ul, -body .window-app:not([id*=Actor-], [id*=Item-]) ol { - margin: var(--blades-spacer-base) 0; - margin-block-end: var(--blades-spacer-base); -} - -body .dialog dl, -body #sidebar dl, -body .window-app:not([id*=Actor-], [id*=Item-]) dl { - margin: var(--blades-spacer-base) 0; -} - -body .dialog dd, -body #sidebar dd, -body .window-app:not([id*=Actor-], [id*=Item-]) dd { - padding-inline-end: var(--blades-spacer-base); - margin: var(--blades-spacer-base) 0; -} - -body .dialog hr, -body #sidebar hr, -body .window-app:not([id*=Actor-], [id*=Item-]) hr { - border: none; - border-block-start: rgba(var(--color-border), 1) 1px solid; - border-block-end: none; - width: 100%; -} - -body .dialog button[hidden], -body #sidebar button[hidden], -body .window-app:not([id*=Actor-], [id*=Item-]) button[hidden] { - display: none; -} - -body .dialog blockquote, -body #sidebar blockquote, -body .window-app:not([id*=Actor-], [id*=Item-]) blockquote { - border-inline-start: 3px solid rgba(var(--color-border), 1); - margin: var(--blades-spacer-base) 0 var(--blades-spacer-base) var(--blades-spacer-md); - padding-inline-start: var(--blades-spacer-lg); -} - -body .dialog blockquote em, -body #sidebar blockquote em, -body .window-app:not([id*=Actor-], [id*=Item-]) blockquote em { - font-style: normal; -} - -body .dialog section.secret, -body #sidebar section.secret, -body .window-app:not([id*=Actor-], [id*=Item-]) section.secret { - background-color: rgba(var(--color-background-light), 0.2); - border-block-start: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: 0 var(--blades-spacer-base); -} - -body .dialog .tox-toolbar__primary, -body #sidebar .tox-toolbar__primary, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox-toolbar__primary { - background: transparent; -} - -body .dialog .tox.tox-tinymce .tox-edit-area__iframe, -body #sidebar .tox.tox-tinymce .tox-edit-area__iframe, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox.tox-tinymce .tox-edit-area__iframe { - background-color: var(--blades-white-bright); - padding: var(--blades-spacer-base); -} - -body .dialog .tox .tox-tbtn, -body #sidebar .tox .tox-tbtn, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn { - background: transparent; - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); - height: var(--blades-spacer-button-sm); - margin-block-start: var(--blades-spacer-xs); - padding: 0 var(--blades-spacer-base); -} - -.window-app body #context-menu { - z-index: 101; -} - -body .dialog div.dialog-content h4:first-child, -body .dialog div.dialog-content p:first-child { - margin-block-start: var(--blades-spacer-base); -} - -.-emu-compact body #hotbar .bar-controls { - width: 2rem; - height: 2.5rem; -} -.-emu-compact body #hotbar .bar-controls .page-control { - font-size: var(--size-10px); -} -.-emu-compact body #hotbar .macro { - width: 2.5rem; - height: 2.5rem; -} -.-emu-compact body #hotbar .macro .macro-icon { - width: 2rem; - height: 2rem; -} -.-emu-compact body #logo { - max-height: 2.125rem; - max-width: 4.25rem; -} -.-emu-compact body #notifications { - left: 7rem; - top: 6rem; -} -.-emu-compact body #players { - width: 10.5rem; -} -.-emu-compact body #navigation #scene-list .scene { - height: 1.75rem; - line-height: 1.75rem; - min-width: 5.5rem; -} -.-emu-compact body #navigation #scene-list .scene-player { - width: 0.5rem; - height: 0.5rem; -} -.-emu-compact body .window-app[id*=JournalEntry-] a.editor-edit { - top: -1.75rem; -} -.-emu-compact body #tokenAttacher { - left: 4.5rem; - top: 2.375rem; -} - -body #hotbar .bar-controls:first-child #macro-directory, -body #hotbar .bar-controls:first-child #bar-toggle { - flex: 1 1 auto; -} - -body #hotbar .bar-controls:first-child #macro-directory:first-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:first-of-type { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; -} - -body #hotbar .bar-controls:first-child #macro-directory:last-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:last-of-type { - border: none; - border-radius: 0 0 0 0; -} - -body #hotbar .bar-controls .page-control, -body #hotbar .bar-controls #macro-directory, -body #hotbar .bar-controls #bar-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex: 0 0 auto; - font-size: var(--size-16px); - justify-content: center; - line-height: initial; - position: relative; -} - -body #hotbar .bar-controls .page-control:first-of-type, -body #hotbar .bar-controls #macro-directory:first-of-type, -body #hotbar .bar-controls #bar-toggle:first-of-type { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} - -body #hotbar .bar-controls .page-control:last-of-type, -body #hotbar .bar-controls #macro-directory:last-of-type, -body #hotbar .bar-controls #bar-toggle:last-of-type { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body #loading #context, -body #loading #progress { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - top: 0; - position: absolute; - align-items: center; - display: flex; - height: 100%; - font-size: var(--size-14px); - line-height: initial; - margin: 0 var(--blades-spacer-md); - padding: 0; -} - -.-emu-layout.-emu-logo body #logo { - display: block !important; -} -.-emu-layout.-emu-control-align-top body #controls .control-tools .scene-control { - position: initial; -} - -body #menu #menu-items li i, -body #menu #menu-items li h4 { - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); -} - -body #players > h3:hover, -body #players > h3:active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -.-emu-subtle-layout body #controls:hover, -.-emu-subtle-layout body #controls:active { - opacity: 1; -} - -.-emu-subtle-layout body #controls:hover .control-tools, -.-emu-subtle-layout body #controls:active .control-tools { - opacity: 1; -} - -body #controls .control-tools .scene-control, -body #controls .control-tools .control-tool { - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - line-height: initial; - margin: 0; - padding: 0; - pointer-events: all; - position: relative; -} - -body #controls .control-tools .scene-control > i, -body #controls .control-tools .control-tool > i { - margin: 0; - position: relative; -} - -.-emu-compact body #controls .control-tools .scene-control, -.-emu-compact body #controls .control-tools .control-tool { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); -} - -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover { - background-image: none; -} - -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus { - background-image: none; -} - -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active { - background-image: none; -} - -.-emu-subtle-layout body #navigation:hover, -.-emu-subtle-layout body #navigation:active { - opacity: 1; -} - -.-emu-subtle-layout body #navigation:hover #scene-list .scene, -.-emu-subtle-layout body #navigation:active #scene-list .scene { - display: inline-flex; - opacity: 1; -} - -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view { - background-image: none; -} - -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm) { - background-image: none; -} - -body #ui-left, -body #ui-middle, -body #ui-right { - pointer-events: none; - position: relative; - z-index: 10; -} - -body .window-app .window-header > a, -body .window-app .window-header a.header-button { - background: transparent; - text-shadow: none; - padding: var(--blades-spacer-base); - position: relative; - width: auto; -} - -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover { - color: rgba(var(--color-text-lightest), 1); - color: rgba(var(--color-primary), 1); -} - -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus { - color: rgba(var(--color-primary), 1); - text-decoration: underline; -} - -body .window-app .window-header > a.close, -body .window-app .window-header a.header-button.close { - color: transparent; - overflow: hidden; - padding: 0; - width: var(--blades-spacer-button-sm); -} - -body .window-app .window-header > a.close:hover, -body .window-app .window-header > a.close:focus, -body .window-app .window-header a.header-button.close:hover, -body .window-app .window-header a.header-button.close:focus { - color: transparent; -} - -body .window-app .window-header > a.close > i, -body .window-app .window-header a.header-button.close > i { - top: 0; - left: 0; - position: absolute; - width: 100%; - height: 100%; - align-items: center; - color: rgba(var(--color-text-lightest), 1); - display: flex; - font-size: var(--size-16px); - justify-content: center; - margin: 0; -} - -body .window-app .window-header > a > i, -body .window-app .window-header > a > span.fas, -body .window-app .window-header a.header-button > i, -body .window-app .window-header a.header-button > span.fas { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar, -body .sidebar-popout { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - top: calc(var(--blades-spacer-md) / 2); - right: 0; - bottom: auto; - position: fixed; - width: var(--blades-spacer-sidebar); - height: calc(100% - var(--blades-spacer-md)); - display: flex; - flex-direction: column; - margin: 0; - overflow: hidden; - padding: 0; - z-index: 10; -} - -body #sidebar ol, -body #sidebar ul, -body .sidebar-popout ol, -body .sidebar-popout ul { - margin: 0; - padding: 0; -} - -body #sidebar.collapsed, -body .sidebar-popout.collapsed { - height: auto !important; - width: 2rem !important; -} - -.-emu-subtle-layout body #sidebar.collapsed, -.-emu-subtle-layout body .sidebar-popout.collapsed { - opacity: 0.3; -} - -.-emu-subtle-layout body #sidebar.collapsed:hover, -.-emu-subtle-layout body .sidebar-popout.collapsed:hover { - opacity: 1; -} - -body #sidebar.collapsed #sidebar-tabs, -body .sidebar-popout.collapsed #sidebar-tabs { - border-block-end: none; - flex-wrap: wrap; -} - -body #sidebar.collapsed #sidebar-tabs > .collapse, -body .sidebar-popout.collapsed #sidebar-tabs > .collapse { - border-radius: 0 0 0 0; -} - -body #sidebar.collapsed .sidebar-tab, -body #sidebar.collapsed .sidebar-tab.active, -body .sidebar-popout.collapsed .sidebar-tab, -body .sidebar-popout.collapsed .sidebar-tab.active { - display: none !important; -} - -body #sidebar #sidebar-tabs, -body .sidebar-popout #sidebar-tabs { - border-block-end: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - font-size: var(--size-12px); - margin: 0; - position: relative; -} - -body #sidebar #sidebar-tabs > .item, -body #sidebar #sidebar-tabs > .collapse, -body .sidebar-popout #sidebar-tabs > .item, -body .sidebar-popout #sidebar-tabs > .collapse { - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex: 1 1 20%; - font-size: var(--size-12px); - justify-content: center; - left: auto; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); - position: relative; - top: auto; -} - -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active { - border-radius: 0; - border: none; -} - -body #sidebar #sidebar-tabs > .item.active:first-child, -body #sidebar #sidebar-tabs > .collapse.active:first-child, -body .sidebar-popout #sidebar-tabs > .item.active:first-child, -body .sidebar-popout #sidebar-tabs > .collapse.active:first-child { - border-radius: 0 0 0 0; -} - -body #sidebar #sidebar-tabs > .item:first-child, -body #sidebar #sidebar-tabs > .collapse:first-child, -body .sidebar-popout #sidebar-tabs > .item:first-child, -body .sidebar-popout #sidebar-tabs > .collapse:first-child { - border-radius: 0 0 0 0; -} - -body #sidebar #sidebar-tabs > .item > i, -body #sidebar #sidebar-tabs > .collapse > i, -body .sidebar-popout #sidebar-tabs > .item > i, -body .sidebar-popout #sidebar-tabs > .collapse > i { - margin: 0; - position: relative; - z-index: 1; -} - -body #sidebar #sidebar-tabs > .item .notification-pip, -body #sidebar #sidebar-tabs > .collapse .notification-pip, -body .sidebar-popout #sidebar-tabs > .item .notification-pip, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip { - background-color: rgba(var(--color-primary), 1); - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - animation-duration: 0.8s; - animation-iteration-count: infinite; - animation-name: emu-notification-flash; - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; -} - -body #sidebar #sidebar-tabs > .item .notification-pip::before, -body #sidebar #sidebar-tabs > .collapse .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .item .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip::before { - display: none; -} - -body #sidebar .window-content .sidebar-tab, -body .sidebar-popout .window-content .sidebar-tab { - display: flex; -} - -body #sidebar .sidebar-tab, -body .sidebar-popout .sidebar-tab { - display: none; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - justify-content: initial; - margin: 0; - min-height: 12.5rem; - position: relative; -} - -body #sidebar .sidebar-tab.active, -body .sidebar-popout .sidebar-tab.active { - display: flex; -} - -.-emu-compact body #sidebar .sidebar-tab, -.-emu-compact body .sidebar-popout .sidebar-tab { - min-height: 11rem; -} - -body #sidebar .sidebar-tab.directory .directory-list, -body .sidebar-popout .sidebar-tab.directory .directory-list { - padding-block-end: var(--blades-spacer-sm); -} - -body #sidebar .sidebar-tab .directory-header .header-actions button, -body #sidebar .sidebar-tab .directory-footer button, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button, -body .sidebar-popout .sidebar-tab .directory-footer button { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - height: auto; - line-height: var(--line-height-compact); - width: auto; -} - -body #sidebar .sidebar-tab .directory-header .header-actions button > i, -body #sidebar .sidebar-tab .directory-footer button > i, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button > i, -body .sidebar-popout .sidebar-tab .directory-footer button > i { - font-size: var(--size-14px); -} - -body #sidebar .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-header { - border-block-end: rgba(var(--color-border), 1) 1px solid; - flex-direction: column; -} - -body #sidebar .sidebar-tab .directory-header .header-search, -body .sidebar-popout .sidebar-tab .directory-header .header-search { - align-items: center; - display: flex; - flex: 1 1 auto; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-header .header-search > i, -body .sidebar-popout .sidebar-tab .directory-header .header-search > i { - flex: 0 0 auto; -} - -body #sidebar .sidebar-tab .directory-header .header-search input, -body .sidebar-popout .sidebar-tab .directory-header .header-search input { - background-color: rgba(var(--color-background-lightest), 1); - flex: 1 1 auto; - margin: 0; -} - -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - width: 2rem; - height: 2rem; - flex: 0 0 auto; -} - -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i { - margin: 0; -} - -body #sidebar .sidebar-tab .directory-header .header-actions, -body .sidebar-popout .sidebar-tab .directory-header .header-actions { - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-header .header-actions:only-child, -body #sidebar .sidebar-tab .directory-header .header-actions:last-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:only-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:last-child { - margin-block-end: 0; -} - -body #sidebar .sidebar-tab .directory-header > .action-buttons, -body .sidebar-popout .sidebar-tab .directory-header > .action-buttons { - align-items: center; - display: flex; - flex: 0 0 auto; - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-footer { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-wrap: wrap; -} - -.-emu-subtle-layout body #sidebar.collapsed::before, -.-emu-subtle-layout body #sidebar.collapsed #emu-sidebar-lock { - display: none; -} - -.-emu-subtle-layout body #sidebar:hover, -.-emu-subtle-layout body #sidebar.is-locked { - opacity: 1; - right: 0; -} - -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock::before, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock::before { - content: "\f0da"; -} - -.-emu-subtle-layout-sidebar-locked body #sidebar { - opacity: 1; - right: 0; -} -.-emu-subtle-layout-sidebar-locked body #sidebar #emu-sidebar-lock { - display: none; -} - -body #sidebar [data-tab=chat] #chat-log, -body .sidebar-popout [data-tab=chat] #chat-log { - flex: 1 1 auto; - height: auto; - list-style: none; - margin: 0; - padding: 0; - overflow-y: auto; - overflow-x: hidden; -} - -body #sidebar [data-tab=chat] #chat-log .message, -body .sidebar-popout [data-tab=chat] #chat-log .message { - background-color: rgba(var(--color-background-chat-message), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - display: flex; - flex-direction: column; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - font-family: inherit; - font-size: var(--size-14px); - padding: var(--blades-spacer-base); - margin: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message:hover .message-metadata, -body #sidebar [data-tab=chat] #chat-log .message:focus .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message:hover .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message:focus .message-metadata { - opacity: 1; -} - -body #sidebar [data-tab=chat] #chat-log .message.whisper, -body .sidebar-popout [data-tab=chat] #chat-log .message.whisper { - background-color: rgba(var(--color-background-chat-message-whisper), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message.blind, -body .sidebar-popout [data-tab=chat] #chat-log .message.blind { - background-color: rgba(var(--color-background-chat-message-blind), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-header, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-header { - background-color: transparent; - color: inherit; - align-items: center; - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - line-height: var(--line-height-default); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata, -body #sidebar [data-tab=chat] #chat-log .message .message-sender, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-sender { - color: inherit; - align-items: center; - display: inline-flex; - font-size: var(--size-12px); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-sender, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-sender { - margin: 0; - overflow: hidden; - white-space: initial; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata { - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - gap: var(--blades-spacer-base); - opacity: 0; - justify-content: flex-end; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata a, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata a { - color: inherit; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata a:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata a:hover { - color: rgba(var(--color-primary), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-content, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-content { - user-select: text; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-content .table-result, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-content .table-result { - padding: var(--blades-spacer-base) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .flavor-text, -body #sidebar [data-tab=chat] #chat-log .message .whisper-to, -body .sidebar-popout [data-tab=chat] #chat-log .message .flavor-text, -body .sidebar-popout [data-tab=chat] #chat-log .message .whisper-to { - color: inherit; - font-size: var(--size-12px); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll, -body #sidebar [data-tab=chat] #chat-log .message .dice-result, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-result { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total { - background-color: rgba(var(--color-background), 0.1); - box-shadow: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: inherit; - line-height: initial; - font-size: inherit; - font-weight: normal; - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-formula { - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total { - font-size: var(--size-18px); - padding: var(--blades-spacer-xs) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.critical, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.success, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.critical, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.success { - background-color: var(--blades-color-positive); - border-color: var(--blades-color-positive); - color: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.fumble, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.failure, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.fumble, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.failure { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - color: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip { - order: initial; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - line-height: initial; - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula { - align-items: center; - display: inline-flex; - font-weight: 700; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total { - background-color: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: none; - border-radius: 0 0 0 0; - flex: none; - font-size: var(--size-14px); - font-weight: 700; - padding: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-rolls, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-rolls { - margin: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete { - color: rgba(var(--color-text), 1); -} - -body #sidebar [data-tab=chat] #chat-controls, -body .sidebar-popout [data-tab=chat] #chat-controls { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 { - font-size: var(--size-14px); - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-controls .roll-type-select, -body .sidebar-popout [data-tab=chat] #chat-controls .roll-type-select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - height: 2rem; - margin: 0; - width: auto; -} - -body #sidebar [data-tab=chat] #chat-controls .control-buttons, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons { - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i { - font-size: inherit; - line-height: initial; -} - -body #sidebar [data-tab=chat] #chat-form, -body .sidebar-popout [data-tab=chat] #chat-form { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - height: 7rem; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar [data-tab=chat] #chat-form textarea, -body .sidebar-popout [data-tab=chat] #chat-form textarea { - background-color: rgba(var(--color-background-lightest), 0.9); - background-image: none; - width: 100%; - height: 100%; - padding: var(--blades-spacer-sm); -} - -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header { - flex-direction: column; -} - -body #sidebar #combat .combat-tracker-header .encounters, -body #sidebar #combat .combat-tracker-header .encounter-controls, -body .sidebar-popout #combat .combat-tracker-header .encounters, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls { - align-items: center; - display: flex; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - width: 100%; -} - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounters h4, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h4, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h4, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h4 { - border-block-end: none; - color: rgba(var(--color-text-lightest), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - flex: 1 1 auto; - font-size: var(--size-14px); - text-align: center; -} - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-20px); - margin-inline-start: var(--blades-spacer-button-sm); -} - -body #sidebar #combat .combat-tracker-header .encounters a[disabled], -body #sidebar #combat .combat-tracker-header .encounter-controls a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounters a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a[disabled] { - pointer-events: none; - visibility: hidden; -} - -body #sidebar #combat .combat-tracker-header .encounters a:first-child, -body #sidebar #combat .combat-tracker-header .encounter-controls a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounters a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:first-child { - margin-inline-start: 0; -} - -body #sidebar #combat #combat-tracker .combatant, -body .sidebar-popout #combat #combat-tracker .combatant { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - display: flex; - flex-wrap: nowrap; - height: auto; - line-height: initial; - margin: 0 var(--blades-spacer-sm); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: auto; -} - -body #sidebar #combat #combat-tracker .combatant.hidden .token-name h4, -body #sidebar #combat #combat-tracker .combatant.hidden .token-image, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-image { - opacity: 0.5; -} - -body #sidebar #combat #combat-tracker .combatant.active .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.active .token-name h4 { - border-color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #combat #combat-tracker .combatant.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.active .combatant-control.active { - background-color: var(--blades-white-bright); - color: rgba(var(--color-primary), 1); -} - -body #sidebar #combat #combat-tracker .combatant.defeated, -body .sidebar-popout #combat #combat-tracker .combatant.defeated { - background-color: rgba(176, 16, 48, 0.5); -} - -body #sidebar #combat #combat-tracker .combatant.defeated.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active .combatant-control.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #combat #combat-tracker .combatant .token-name, -body .sidebar-popout #combat #combat-tracker .combatant .token-name { - text-shadow: none; - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; - overflow: hidden; - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant .token-name h4 { - color: rgba(var(--color-text-lightest), 1); - border-block-end: 1px solid rgba(var(--color-border-lighter), 0.1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: initial; - font-size: var(--size-16px); - line-height: initial; -} - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource { - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-14px); - line-height: var(--line-height-compact); - margin-inline-start: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - padding: 0; - padding-inline-start: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-tracker .combatant .token-initiative .initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative .initiative { - color: inherit; - text-shadow: none; - font-size: var(--size-16px); - font-weight: normal; -} - -body #sidebar #combat #combat-tracker .combatant .combatant-controls, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-controls { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - background: transparent; - font-size: var(--size-20px); - margin: 0; -} - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll::before, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll::before { - content: "\f6cf"; -} - -body #sidebar #combat #combat-tracker .combatant .token-effects, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects { - display: flex; - flex: 1 1 auto; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; -} - -body #sidebar #combat #combat-tracker .combatant .token-effects img, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects img { - cursor: default; - margin: 0; - max-height: 0.875rem; - max-width: 0.875rem; - opacity: 1; - transform: none; -} - -body #sidebar #combat #combat-controls, -body .sidebar-popout #combat #combat-controls { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - padding-block-start: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-controls:empty, -body .sidebar-popout #combat #combat-controls:empty { - display: none; -} - -body #sidebar #combat #combat-controls .combat-control.center, -body .sidebar-popout #combat #combat-controls .combat-control.center { - flex: 1 1 auto; - white-space: nowrap; -} - -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i { - margin: 0; -} - -body #sidebar #scenes .scene, -body .sidebar-popout #scenes .scene { - background-position: 50%; - background-size: cover; - border: none; - box-shadow: none; - height: auto; - line-height: var(--line-height-compact); -} - -body #sidebar #scenes .scene:hover, -body .sidebar-popout #scenes .scene:hover { - background-position: 50%; - background-size: cover; -} - -body #sidebar #scenes .scene h3 > a, -body .sidebar-popout #scenes .scene h3 > a { - text-shadow: 1px 1px 2px var(--blades-black-dark), -1px -1px 2px var(--blades-black-dark); - padding: var(--blades-spacer-sm) 0; -} - -body #sidebar #playlists, -body .sidebar-popout #playlists { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #playlists .global-control, -body .sidebar-popout #playlists .global-control { - background-color: rgba(var(--color-background), 0.5); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - display: flex; - flex: 0 0 auto; - flex-wrap: wrap; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds { - height: auto !important; - max-height: 0 !important; - padding: 0 !important; -} - -body #sidebar #playlists .global-control .playlist-header, -body .sidebar-popout #playlists .global-control .playlist-header { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; - width: 100%; -} - -body #sidebar #playlists .global-control .playlist-header h4, -body .sidebar-popout #playlists .global-control .playlist-header h4 { - text-decoration: none; - height: auto; - margin: 0; - padding-inline-start: 0; -} - -body #sidebar #playlists .global-control .playlist-header h4 i.fa, -body .sidebar-popout #playlists .global-control .playlist-header h4 i.fa { - color: inherit; - margin-inline-start: var(--blades-spacer-xs); -} - -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds { - background: transparent; - border-inline-start: none; - flex: 0 0 auto; - height: auto !important; - padding: 0 !important; - width: 100%; -} - -body #sidebar #playlists .global-control .playlist-sounds h4, -body .sidebar-popout #playlists .global-control .playlist-sounds h4 { - border-block-end: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - margin: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds h4 + input[type=range], -body .sidebar-popout #playlists .global-control .playlist-sounds h4 + input[type=range] { - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #playlists .global-control .playlist-sounds .sound, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound { - border-block-end: 0; - flex-wrap: nowrap; - padding-inline-start: 0; - padding-inline-end: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds .sound:last-of-type, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound:last-of-type { - padding-block-end: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds .sound .global-volume, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound .global-volume { - flex: 0 0 50%; -} - -body #sidebar #playlists .directory-list .directory-item.playlist, -body .sidebar-popout #playlists .directory-list .directory-item.playlist { - flex-direction: column; - line-height: var(--line-height-compact); - padding: 0 var(--blades-spacer-sm); -} - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):focus, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):focus { - background-color: rgba(var(--color-folder-directory), 1); -} - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body #sidebar #playlists .directory-list .playlist-sounds, -body .sidebar-popout #playlists .directory-list .playlist-sounds { - height: auto !important; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .playlist-sounds .sound:first-child { - border-block-start: transparent 1px solid; -} - -body #sidebar #playlists .directory-list .playlist-header, -body #sidebar #playlists .directory-list .sound, -body .sidebar-popout #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .sound { - display: flex; - flex: 1 1 100%; - flex-wrap: nowrap; - margin: 0; - text-decoration: none; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-header .playlist-name, -body #sidebar #playlists .directory-list .sound .playlist-name, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name, -body .sidebar-popout #playlists .directory-list .sound .playlist-name { - align-items: center; - display: inline-flex; - flex: 1 1 100%; - overflow: visible; - padding: var(--blades-spacer-base) 0; - word-break: normal; - white-space: initial; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-header .playlist-name > i, -body #sidebar #playlists .directory-list .sound .playlist-name > i, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name > i, -body .sidebar-popout #playlists .directory-list .sound .playlist-name > i { - display: none; -} - -body #sidebar #playlists .directory-list .playlist-header .sound-controls, -body #sidebar #playlists .directory-list .sound .sound-controls, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls, -body .sidebar-popout #playlists .directory-list .sound .sound-controls { - flex: 0 0 auto; - flex-wrap: nowrap; - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; -} - -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control.inactive { - opacity: 0.5; -} - -body #sidebar #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .playlist-header { - flex: 0 0 auto; -} - -body #sidebar #playlists .directory-list .sound:nth-child(even), -body .sidebar-popout #playlists .directory-list .sound:nth-child(even) { - background-color: rgba(var(--color-background-darkest), 0.2); -} - -body #sidebar #playlists h4, -body #sidebar #playlists i, -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists h4, -body .sidebar-popout #playlists i, -body .sidebar-popout #playlists input[type=range] { - color: inherit; - height: auto; - line-height: var(--line-height-default); - word-break: normal; -} - -body #sidebar #playlists h4 + input[type=range], -body #sidebar #playlists i + input[type=range], -body .sidebar-popout #playlists h4 + input[type=range], -body .sidebar-popout #playlists i + input[type=range] { - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #playlists h4, -body .sidebar-popout #playlists h4 { - padding: var(--blades-spacer-base); -} - -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists input[type=range] { - margin: 0; -} - -body #sidebar #playlists #currently-playing, -body .sidebar-popout #playlists #currently-playing { - flex-direction: row; - max-height: 30%; - overflow-x: hidden; - overflow-y: auto; -} - -body #sidebar #playlists #currently-playing .sound, -body .sidebar-popout #playlists #currently-playing .sound { - display: grid; - flex: 1 1 100%; - grid-template-areas: "name controls" "playback playback"; - grid-template-columns: 1fr -webkit-min-content; - grid-template-columns: 1fr min-content; - grid-template-rows: min-content min-content; - margin: 0; - text-decoration: none; - width: 100%; -} - -body #sidebar #playlists #currently-playing .sound + .sound, -body .sidebar-popout #playlists #currently-playing .sound + .sound { - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding-block-start: var(--blades-spacer-sm); -} - -body #sidebar #playlists #currently-playing .sound .sound-name, -body .sidebar-popout #playlists #currently-playing .sound .sound-name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - align-items: center; - display: inline-flex; - grid-area: name; - margin: 0; - padding: var(--blades-spacer-base) 0; -} - -body #sidebar #playlists #currently-playing .sound .sound-controls, -body .sidebar-popout #playlists #currently-playing .sound .sound-controls { - flex-wrap: nowrap; - grid-area: controls; - margin: 0; - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; -} - -body #sidebar #playlists #currently-playing .sound .sound-control.inactive, -body .sidebar-popout #playlists #currently-playing .sound .sound-control.inactive { - opacity: 0.5; -} - -body #sidebar #playlists #currently-playing .sound .sound-playback, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback { - align-items: center; - display: flex; - grid-area: playback; - padding: 0; -} - -body #sidebar #playlists #currently-playing .sound .sound-playback .sound-timer, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .sound-timer { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - margin-inline-end: var(--blades-spacer-sm); -} - -body #sidebar #playlists #currently-playing .sound .sound-playback .volume-icon, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .volume-icon { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar #compendium h3, -body .sidebar-popout #compendium h3 { - background-color: rgba(var(--color-background), 1); - border: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} - -body #sidebar #compendium .compendium-type, -body .sidebar-popout #compendium .compendium-type { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body #sidebar #compendium .compendium-list, -body .sidebar-popout #compendium .compendium-list { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-xs); -} - -body #sidebar #compendium .compendium-list .directory-item, -body .sidebar-popout #compendium .compendium-list .directory-item { - flex-wrap: wrap; - line-height: var(--line-height-compact); -} - -body #sidebar #compendium .compendium-list .directory-item h4, -body .sidebar-popout #compendium .compendium-list .directory-item h4 { - align-items: center; - display: flex; - width: 100%; -} - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons { - color: rgba(var(--color-text-lightest), 1); - position: relative; -} - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons i { - margin: 0; - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #compendium .compendium-list .directory-item .compendium-footer, -body .sidebar-popout #compendium .compendium-list .directory-item .compendium-footer { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - padding-block-end: var(--blades-spacer-base); - width: 100%; -} - -body #sidebar #settings, -body .sidebar-popout #settings { - padding: var(--blades-spacer-sm); -} - -body #sidebar #settings > div, -body .sidebar-popout #settings > div { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; -} - -body #sidebar #settings h2, -body #sidebar #settings h4, -body .sidebar-popout #settings h2, -body .sidebar-popout #settings h4 { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - padding: 0; - margin: 0; -} - -body #sidebar #settings h2, -body .sidebar-popout #settings h2 { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-20px); - margin-block-start: var(--blades-spacer-sm); -} - -body #sidebar #settings h4, -body .sidebar-popout #settings h4 { - color: rgba(var(--color-primary), 1); - font-size: var(--size-16px); -} - -body #sidebar #settings button, -body .sidebar-popout #settings button { - margin: 0; -} - -body #sidebar #settings #game-details, -body .sidebar-popout #settings #game-details { - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: 0; -} - -body #sidebar .notification-pip, -body .sidebar-popout .notification-pip { - color: rgba(var(--color-primary), 1); - margin-inline-end: var(--blades-spacer-xs); - padding: 0; - position: relative; - right: auto; - text-shadow: none; - top: auto; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - text-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - align-items: center; - cursor: pointer; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - height: auto; - line-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:last-child, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:last-child { - border-block-end: 0; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:hover, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:hover { - background-color: rgba(var(--color-primary), 1); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - color: rgba(var(--color-text-lightest), 1); -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:focus, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:focus { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings { - margin: 0; - width: 100%; -} - -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h2, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h3, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h4 { - border: none; - margin: 0; -} - -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.previous, -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.next { - flex: 0 0 var(--blades-spacer-button); -} - -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.previous i, -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.next i { - margin: 0; -} - -body #module-management .package[data-module-name=ernies-modern-layout] a, -body #module-management .package[data-module-name=ernies-modern-layout] .package-title, -body #module-management .package[data-module-name=ernies-modern-layout] .package-description, -body #module-management .package[data-module-name=ernies-modern-layout] .package-metadata { - color: rgba(var(--color-text-lightest), 1); -} - -body .package-configuration .categories .scrollable, -body .package-configuration .categories footer { - margin: 0; - padding: var(--blades-spacer-sm); -} - -body .window-app[id*=trait-selector-] .window-content form > ol, -body .window-app[id*=trait-selector-] .window-content form > ul { - margin: 0; -} - -body .window-app[id*=trait-selector-] .window-content form > ol li, -body .window-app[id*=trait-selector-] .window-content form > ul li { - margin-block-end: var(--blades-spacer-base); -} - -body .window-app[id*=trait-selector-] .window-content form > ol li:last-child, -body .window-app[id*=trait-selector-] .window-content form > ul li:last-child { - margin-block-end: 0; -} - -body .window-app[id*=trait-selector-] .window-content form > ol li, -body .window-app[id*=trait-selector-] .window-content form > ol label, -body .window-app[id*=trait-selector-] .window-content form > ul li, -body .window-app[id*=trait-selector-] .window-content form > ul label { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; -} - -body .window-app[id*=trait-selector-] .window-content form > ol label.checkbox, -body .window-app[id*=trait-selector-] .window-content form > ul label.checkbox { - height: auto; - font-size: var(--size-14px); - line-height: initial; -} - -body .window-app[id*=trait-selector-] .window-content form > ol label.checkbox > input, -body .window-app[id*=trait-selector-] .window-content form > ul label.checkbox > input { - margin-inline-end: var(--blades-spacer-base); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br { - padding: 0 var(--blades-spacer-xs); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button { - margin: 0 var(--blades-spacer-xs); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip), -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip) { - align-items: center; - display: flex; - justify-content: center; - margin: 0; - min-height: var(--blades-spacer-button); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total { - margin-block-start: 0; - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: default; - flex: 0 0 auto; - margin-inline-end: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper .token-image, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper .token-image { - width: 100%; - height: 100%; - margin: 0; -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper svg, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper svg { - box-shadow: none; -} - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: var(--blades-spacer-xs); -} - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper input, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper input { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - height: auto; - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-lg); -} - -body .combatready-timebar, -body .combatready-timebar-fill { - border-radius: 0; - box-shadow: none; - bottom: 0; - height: 0.4375rem; - top: auto; -} - -.-emu-compact body .combatready-timebar, -.-emu-compact body .combatready-timebar-fill { - height: 0.1875rem; -} - -body #sidebar #combat #combat-tracker .token-resource input, -body .sidebar-popout #combat #combat-tracker .token-resource input { - border: none; - color: rgba(var(--color-text-lightest), 1); - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - padding: 0; - text-align: center; -} - -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary { - margin: var(--blades-spacer-sm); - text-shadow: none; - width: 100%; -} - -body #sidebar #settings #combat-utility-belt, -body .sidebar-popout #settings #combat-utility-belt { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; -} - -body #sidebar #settings #combat-utility-belt h4, -body .sidebar-popout #settings #combat-utility-belt h4 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin-block-start: var(--blades-spacer-sm); -} - -body #cub-puter::before, -body #cub-puter::after { - display: none; -} - -body .compendium-browser.window-app .control-area, -body .compendium-browser.window-app .list-area { - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-base); -} - -body #sidebar #compendium > ul.directory-list > .directory-item, -body .sidebar-popout #compendium > ul.directory-list > .directory-item { - margin: 0; - padding: 0; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack { - cursor: pointer; - line-height: var(--line-height-compact) !important; - margin: 0 !important; - padding: 0 var(--blades-spacer-sm) !important; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover { - background-color: rgba(var(--color-primary), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title { - margin: 0 !important; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack i.folder, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack i.folder { - border: none; -} - -body #sidebar #settings #df-chat-enhance-settings h4, -body .sidebar-popout #settings #df-chat-enhance-settings h4 { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin-block-start: var(--blades-spacer-md) !important; -} - -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-direction: column; -} - -body #sidebar [data-tab=chat] section.dice-tray > .flexrow, -body .sidebar-popout [data-tab=chat] section.dice-tray > .flexrow { - gap: var(--blades-spacer-base); - margin: 0; - width: 100%; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__roll { - box-shadow: none; - flex: 1 1 auto; - font-weight: normal; - margin: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button { - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button:hover svg *, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button:hover svg * { - fill: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button svg, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button svg { - transition: initial; -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__flag, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__flag { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - bottom: 100%; - left: 0; - position: absolute; - height: var(--blades-spacer-button-xs); - align-items: center; - display: flex; - font-size: var(--size-14px); - justify-content: center; - line-height: var(--line-height-compact); - max-height: var(--blades-spacer-button-xs); - overflow: hidden; - width: 100%; -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__flag.hide, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__flag.hide { - max-height: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__roll { - width: auto; - height: var(--blades-spacer-button); - flex: 0 0 auto; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--add, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--sub, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--add, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--sub { - min-width: var(--blades-spacer-button); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__advantage:hover, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--add:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__advantage:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--add:hover { - background-color: var(--blades-color-positive); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__disadvantage:hover, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--sub:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__disadvantage:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--sub:hover { - background-color: var(--blades-color-negative); -} - -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input { - background-color: rgba(var(--color-background-lightest), 1); -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__stacked, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__stacked { - height: var(--blades-spacer-button); - margin: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad { - font-size: var(--size-10px); - margin: 0; - padding: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body .dialog--dice-calculator.window-app .dice-calculator > button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button { - color: rgba(var(--color-text-lightest), 1); - font-weight: normal; -} - -body .dialog--dice-calculator.window-app .dice-calculator > button + button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button + button { - margin: 0; -} - -body #sidebar .dnd5ehelpers .dice-result, -body .sidebar-popout .dnd5ehelpers .dice-result { - margin-block-start: var(--blades-spacer-base); -} - -body #sidebar .dnd5ehelpers .dice-result .desc, -body .sidebar-popout .dnd5ehelpers .dice-result .desc { - background-color: rgba(var(--color-background-light), 1); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - padding: var(--blades-spacer-sm); -} - -body #sidebar .dnd5ehelpers .cover-button, -body .sidebar-popout .dnd5ehelpers .cover-button { - flex-direction: row-reverse; - margin: 0; - margin-block-start: var(--blades-spacer-base); -} - -body #sidebar .dnd5ehelpers .cover-button img, -body .sidebar-popout .dnd5ehelpers .cover-button img { - margin: 0; - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-xs); -} - -body #sidebar #playlists .header-actions > .flexrow, -body .sidebar-popout #playlists .header-actions > .flexrow { - flex: 0 0 100%; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action=attack], -body .sidebar-popout [data-tab=chat] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action=attack] { - margin-block-end: var(--blades-spacer-base); -} - -body .monsterblock .tweak-menu ul li labal:hover, -body .monsterblock .tweak-menu ul li a:hover, -body .monsterblock .tweak-menu ul li label:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} - -body .monsterblock .tweak-menu ul li labal, -body .monsterblock .tweak-menu ul li a, -body .monsterblock .tweak-menu ul li label { - padding: var(--blades-spacer-xs); -} - -body .monsterblock .tweak-menu ul li labal.menu-toggle, -body .monsterblock .tweak-menu ul li a.menu-toggle, -body .monsterblock .tweak-menu ul li label.menu-toggle { - padding-inline-start: var(--blades-spacer-md); -} - -body .monsterblock .tweak-menu ul li labal:not(:only-child)::before, -body .monsterblock .tweak-menu ul li a:not(:only-child)::before, -body .monsterblock .tweak-menu ul li label:not(:only-child)::before { - left: var(--blades-spacer-base); - top: var(--blades-spacer-xs); -} - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox, -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox { - flex: 1 1 auto; - font-size: var(--size-14px) !important; - margin: 0; -} - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type=checkbox], -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type=checkbox] { - margin: 0; -} - -body #sidebar .sidebar-tab .directory-footer button.create-pdf, -body .sidebar-popout .sidebar-tab .directory-footer button.create-pdf { - flex: 1 1 auto; -} - -body .window-app .window-header a.pop__btn-open, -body .window-app .window-header a.tit-menu__btn-open--sheet { - display: flex !important; - flex: 0 0 auto; - padding: 0 !important; - width: var(--blades-spacer-button-sm); -} - -body .window-app .window-header a.pop__btn-open > i, -body .window-app .window-header a.pop__btn-open > span.fas, -body .window-app .window-header a.tit-menu__btn-open--sheet > i, -body .window-app .window-header a.tit-menu__btn-open--sheet > span.fas { - margin-inline-end: 0; -} - -body #sidebar .dir__wrp-header, -body .sidebar-popout .dir__wrp-header { - padding: 0; -} - -body #sidebar .dir__wrp-header .w-100, -body .sidebar-popout .dir__wrp-header .w-100 { - gap: var(--blades-spacer-base); -} - -body #sidebar .dir__wrp-header .w-100 > *, -body .sidebar-popout .dir__wrp-header .w-100 > * { - margin: 0 !important; -} - -body #sidebar [data-tab=chat] .tabbedchatlog, -body .sidebar-popout [data-tab=chat] .tabbedchatlog { - border-radius: 0; - box-shadow: none; -} - -body #sidebar [data-tab=chat] .tabbedchatlog a, -body .sidebar-popout [data-tab=chat] .tabbedchatlog a { - color: rgba(var(--color-text-lightest), 1); -} - -body #token-action-hud:hover #tah-reposition, -body #token-action-hud:hover #tah-categories { - visibility: visible; -} - -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories { - left: initial; - margin: 0; - visibility: hidden; -} - -body #token-action-hud #tah-reposition i, -body #token-action-hud #tah-categories i { - color: inherit; - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - padding: initial; - margin: initial; - text-align: initial; -} - -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button { - margin-inline-start: var(--blades-spacer-base); -} - -body #token-action-hud button.tah-title-button > .fa, -body #token-action-hud .tah-action button > .fa { - display: none; -} - -body #hud .token-info-container .token-info-column-left, -body #hud .token-info-container .token-info-column-right { - padding: 0; - width: auto; -} - -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - flex-wrap: wrap; -} - -body #sidebar .token-mold h3, -body .sidebar-popout .token-mold h3 { - font-size: var(--size-16px); - font-weight: normal; - margin: 0; - width: 100%; -} - -body #sidebar .token-mold > label, -body .sidebar-popout .token-mold > label { - flex: 1 1 auto; -} - -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - width: 100%; - height: var(--blades-spacer-button-sm); - font-size: var(--size-12px); - padding: var(--blades-spacer-base); -} - -body #sidebar .token-mold > label > span > span, -body .sidebar-popout .token-mold > label > span > span { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar .import-dd, -body .sidebar-popout .import-dd { - display: flex !important; - flex: 1 1 100% !important; - margin: 0 !important; -} - -body #sidebar .sidebar-tab .directory-header .header-actions #world-anvil img, -body .sidebar-popout .sidebar-tab .directory-header .header-actions #world-anvil img { - max-height: var(--size-16px); - top: auto; -} \ No newline at end of file diff --git a/css/fonts.css b/css/fonts.css deleted file mode 100644 index 69e301c7..00000000 --- a/css/fonts.css +++ /dev/null @@ -1,301 +0,0 @@ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Micro"; - src: url("../assets/fonts/SmallPixel.ttf") format("truetype"); } - -@font-face { - font-family: "Tiny"; - src: url("../assets/fonts/TeenyTinyPixls.ttf") format("truetype"); } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); } - -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); } - -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; } diff --git a/css/fonts.min.css b/css/fonts.min.css deleted file mode 100644 index 321e2ebf..00000000 --- a/css/fonts.min.css +++ /dev/null @@ -1,354 +0,0 @@ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); -} -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); -} -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort B.otf") format("opentype"); - font-style: normal; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Bi.otf") format("opentype"); - font-style: italic; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort L.otf") format("opentype"); - font-style: normal; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Li.otf") format("opentype"); - font-style: italic; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} \ No newline at end of file diff --git a/css/lib/tagify.css b/css/lib/tagify.css deleted file mode 100644 index 76aa9fab..00000000 --- a/css/lib/tagify.css +++ /dev/null @@ -1,546 +0,0 @@ -@use "sass:math"; -:root { - --tagify-dd-color-primary: rgb(53,149,246); - --tagify-dd-bg-color: white; - --tagify-dd-item-pad: .3em .5em; } - -.tagify { - --tags-disabled-bg: #F1F1F1; - --tags-border-color: #DDD; - --tags-hover-border-color: #CCC; - --tags-focus-border-color: #3595f6; - --tag-border-radius: 3px; - --tag-bg: #E5E5E5; - --tag-hover: #D3E2E2; - --tag-text-color: black; - --tag-text-color--edit: black; - --tag-pad: 0.3em 0.5em; - --tag-inset-shadow-size: 1.1em; - --tag-invalid-color: #D39494; - --tag-invalid-bg: rgba(211, 148, 148, 0.5); - --tag-remove-bg: rgba(211, 148, 148, 0.3); - --tag-remove-btn-color: black; - --tag-remove-btn-bg: none; - --tag-remove-btn-bg--hover: #c77777; - --input-color: inherit; - --tag--min-width: 1ch; - --tag--max-width: auto; - --tag-hide-transition: 0.3s; - --placeholder-color: rgba(0, 0, 0, 0.4); - --placeholder-color-focus: rgba(0, 0, 0, 0.25); - --loader-size: .8em; - --readonly-striped: 1; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border: 1px solid var(--tags-border-color); - padding: 0; - line-height: 0; - cursor: text; - outline: none; - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: .1s; - transition: .1s; } - -@-webkit-keyframes tags--bump { - 30% { - -webkit-transform: scale(1.2); - transform: scale(1.2); } } - -@keyframes tags--bump { - 30% { - -webkit-transform: scale(1.2); - transform: scale(1.2); } } - -@-webkit-keyframes rotateLoader { - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } - -@keyframes rotateLoader { - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } - .tagify:hover:not(.tagify--focus):not(.tagify--invalid) { - --tags-border-color: var(--tags-hover-border-color); } - .tagify[disabled] { - background: var(--tags-disabled-bg); - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: .5; - pointer-events: none; } - .tagify[readonly].tagify--select, .tagify[disabled].tagify--select { - pointer-events: none; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) { - cursor: default; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input { - visibility: hidden; - width: 0; - margin: 5px 0; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div { - padding: var(--tag-pad); } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before { - -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@-webkit-keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - -@keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn { - display: none; } - .tagify--loading .tagify__input > br:last-child { - display: none; } - .tagify--loading .tagify__input::before { - content: none; } - .tagify--loading .tagify__input::after { - content: ''; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - -webkit-animation: rotateLoader .4s infinite linear; - animation: rotateLoader .4s infinite linear; - content: '' !important; - margin: -2px 0 -2px .5em; } - .tagify--loading .tagify__input:empty::after { - margin-left: 0; } - .tagify + input, - .tagify + textarea { - position: absolute !important; - left: -9999em !important; - -webkit-transform: scale(0) !important; - -ms-transform: scale(0) !important; - transform: scale(0) !important; } - .tagify__tag { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 5px 0 5px 5px; - position: relative; - z-index: 1; - outline: none; - line-height: normal; - cursor: default; - -webkit-transition: .13s ease-out; - transition: .13s ease-out; } - .tagify__tag > div { - vertical-align: top; - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - padding: var(--tag-pad); - color: var(--tag-text-color); - line-height: inherit; - border-radius: var(--tag-border-radius); - white-space: nowrap; - -webkit-transition: .13s ease-out; - transition: .13s ease-out; } - .tagify__tag > div > * { - white-space: pre-wrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: top; - min-width: var(--tag--min-width); - max-width: var(--tag--max-width); - -webkit-transition: .8s ease, .1s color; - transition: .8s ease, .1s color; } - .tagify__tag > div > *[contenteditable] { - outline: none; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - cursor: text; - margin: -2px; - padding: 2px; - max-width: 350px; } - .tagify__tag > div::before { - content: ''; - position: absolute; - border-radius: inherit; - inset: var(--tag-bg-inset, 0); - z-index: -1; - pointer-events: none; - -webkit-transition: 120ms ease; - transition: 120ms ease; - -webkit-animation: tags--bump .3s ease-out 1; - animation: tags--bump .3s ease-out 1; - -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; } - .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before { - --tag-bg-inset: -2.5px; - --tag-bg: var(--tag-hover); } - .tagify__tag--loading { - pointer-events: none; } - .tagify__tag--loading .tagify__tag__removeBtn { - display: none; } - .tagify__tag--loading::after { - --loader-size: .4em; - content: ''; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - -webkit-animation: rotateLoader .4s infinite linear; - animation: rotateLoader .4s infinite linear; - margin: 0 .5em 0 -.1em; } - .tagify__tag--flash div::before { - -webkit-animation: none; - animation: none; } - .tagify__tag--hide { - width: 0 !important; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - opacity: 0; - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - -webkit-transition: var(--tag-hide-transition); - transition: var(--tag-hide-transition); - pointer-events: none; } - .tagify__tag--hide > div > * { - white-space: nowrap; } - .tagify__tag.tagify--noAnim > div::before { - -webkit-animation: none; - animation: none; } - .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { - opacity: .5; } - .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { - --tag-bg: var(--tag-invalid-bg); - -webkit-transition: .2s; - transition: .2s; } - .tagify__tag[readonly] .tagify__tag__removeBtn { - display: none; } - .tagify__tag[readonly] > div::before { - -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - .tagify__tag--editable > div { - color: var(--tag-text-color--edit); } - .tagify__tag--editable > div::before { - -webkit-box-shadow: 0 0 0 2px var(--tag-hover) inset !important; - box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } - .tagify__tag--editable > .tagify__tag__removeBtn { - pointer-events: none; } - .tagify__tag--editable > .tagify__tag__removeBtn::after { - opacity: 0; - -webkit-transform: translateX(100%) translateX(5px); - -ms-transform: translateX(100%) translateX(5px); - transform: translateX(100%) translateX(5px); } - .tagify__tag--editable.tagify--invalid > div::before { - -webkit-box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; - box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } - .tagify__tag__removeBtn { - -webkit-box-ordinal-group: 6; - -ms-flex-order: 5; - order: 5; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50px; - cursor: pointer; - font: 14px/1 Arial; - background: var(--tag-remove-btn-bg); - color: var(--tag-remove-btn-color); - width: 14px; - height: 14px; - margin-right: 4.66667px; - margin-left: auto; - overflow: hidden; - -webkit-transition: .2s ease-out; - transition: .2s ease-out; } - .tagify__tag__removeBtn::after { - content: "\00D7"; - -webkit-transition: .3s, color 0s; - transition: .3s, color 0s; } - .tagify__tag__removeBtn:hover { - color: white; - background: var(--tag-remove-btn-bg--hover); } - .tagify__tag__removeBtn:hover + div > span { - opacity: .5; } - .tagify__tag__removeBtn:hover + div::before { - -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - -webkit-transition: -webkit-box-shadow .2s; - transition: -webkit-box-shadow .2s; - transition: box-shadow .2s; - transition: box-shadow .2s, -webkit-box-shadow .2s; } - .tagify:not(.tagify--mix) .tagify__input br { - display: none; } - .tagify:not(.tagify--mix) .tagify__input * { - display: inline; - white-space: nowrap; } - .tagify__input { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: inline-block; - min-width: 110px; - margin: 5px; - padding: var(--tag-pad); - line-height: normal; - position: relative; - white-space: pre-wrap; - color: var(--input-color); - -webkit-box-sizing: inherit; - box-sizing: inherit; - /* Seems firefox newer versions don't need this any more - @supports ( -moz-appearance:none ){ - &::before{ - line-height: inherit; - position:relative; - } - } - */ } - -@-moz-document url-prefix() {} .tagify__input:empty::before { - position: static; } - .tagify__input:focus { - outline: none; } - .tagify__input:focus::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 0; - -webkit-transform: translatex(6px); - -ms-transform: translatex(6px); - transform: translatex(6px); - /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ - /* IE Edge 12+ CSS styles go here */ } - @supports (-ms-ime-align: auto) { - .tagify__input:focus::before { - display: none; } } - .tagify__input:focus:empty::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; - color: rgba(0, 0, 0, 0.25); - color: var(--placeholder-color-focus); } - -@-moz-document url-prefix() { - .tagify__input:focus:empty::after { - display: none; } } - .tagify__input::before { - content: attr(data-placeholder); - height: 1em; - line-height: 1em; - margin: auto 0; - z-index: 1; - color: var(--placeholder-color); - white-space: nowrap; - pointer-events: none; - opacity: 0; - position: absolute; } - .tagify__input::after { - content: attr(data-suggest); - display: inline-block; - vertical-align: middle; - position: absolute; - min-width: calc(100% - 1.5em); - text-overflow: ellipsis; - overflow: hidden; - white-space: pre; - /* allows spaces at the beginning */ - color: var(--tag-text-color); - opacity: .3; - pointer-events: none; - max-width: 100px; } - .tagify__input .tagify__tag { - margin: 0 1px; } - .tagify--mix { - display: block; } - .tagify--mix .tagify__input { - padding: 5px; - margin: 0; - width: 100%; - height: 100%; - line-height: 1.5; - display: block; } - .tagify--mix .tagify__input::before { - height: auto; - display: none; - line-height: inherit; } - .tagify--mix .tagify__input::after { - content: none; } - .tagify--select::after { - content: '>'; - opacity: .5; - position: absolute; - top: 50%; - right: 0; - bottom: 0; - font: 16px monospace; - line-height: 8px; - height: 8px; - pointer-events: none; - -webkit-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - -ms-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - -webkit-transition: .2s ease-in-out; - transition: .2s ease-in-out; } - .tagify--select[aria-expanded=true]::after { - -webkit-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); - -ms-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); - transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); } - .tagify--select .tagify__tag { - position: absolute; - top: 0; - right: 1.8em; - bottom: 0; } - .tagify--select .tagify__tag div { - display: none; } - .tagify--select .tagify__input { - width: 100%; } - .tagify--empty .tagify__input::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; - display: inline-block; - width: auto; } - .tagify--mix .tagify--empty .tagify__input::before { - display: inline-block; } - .tagify--focus { - --tags-border-color: var(--tags-focus-border-color); - -webkit-transition: 0s; - transition: 0s; } - .tagify--invalid { - --tags-border-color: #D39494; } - .tagify__dropdown { - position: absolute; - z-index: 9999; - -webkit-transform: translateY(1px); - -ms-transform: translateY(1px); - transform: translateY(1px); - overflow: hidden; } - .tagify__dropdown[placement="top"] { - margin-top: 0; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - .tagify__dropdown[placement="top"] .tagify__dropdown__wrapper { - border-top-width: 1.1px; - border-bottom-width: 0; } - .tagify__dropdown[position="text"] { - -webkit-box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - font-size: .9em; } - .tagify__dropdown[position="text"] .tagify__dropdown__wrapper { - border-width: 1px; } - .tagify__dropdown__wrapper { - max-height: 300px; - overflow: auto; - overflow-x: hidden; - background: var(--tagify-dd-bg-color); - border: 1px solid; - border-color: var(--tagify-dd-color-primary); - border-bottom-width: 1.5px; - border-top-width: 0; - -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - -webkit-transition: 0.25s cubic-bezier(0, 1, 0.5, 1); - transition: 0.25s cubic-bezier(0, 1, 0.5, 1); } - .tagify__dropdown__header:empty { - display: none; } - .tagify__dropdown__footer { - display: inline-block; - margin-top: .5em; - padding: var(--tagify-dd-item-pad); - font-size: 0.7em; - font-style: italic; - opacity: .5; } - .tagify__dropdown__footer:empty { - display: none; } - .tagify__dropdown--initial .tagify__dropdown__wrapper { - max-height: 20px; - -webkit-transform: translateY(-1em); - -ms-transform: translateY(-1em); - transform: translateY(-1em); } - .tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper { - -webkit-transform: translateY(2em); - -ms-transform: translateY(2em); - transform: translateY(2em); } - .tagify__dropdown__item { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: var(--tagify-dd-item-pad); - margin: 1px; - cursor: pointer; - border-radius: 2px; - position: relative; - outline: none; - max-height: 60px; - max-width: 100%; - /* custom hidden transition effect is needed for horizontal-layout suggestions */ } - .tagify__dropdown__item--active { - background: var(--tagify-dd-color-primary); - color: white; } - .tagify__dropdown__item:active { - -webkit-filter: brightness(105%); - filter: brightness(105%); } - .tagify__dropdown__item--hidden { - padding-top: 0; - padding-bottom: 0; - margin: 0 1px; - pointer-events: none; - overflow: hidden; - max-height: 0; - -webkit-transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; - transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; } - .tagify__dropdown__item--hidden > * { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - opacity: 0; - -webkit-transition: inherit; - transition: inherit; } diff --git a/css/lib/tagify.min.css b/css/lib/tagify.min.css deleted file mode 100644 index 681cd34d..00000000 --- a/css/lib/tagify.min.css +++ /dev/null @@ -1,522 +0,0 @@ -@charset "UTF-8"; -:root { - --tagify-dd-color-primary: rgb(53,149,246); - --tagify-dd-bg-color: white; - --tagify-dd-item-pad: .3em .5em; -} - -.tagify { - --tags-disabled-bg: #F1F1F1; - --tags-border-color: #DDD; - --tags-hover-border-color: #CCC; - --tags-focus-border-color: #3595f6; - --tag-border-radius: 3px; - --tag-bg: #E5E5E5; - --tag-hover: #D3E2E2; - --tag-text-color: black; - --tag-text-color--edit: black; - --tag-pad: 0.3em 0.5em; - --tag-inset-shadow-size: 1.1em; - --tag-invalid-color: #D39494; - --tag-invalid-bg: rgba(211, 148, 148, 0.5); - --tag-remove-bg: rgba(211, 148, 148, 0.3); - --tag-remove-btn-color: black; - --tag-remove-btn-bg: none; - --tag-remove-btn-bg--hover: #c77777; - --input-color: inherit; - --tag--min-width: 1ch; - --tag--max-width: auto; - --tag-hide-transition: 0.3s; - --placeholder-color: rgba(0, 0, 0, 0.4); - --placeholder-color-focus: rgba(0, 0, 0, 0.25); - --loader-size: .8em; - --readonly-striped: 1; - display: inline-flex; - align-items: flex-start; - flex-wrap: wrap; - border: 1px solid var(--tags-border-color); - padding: 0; - line-height: 0; - cursor: text; - outline: none; - position: relative; - box-sizing: border-box; - transition: 0.1s; -} -@keyframes tags--bump { - 30% { - transform: scale(1.2); - } -} -@keyframes rotateLoader { - to { - transform: rotate(1turn); - } -} -.tagify:hover:not(.tagify--focus):not(.tagify--invalid) { - --tags-border-color: var(--tags-hover-border-color); -} -.tagify[disabled] { - background: var(--tags-disabled-bg); - filter: saturate(0); - opacity: 0.5; - pointer-events: none; -} -.tagify[readonly].tagify--select, .tagify[disabled].tagify--select { - pointer-events: none; -} -.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) { - cursor: default; -} -.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input { - visibility: hidden; - width: 0; - margin: 5px 0; -} -.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div { - padding: var(--tag-pad); -} -.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; -} -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); - } -} -.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn { - display: none; -} -.tagify--loading .tagify__input > br:last-child { - display: none; -} -.tagify--loading .tagify__input::before { - content: none; -} -.tagify--loading .tagify__input::after { - content: ""; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader 0.4s infinite linear; - content: "" !important; - margin: -2px 0 -2px 0.5em; -} -.tagify--loading .tagify__input:empty::after { - margin-left: 0; -} -.tagify + input, -.tagify + textarea { - position: absolute !important; - left: -9999em !important; - transform: scale(0) !important; -} -.tagify__tag { - display: inline-flex; - align-items: center; - margin: 5px 0 5px 5px; - position: relative; - z-index: 1; - outline: none; - line-height: normal; - cursor: default; - transition: 0.13s ease-out; -} -.tagify__tag > div { - vertical-align: top; - box-sizing: border-box; - max-width: 100%; - padding: var(--tag-pad); - color: var(--tag-text-color); - line-height: inherit; - border-radius: var(--tag-border-radius); - white-space: nowrap; - transition: 0.13s ease-out; -} -.tagify__tag > div > * { - white-space: pre-wrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: top; - min-width: var(--tag--min-width); - max-width: var(--tag--max-width); - transition: 0.8s ease, 0.1s color; -} -.tagify__tag > div > *[contenteditable] { - outline: none; - user-select: text; - cursor: text; - margin: -2px; - padding: 2px; - max-width: 350px; -} -.tagify__tag > div::before { - content: ""; - position: absolute; - border-radius: inherit; - inset: var(--tag-bg-inset, 0); - z-index: -1; - pointer-events: none; - transition: 120ms ease; - animation: tags--bump 0.3s ease-out 1; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; -} -.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before { - --tag-bg-inset: -2.5px; - --tag-bg: var(--tag-hover); -} -.tagify__tag--loading { - pointer-events: none; -} -.tagify__tag--loading .tagify__tag__removeBtn { - display: none; -} -.tagify__tag--loading::after { - --loader-size: .4em; - content: ""; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader 0.4s infinite linear; - margin: 0 0.5em 0 -0.1em; -} -.tagify__tag--flash div::before { - animation: none; -} -.tagify__tag--hide { - width: 0 !important; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - opacity: 0; - transform: scale(0); - transition: var(--tag-hide-transition); - pointer-events: none; -} -.tagify__tag--hide > div > * { - white-space: nowrap; -} -.tagify__tag.tagify--noAnim > div::before { - animation: none; -} -.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { - opacity: 0.5; -} -.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { - --tag-bg: var(--tag-invalid-bg); - transition: 0.2s; -} -.tagify__tag[readonly] .tagify__tag__removeBtn { - display: none; -} -.tagify__tag[readonly] > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; -} -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); - } -} -.tagify__tag--editable > div { - color: var(--tag-text-color--edit); -} -.tagify__tag--editable > div::before { - box-shadow: 0 0 0 2px var(--tag-hover) inset !important; -} -.tagify__tag--editable > .tagify__tag__removeBtn { - pointer-events: none; -} -.tagify__tag--editable > .tagify__tag__removeBtn::after { - opacity: 0; - transform: translateX(100%) translateX(5px); -} -.tagify__tag--editable.tagify--invalid > div::before { - box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; -} -.tagify__tag__removeBtn { - order: 5; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50px; - cursor: pointer; - font: 14px/1 Arial; - background: var(--tag-remove-btn-bg); - color: var(--tag-remove-btn-color); - width: 14px; - height: 14px; - margin-right: 4.662px; - margin-left: auto; - overflow: hidden; - transition: 0.2s ease-out; -} -.tagify__tag__removeBtn::after { - content: "×"; - transition: 0.3s, color 0s; -} -.tagify__tag__removeBtn:hover { - color: white; - background: var(--tag-remove-btn-bg--hover); -} -.tagify__tag__removeBtn:hover + div > span { - opacity: 0.5; -} -.tagify__tag__removeBtn:hover + div::before { - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - transition: box-shadow 0.2s; -} -.tagify:not(.tagify--mix) .tagify__input br { - display: none; -} -.tagify:not(.tagify--mix) .tagify__input * { - display: inline; - white-space: nowrap; -} -.tagify__input { - flex-grow: 1; - display: inline-block; - min-width: 110px; - margin: 5px; - padding: var(--tag-pad); - line-height: normal; - position: relative; - white-space: pre-wrap; - color: var(--input-color); - box-sizing: inherit; - /* Seems firefox newer versions don't need this any more - @supports ( -moz-appearance:none ){ - &::before{ - line-height: inherit; - position:relative; - } - } - */ -} -@-moz-document url-prefix() {} -.tagify__input:empty::before { - position: static; -} -.tagify__input:focus { - outline: none; -} -.tagify__input:focus::before { - transition: 0.2s ease-out; - opacity: 0; - transform: translatex(6px); - /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ - /* IE Edge 12+ CSS styles go here */ -} -@supports (-ms-ime-align: auto) { - .tagify__input:focus::before { - display: none; - } -} -.tagify__input:focus:empty::before { - transition: 0.2s ease-out; - opacity: 1; - transform: none; - color: rgba(0, 0, 0, 0.25); - color: var(--placeholder-color-focus); -} -@-moz-document url-prefix() { - .tagify__input:focus:empty::after { - display: none; - } -} -.tagify__input::before { - content: attr(data-placeholder); - height: 1em; - line-height: 1em; - margin: auto 0; - z-index: 1; - color: var(--placeholder-color); - white-space: nowrap; - pointer-events: none; - opacity: 0; - position: absolute; -} -.tagify__input::after { - content: attr(data-suggest); - display: inline-block; - vertical-align: middle; - position: absolute; - min-width: calc(100% - 1.5em); - text-overflow: ellipsis; - overflow: hidden; - white-space: pre; /* allows spaces at the beginning */ - color: var(--tag-text-color); - opacity: 0.3; - pointer-events: none; - max-width: 100px; -} -.tagify__input .tagify__tag { - margin: 0 1px; -} -.tagify--mix { - display: block; -} -.tagify--mix .tagify__input { - padding: 5px; - margin: 0; - width: 100%; - height: 100%; - line-height: 1.5; - display: block; -} -.tagify--mix .tagify__input::before { - height: auto; - display: none; - line-height: inherit; -} -.tagify--mix .tagify__input::after { - content: none; -} -.tagify--select::after { - content: ">"; - opacity: 0.5; - position: absolute; - top: 50%; - right: 0; - bottom: 0; - font: 16px monospace; - line-height: 8px; - height: 8px; - pointer-events: none; - transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - transition: 0.2s ease-in-out; -} -.tagify--select[aria-expanded=true]::after { - transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); -} -.tagify--select .tagify__tag { - position: absolute; - top: 0; - right: 1.8em; - bottom: 0; -} -.tagify--select .tagify__tag div { - display: none; -} -.tagify--select .tagify__input { - width: 100%; -} -.tagify--empty .tagify__input::before { - transition: 0.2s ease-out; - opacity: 1; - transform: none; - display: inline-block; - width: auto; -} -.tagify--mix .tagify--empty .tagify__input::before { - display: inline-block; -} -.tagify--focus { - --tags-border-color: var(--tags-focus-border-color); - transition: 0s; -} -.tagify--invalid { - --tags-border-color: #D39494; -} -.tagify__dropdown { - position: absolute; - z-index: 9999; - transform: translateY(1px); - overflow: hidden; -} -.tagify__dropdown[placement=top] { - margin-top: 0; - transform: translateY(-100%); -} -.tagify__dropdown[placement=top] .tagify__dropdown__wrapper { - border-top-width: 1.1px; - border-bottom-width: 0; -} -.tagify__dropdown[position=text] { - box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - font-size: 0.9em; -} -.tagify__dropdown[position=text] .tagify__dropdown__wrapper { - border-width: 1px; -} -.tagify__dropdown__wrapper { - max-height: 300px; - overflow: auto; - overflow-x: hidden; - background: var(--tagify-dd-bg-color); - border: 1px solid; - border-color: var(--tagify-dd-color-primary); - border-bottom-width: 1.5px; - border-top-width: 0; - box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - transition: 0.25s cubic-bezier(0, 1, 0.5, 1); -} -.tagify__dropdown__header:empty { - display: none; -} -.tagify__dropdown__footer { - display: inline-block; - margin-top: 0.5em; - padding: var(--tagify-dd-item-pad); - font-size: 0.7em; - font-style: italic; - opacity: 0.5; -} -.tagify__dropdown__footer:empty { - display: none; -} -.tagify__dropdown--initial .tagify__dropdown__wrapper { - max-height: 20px; - transform: translateY(-1em); -} -.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper { - transform: translateY(2em); -} -.tagify__dropdown__item { - box-sizing: border-box; - padding: var(--tagify-dd-item-pad); - margin: 1px; - cursor: pointer; - border-radius: 2px; - position: relative; - outline: none; - max-height: 60px; - max-width: 100%; - /* custom hidden transition effect is needed for horizontal-layout suggestions */ -} -.tagify__dropdown__item--active { - background: var(--tagify-dd-color-primary); - color: white; -} -.tagify__dropdown__item:active { - filter: brightness(105%); -} -.tagify__dropdown__item--hidden { - padding-top: 0; - padding-bottom: 0; - margin: 0 1px; - pointer-events: none; - overflow: hidden; - max-height: 0; - transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; -} -.tagify__dropdown__item--hidden > * { - transform: translateY(-100%); - opacity: 0; - transition: inherit; -} \ No newline at end of file diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 6207a68b..00000000 --- a/css/style.css +++ /dev/null @@ -1,25508 +0,0 @@ -@charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ -html { - line-height: 1.15; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers. - */ -body { - margin: 0; } - -/** - * Render the `main` element consistently in IE. - */ -main { - display: block; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - -webkit-box-sizing: content-box; - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/* Text-level semantics - ========================================================================== */ -/** - * Remove the gray background on active links in IE 10. - */ -a { - background-color: transparent; } - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - /* 2 */ } - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10. - */ -img { - border-style: none; } - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; } - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Remove the default vertical scrollbar in IE 10+. - */ -textarea { - overflow: auto; } - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ -[type="checkbox"], -[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ } - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* Misc - ========================================================================== */ -/** - * Add the correct display in IE 10+. - */ -template { - display: none; } - -/** - * Add the correct display in IE 10. - */ -[hidden] { - display: none; } - -@use "sass:math"; -@use "sass:color"; -@use "sass:math"; -/* - * Turf Block - */ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Micro"; - src: url("../assets/fonts/SmallPixel.ttf") format("truetype"); } - -@font-face { - font-family: "Tiny"; - src: url("../assets/fonts/TeenyTinyPixls.ttf") format("truetype"); } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); } - -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); } - -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; } - -:root, -* { - scrollbar-color: var(--blades-white) var(--blades-black); - scrollbar-width: thin; } - -*::-webkit-scrollbar { - width: var(--blades-spacer-sm); } - -*::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - border: none; - border-radius: 0; } - -*::-webkit-scrollbar-thumb { - background-color: rgba(var(--color-background-light), 1); - border: none; - border-radius: 0; - outline: none; } - -:root, -:root * { - --min-tinymce-height: 40px; - --clock-glow-size: 50px; - --clock-frame-size: 50px; - --clock-glow-correction: -175px; - --color-text-light-highlight: #f0f0e0; - --color-text-light-heading: #c9c7b8; - --color-text-light-primary: #b5b3a4; - --color-text-dark-primary: #191813; - --color-text-dark-secondary: #4b4a44; - --color-text-dark-header: #23221d; - --color-text-dark-inactive: #7a7971; - --color-text-light-0: #fff; - --color-text-light-1: #eee; - --color-text-light-2: #ddd; - --color-text-light-3: #ccc; - --color-text-light-4: #bbb; - --color-text-light-5: #aaa; - --color-text-light-6: #999; - --color-text-light-7: #888; - --color-text-dark-1: #111; - --color-text-dark-2: #222; - --color-text-dark-3: #444; - --color-text-dark-4: #555; - --color-text-dark-5: #666; - --color-text-dark-6: #777; - --color-border-light-1: #ddd; - --color-border-light-2: #999; - --color-border-dark-1: #111; - --color-border-dark-2: #222; - --color-border-dark-3: #333; - --color-border-dark-4: #444; - --color-border-dark-5: #666; - --color-shadow-dark: #000; - --color-underline-inactive: #7a7971; - --color-underline-active: #44191A; - --color-border-light-highlight: #f0f0e0; - --color-border-light-primary: #b5b3a4; - --color-border-light-secondary: #c9c7b8; - --color-border-light-tertiary: #7a7971; - --color-border-dark: #000; - --color-border-dark-primary: #191813; - --color-border-dark-secondary: #23221d; - --color-border-dark-tertiary: #4b4a44; - --color-bg-btn-minor-inactive: #c9c7b8; - --color-bg-btn-minor-active: #b5b3a4; - --color-bg-option: #dad8cc; - --color-ownership-none: #5500ff; - --color-ownership-observer: #7a7971; - --color-ownership-owner: #b5b3a4; - --color-level-info: #5c87b9; - --color-level-warning: #b18404; - --color-level-error: #750003; - --z-index-canvas: 0; - --z-index-app: 30; - --z-index-ui: 60; - --z-index-window: 100; - --sidebar-width: 300px; - --sidebar-header-height: 32px; - --sidebar-item-height: 48px; - --hotbar-height: 52px; - --hotbar-width: 578px; - --macro-size: 50px; - --players-width: 200px; - --form-field-height: 26px; - --font-size-11: 0.6875rem; - --font-size-12: 0.75rem; - --font-size-13: 0.8125rem; - --font-size-14: 0.875rem; - --font-size-16: 1rem; - --font-size-18: 1.125rem; - --font-size-20: 1.25rem; - --font-size-24: 1.5rem; - --font-size-28: 1.75rem; - --font-size-32: 2rem; - --font-size-48: 3rem; - --line-height-12: 0.75rem; - --line-height-16: 1rem; - --line-height-20: 1.25rem; - --line-height-30: 1.875rem; - --color-text-hyperlink: var(--blades-gold-bright); - --color-shadow-primary: var(--blades-white); - --color-shadow-highlight: var(--blades-gold-bright); - --color-underline-header: var(--blades-grey); - --color-border-highlight: var(--blades-gold-bright); - --color-border-highlight-alt: var(--blades-gold); - --size-10px: 0.625rem; - --size-11px: var(--font-size-11); - --size-12px: var(--font-size-12); - --size-13px: var(--font-size-13); - --size-14px: var(--font-size-14); - --size-16px: var(--font-size-16); - --size-18px: var(--font-size-18); - --size-20px: var(--font-size-20); - --size-24px: var(--font-size-24); - --size-28px: var(--font-size-28); - --size-30px: 1.875rem; - --size-32px: var(--font-size-32); - --size-48px: var(--font-size-48); - --blades-white-bright-nums: 255, 255, 255; - --blades-white-nums: 200, 200, 200; - --blades-grey-bright-nums: 170, 170, 170; - --blades-grey-nums: 119, 119, 119; - --blades-grey-dark-nums: 68, 68, 68; - --blades-black-nums: 32, 32, 32; - --blades-black-dark-nums: 0, 0, 0; - --blades-gold-bright-nums: 255, 231, 92; - --blades-gold-nums: 255, 215, 0; - --blades-gold-dark-nums: 184, 156, 0; - --blades-gold-darkest-nums: 55, 53, 0; - --blades-red-bright-nums: 220, 20, 60; - --blades-red-nums: 204, 0, 0; - --blades-red-dark-nums: 122, 0, 0; - --blades-red-darkest-nums: 50, 0, 0; - --blades-green-bright-nums: 20, 220, 60; - --blades-green-nums: 0, 204, 0; - --blades-green-dark-nums: 0, 122, 0; - --blades-green-darkest-nums: 0, 60, 0; - --blades-cyan-bright-nums: 198, 255, 255; - --blades-cyan-nums: 150, 255, 255; - --blades-cyan-dark-nums: 42, 85, 85; - --blades-cyan-darkest-nums: 25, 49, 49; - --blades-white-bright: rgba(var(--blades-white-bright-nums), 1); - --blades-white: rgba(var(--blades-white-nums), 1); - --blades-grey-bright: rgba(var(--blades-grey-bright-nums), 1); - --blades-grey: rgba(var(--blades-grey-nums), 1); - --blades-grey-dark: rgba(var(--blades-grey-dark-nums), 1); - --blades-black: rgba(var(--blades-black-nums), 1); - --blades-black-dark: rgba(var(--blades-black-dark-nums), 1); - --blades-gold-bright: rgba(var(--blades-gold-bright-nums), 1); - --blades-gold: rgba(var(--blades-gold-nums), 1); - --blades-gold-dark: rgba(var(--blades-gold-dark-nums), 1); - --blades-gold-darkest: rgba(var(--blades-gold-darkest-nums), 1); - --blades-red-bright: rgba(var(--blades-red-bright-nums), 1); - --blades-red: rgba(var(--blades-red-nums), 1); - --blades-red-dark: rgba(var(--blades-red-dark-nums), 1); - --blades-red-darkest: rgba(var(--blades-red-darkest-nums), 1); - --blades-green-bright: rgba(var(--blades-green-bright-nums), 1); - --blades-green: rgba(var(--blades-green-nums), 1); - --blades-green-dark: rgba(var(--blades-green-dark-nums), 1); - --blades-green-darkest: rgba(var(--blades-green-darkest-nums), 1); - --blades-cyan-bright: rgba(var(--blades-cyan-bright-nums), 1); - --blades-cyan: rgba(var(--blades-cyan-nums), 1); - --blades-cyan-dark: rgba(var(--blades-cyan-dark-nums), 1); - --blades-cyan-dark: rgba(var(--blades-cyan-darkest-nums), 1); - --blades-white-fade: rgba(var(--blades-white-nums), 0.5); - --blades-white-fade-strong: rgba(var(--blades-white-nums), 0.25); - --blades-white-bright-fade: rgba(var(--blades-white-bright-nums), 0.5); - --blades-white-bright-fade-strong: rgba(var(--blades-white-bright-nums), 0.25); - --blades-black-fade: rgba(var(--blades-black-nums), 0.5); - --blades-black-fade-strong: rgba(var(--blades-black-nums), 0.25); - --blades-black-dark-fade: rgba(var(--blades-black-dark-nums), 0.5); - --blades-black-dark-fade-strong: rgba(var(--blades-black-dark-nums), 0.25); - --blades-red-dark-fade: rgba(var(--blades-red-dark-nums), 0.5); - --blades-green-dark-fade: rgba(var(--blades-green-dark-nums), 0.5); - --blades-cyan-dark-fade: rgba(var(--blades-cyan-dark-nums), 0.5); - --blades-red-dark-fade-strong: rgba(var(--blades-red-dark-nums), 0.25); - --blades-green-dark-fade-strong: rgba(var(--blades-green-dark-nums), 0.25); - --blades-cyan-dark-fade-strong: rgba(var(--blades-cyan-dark-nums), 0.25); - --color-primary: var(--blades-white-nums); - --color-background: var(--blades-black-nums); - --color-background-lightest: var(--blades-grey-nums); - --color-background-light: var(--blades-grey-dark-nums); - --color-background-darkest: var(--blades-black-dark-nums); - --color-background-button: var(--blades-grey-dark-nums); - --color-background-chat-message: var(--blades-black-nums); - --color-background-chat-message-whisper: var(--blades-grey-nums); - --color-background-chat-message-blind: var(--blades-grey-dark-nums); - --color-border: var(--blades-grey-dark-nums); - --color-border-lighter: var(--blades-grey-nums); - --color-folder-header: var(--blades-grey-nums); - --color-folder-directory: var(--blades-grey-dark-nums); - --color-folder-subdirectory: var(--blades-black-nums); - --color-text: var(--blades-white-nums); - --color-text-lightest: var(--blades-white-bright-nums); - --color-text-darker: var(--blades-grey-bright-nums); - --color-shadow-primary: var(--blades-white-bright-nums); - --color-text-dark-primary: var(--blades-white-nums); - --color-bg-option: var(--blades-black-nums); - --blades-color-negative: var(--blades-red-bright); - --blades-color-positive: var(--blades-gold-bright); - --font-primary: "Minion Pro", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: "Minion Pro Caption"; - --font-primary-narrow: "Minion Pro Cond"; - --font-primary-small-narrow: "Minion Pro Caption Cond"; - --font-primary-alt: "Historical FellType"; - --font-primary-alt-smallcaps: "Historical FellType SC"; - --font-emphasis: "Kirsty"; - --font-emphasis-smallcaps: var(--font-emphasis); - --font-emphasis-alt: "Ravenscroft"; - --font-emphasis-alt-smallcaps: var(--font-emphasis-alt); - --font-emphasis-narrow: "Fjalla One"; - --font-mono: "Pragmata", monospace; - --font-mono-smallcaps: var(--font-mono); - --font-decorative: "UglyQua"; - --font-decorative-alt: "IM FELL Double Pica"; - --font-decorative-alt-smallcaps: "IM FELL Double Pica SC"; - --font-handwritten: "PWSignaturetwo"; - --font-awesome: "Font Awesome 6 Pro"; - --font-awesome-alt: "Font Awesome 6 Brands"; - --font-awesome-duotone: "Font Awesome 6 Duotone"; - --line-height-expanded: 1.4; - --line-height-primary: 1.2; - --line-height-compact: 1; - --text-shadow-dark: 0.1rem 0.1rem 0.2rem var(--blades-black-dark); - --box-shadow-dark: inset 0 0 0.3rem var(--blades-black-dark-fade); - --box-shadow-dark-strong: inset 0 0 0.5rem var(--blades-black-dark); - --color-default: var(--blades-white); - --background-default: var(--blades-dark); - --font-default: var(--font-primary); - --font-size-default: var(--size-14px); - --font-weight-default: normal; - --font-style-default: normal; - --font-variant-default: normal; - --line-height-default: var(--line-height-primary); - --text-shadow-default: none; - --box-shadow-default: none; - --text-transform-default: none; - --color-heading: var(--blades-white-bright); - --color-heading-strong: var(--color-heading); - --background-heading: none; - --background-heading-strong: var(--blades-grey-dark); - --margin-heading: 0; - --margin-heading-strong: 0 0 0.5rem 0; - --padding-heading: 0; - --padding-heading-strong: 0.25rem; - --font-heading: var(--font-emphasis); - --font-heading-strong: var(--font-heading); - --font-weight-heading: bold; - --font-weight-heading-strong: var(--font-weight-heading); - --font-style-heading: var(--font-style-default); - --font-style-heading-strong: var(--font-style-heading); - --font-variant-heading: var(--font-variant-default); - --font-variant-heading-strong: var(--font-variant-heading); - --line-height-heading: var(--line-height-compact); - --line-height-heading-strong: var(--line-height-heading); - --text-shadow-heading: var(--text-shadow-dark); - --text-shadow-heading-strong: var(--text-shadow-heading); - --box-shadow-heading: none; - --box-shadow-heading-strong: var(--box-shadow-input); - --text-transform-heading: uppercase; - --text-transform-heading-strong: var(--text-transform-heading); - --border-color-heading: var(--background-heading-strong); - --border-color-heading-strong: var(--border-color-heading); - --border-width-heading: 0.125rem; - --border-width-heading-strong: var(--border-width-heading); - --border-style-heading: none none solid none; - --border-style-heading-strong: none; - --color-input: var(--blades-white-bright); - --background-input: var(--blades-black-dark-fade-strong); - --margin-input: 0; - --padding-input: 0; - --font-input: var(--font-primary); - --font-number-input: var(--font-emphasis); - --font-size-input: var(--font-size-primary); - --font-weight-input: var(--font-weight-primary); - --font-style-input: var(--font-style-primary); - --font-variant-input: var(--font-variant-primary); - --line-height-input: var(--line-height-compact); - --text-shadow-input: var(--text-shadow-dark); - --box-shadow-input: var(--box-shadow-dark); - --box-shadow-input-strong: var(--box-shadow-dark-strong); - --text-transform-input: var(--text-transform-default); - --border-color-heading: transparent; - --border-width-heading: 0; - --border-style-heading: none; - --font-monospace: var(--font-mono); - --blades-spacer-pf: 0.0625rem; - --blades-spacer-xs: 0.125rem; - --blades-spacer-base: 0.125rem; - --blades-spacer-sm: 0.25rem; - --blades-spacer-md: 0.5rem; - --blades-spacer-lg: 0.75rem; - --blades-spacer-xl: 1rem; - --blades-spacer-button-lg: 2rem; - --blades-spacer-button: 1.5rem; - --blades-spacer-button-sm: 1.25rem; - --blades-spacer-button-xs: 1.125rem; - --blades-spacer-sidebar: 17.875rem; } - -:root .comp, -:root * .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - :root .comp:hover, - :root * .comp:hover { - z-index: 10; } - :root .comp.full-width, - :root * .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body, - :root * .comp .comp-control, - :root * .comp .comp-title, - :root * .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - :root .comp .comp-label:hover, :root .comp .comp-title:hover, - :root * .comp .comp-label:hover, - :root * .comp .comp-title:hover { - z-index: 5 !important; } - :root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a, - :root * .comp .comp-label:hover.comp-label a, - :root * .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - :root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title, - :root * .comp .comp-label:hover.comp-title, - :root * .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - :root .comp .comp-label, - :root * .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root .comp .comp-label.comp-prompt, - :root * .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - :root .comp .comp-label.comp-prompt .sur-title, - :root * .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - :root .comp .comp-label.comp-prompt .main-title, - :root * .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - :root .comp .comp-control, - :root * .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - :root .comp .comp-control:hover, - :root * .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root .comp .comp-control.comp-button, - :root * .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - :root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock, - :root * .comp .comp-control.comp-button.comp-delete, - :root * .comp .comp-control.comp-button.comp-delete-full, - :root * .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - :root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock, - :root * .comp .comp-control.comp-button.comp-add, - :root * .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - :root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i, - :root * .comp .comp-control.comp-button.comp-add i, - :root * .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - :root .comp .comp-control.comp-button:hover, - :root * .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - :root .comp .comp-body, - :root * .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - :root .comp .comp-body .comp-title, - :root * .comp .comp-body .comp-title { - z-index: 2; } - :root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table, - :root * .comp .comp-body h1, - :root * .comp .comp-body h2, - :root * .comp .comp-body h3, - :root * .comp .comp-body h4, - :root * .comp .comp-body p, - :root * .comp .comp-body blockquote, - :root * .comp .comp-body table { - margin: 0; - padding: 0; } - :root .comp .comp-toggle, - :root * .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - :root .comp .comp-toggle.comp-toggle-red, - :root * .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - :root .comp .comp-toggle.comp-toggle-red:hover, - :root * .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - :root .comp .comp-toggle.comp-toggle-grey, - :root * .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - :root .comp .comp-toggle.comp-toggle-grey:hover, - :root * .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - :root .comp .number-circle, - :root * .comp .number-circle { - --number-circle-size: 1.25rem; } - :root .comp .comp-number-input, - :root * .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - :root .comp .comp-status-toggle, - :root * .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - :root .comp .comp-status-toggle > *, - :root * .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - :root .comp .comp-status-toggle .status-positive, - :root * .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - :root .comp .comp-status-toggle .status-negative, - :root * .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - :root .comp .comp-status-toggle .status-neutral, - :root * .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - :root .comp .comp-status-toggle:hover, - :root * .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - :root .comp .comp-status-toggle:hover .status-neutral, - :root * .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - -:root .comp.portrait-container, -:root * .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - -:root .comp.comp-labeled-input, -:root * .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - -:root .comp.comp-vertical, -:root * .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - :root .comp.comp-vertical .comp-button.comp-delete, - :root * .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - :root .comp.comp-vertical > .comp-label, - :root * .comp.comp-vertical > .comp-label { - text-align: center; } - :root .comp.comp-vertical > .comp-label.comp-prompt, - :root * .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - :root .comp.comp-vertical .comp-title, - :root * .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - :root .comp.comp-vertical .comp-body, - :root * .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - :root .comp.comp-vertical .comp-body > img, - :root * .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - :root .comp.comp-vertical .comp-body .comp-body-text, - :root * .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - :root .comp.comp-vertical.portrait-block, - :root * .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - :root .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root * .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - :root .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root * .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - :root .comp.comp-vertical.portrait-block .comp-body, - :root * .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - :root .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root * .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - :root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root * .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - :root .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root * .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - :root .comp.comp-vertical.comp-playbook, - :root * .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - :root .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root * .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - :root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root * .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - :root .comp.comp-vertical.comp-playbook .comp-body img, - :root * .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - :root .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root * .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - -:root .comp.comp-horizontal, -:root * .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root .comp.comp-horizontal .comp-button.comp-delete, - :root * .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - :root .comp.comp-horizontal > .comp-label, - :root * .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - :root .comp.comp-horizontal > .comp-label.comp-input-label, - :root * .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - :root .comp.comp-horizontal .comp-body, - :root * .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root .comp.comp-horizontal.comp-desc-trait, - :root * .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - :root .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root * .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - :root .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root * .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - :root .comp.comp-horizontal.comp-desc-trait .comp-label, - :root * .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root * .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - -:root .comp.comp-teeth.comp-horizontal .dotline, -:root * .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - :root .comp.comp-teeth.comp-horizontal .dotline .dot, - :root * .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - -:root .comp.comp-teeth.comp-horizontal.comp-xp, -:root * .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - -:root .comp.comp-teeth.comp-vertical, -:root * .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root .comp.comp-teeth.comp-vertical .comp-body, - :root * .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - :root .comp.comp-teeth.comp-vertical .dotline-label, - :root * .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - :root .comp.comp-teeth.comp-vertical .dotline, - :root * .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - -:root .comp.comp-coins, :root .comp.comp-stash, -:root * .comp.comp-coins, -:root * .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - :root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins, - :root * .comp.comp-coins.comp-coins, - :root * .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body, - :root * .comp.comp-coins.comp-coins .comp-body, - :root * .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - :root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline, - :root * .comp.comp-coins .dotline, - :root * .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - :root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot, - :root * .comp.comp-coins .dotline .dot.empty-dot, - :root * .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - :root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot, - :root * .comp.comp-coins .dotline .dot.full-dot, - :root * .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - :root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root * .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root * .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - :root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root * .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root * .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - -:root .comp.comp-tier, -:root * .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - :root .comp.comp-tier > .full-width.flex-horizontal, - :root * .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root .comp.comp-tier .tier-bonus-container, - :root * .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root .comp.comp-tier .tier-bonus-container .filled-label, - :root * .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - :root .comp.comp-tier .tier-bonus-container .dotline, - :root * .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - :root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root * .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - :root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root * .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - :root .comp.comp-tier .tier-total-container, - :root * .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - -:root .comp.controls-container, -:root * .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - :root .comp.controls-container .controls-panel, - :root * .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - :root .comp.controls-container .controls-panel .controls-toggle, - :root * .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - :root .comp.controls-container .controls-panel .controls-toggle:hover, - :root * .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - :root .comp.controls-container .controls-panel .controls-toggle i, - :root * .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - :root .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root * .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - :root .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root * .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - :root .comp.controls-container .controls-panel .controls-list, - :root * .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - :root .comp.controls-container .controls-panel .controls-list li, - :root * .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root .comp.controls-container .controls-panel .controls-list li > a, - :root * .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - :root .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root * .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - :root .comp.controls-container .controls-panel .controls-list li > a::before, - :root * .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - :root .comp.controls-container .controls-panel .controls-list li > a:hover, - :root * .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - :root .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root * .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - :root .comp.controls-container .controls-panel .controls-list li > a > i, - :root * .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - :root .comp.controls-container .controls-panel.active, - :root * .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - :root .comp.controls-container .controls-panel.active .controls-toggle, - :root * .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - :root .comp.controls-container .controls-panel.active .controls-toggle i, - :root * .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - :root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root * .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - :root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root * .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - :root .comp.controls-container .controls-panel.active .controls-list, - :root * .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - :root .comp.controls-container .controls-panel.active .controls-list li, - :root * .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - :root .comp.controls-container .controls-panel.active .controls-list li:hover, - :root * .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - :root .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root * .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - -:root .button-icon, :root .toggle-icon, -:root * .button-icon, -:root * .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - :root .button-icon i, :root .toggle-icon i, - :root * .button-icon i, - :root * .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - :root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off, - :root * .button-icon i.toggle-off, - :root * .toggle-icon i.toggle-off { - opacity: 0.25; } - :root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle, - :root * .button-icon .hidden-toggle, - :root * .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root * .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root * .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - :root .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root * .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root * .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - -:root .dotline, -:root * .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - :root .dotline.centered, - :root * .dotline.centered { - --dotline-horiz-align: center; } - :root .dotline.locked .dot, - :root * .dotline.locked .dot { - pointer-events: none; - cursor: default; } - :root .dotline.dotline-right, - :root * .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - :root .dotline .dotline-label, - :root * .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - :root .dotline .dot, - :root * .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - :root .dotline .dot:last-of-type, - :root * .dotline .dot:last-of-type { - margin: 0; } - :root .dotline .dot .img-main, :root .dotline .dot .img-hover, - :root * .dotline .dot .img-main, - :root * .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - :root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover, - :root * .dotline .dot .img-main.img-hover, - :root * .dotline .dot .img-hover.img-hover { - display: none; } - :root .dotline .dot.svg-dot, - :root * .dotline .dot.svg-dot { - height: auto; } - :root .dotline .dot.svg-dot svg, - :root * .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - :root .dotline .dot.svg-dot.full-dot svg .full, - :root * .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - :root .dotline .dot.svg-dot.full-dot svg .frame, - :root * .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - :root .dotline .dot.svg-dot.full-dot svg .half, - :root * .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - :root .dotline .dot.svg-dot.empty-dot svg .full, - :root * .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - :root .dotline .dot.svg-dot.empty-dot svg .frame, - :root * .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - :root .dotline .dot.svg-dot.empty-dot svg .half, - :root * .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - :root .dotline .dot:hover .img-main, - :root * .dotline .dot:hover .img-main { - opacity: 0.5; } - :root .dotline .dot:hover .img-hover, - :root * .dotline .dot:hover .img-hover { - display: block; } - :root .dotline .dot:hover .img-hover + .img-main, - :root * .dotline .dot:hover .img-hover + .img-main { - display: none; } - :root .dotline .dot:hover.svg-dot, - :root * .dotline .dot:hover.svg-dot { - opacity: 0.5; } - :root .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root * .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - :root .dotline .advance-button, - :root * .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - :root .dotline .advance-button.rainbow-glow, - :root * .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - :root .dotline .advance-button.rainbow-glow:before, - :root * .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - :root .dotline .advance-button.rainbow-glow:hover:before, - :root * .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - :root .dotline .advance-button.rainbow-glow:after, - :root * .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@-webkit-keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - :root .dotline .advance-button.gold-orbit, - :root * .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - :root .dotline .advance-button.gold-orbit:hover, - :root * .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - :root .dotline .advance-button.gold-orbit span, - :root * .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - :root .dotline .advance-button.gold-orbit span:nth-child(1), - :root * .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - :root .dotline .advance-button.gold-orbit span:nth-child(2), - :root * .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - :root .dotline .advance-button.gold-orbit span:nth-child(3), - :root * .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - :root .dotline .advance-button.gold-orbit span:nth-child(4), - :root * .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@-webkit-keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@-webkit-keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@-webkit-keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@-webkit-keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@-webkit-keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - -:root body.vtt.game.system-eunos-blades .notification.error.permanent { - display: none !important; } - -:root body.vtt.game.system-eunos-blades #pause img.fa-spin { - top: unset; - bottom: -200px; } - -:root body.vtt.game.system-eunos-blades #pause figcaption { - text-shadow: 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 0px 0px 5px #000; - font-family: Kirsty, serif !important; - line-height: 2rem; - padding: 0 25%; } - -:root body.vtt.game.system-eunos-blades #clocks-overlay { - margin-top: 0.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); } - :root body.vtt.game.system-eunos-blades #clocks-overlay *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; } - :root body.vtt.game.system-eunos-blades #clocks-overlay b, :root body.vtt.game.system-eunos-blades #clocks-overlay strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay i:not([class]), :root body.vtt.game.system-eunos-blades #clocks-overlay em { - font-style: italic !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay i[class] { - font-family: var(--font-awesome); } - :root body.vtt.game.system-eunos-blades #clocks-overlay i.fab { - font-family: var(--font-awesome-alt); } - :root body.vtt.game.system-eunos-blades #clocks-overlay i.fa-duotone { - font-family: var(--font-awesome-duotone); } - :root body.vtt.game.system-eunos-blades #clocks-overlay button { - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #clocks-overlay h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #clocks-overlay h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - -webkit-box-shadow: var(--box-shadow-heading-strong); - box-shadow: var(--box-shadow-heading-strong); } - :root body.vtt.game.system-eunos-blades #clocks-overlay h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #clocks-overlay h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - -webkit-box-shadow: var(--box-shadow-heading); - box-shadow: var(--box-shadow-heading); } - :root body.vtt.game.system-eunos-blades #clocks-overlay h1:not(i):not(button) { - font-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #clocks-overlay h3:not(i):not(button) { - font-size: 1.125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay h4:not(i):not(button) { - font-size: 1rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - -webkit-box-shadow: var(--box-shadow-input); - box-shadow: var(--box-shadow-input); } - :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[type="number"], :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[data-dtype="number"] option { - text-align: right; } - :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades #clocks-overlay p + p { - margin: 0.5rem 0; - min-height: 1rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header { - background: var(--blades-black-dark); - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 0 20px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header > * { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header a { - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header a i { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close { - font-size: 0; - margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: Kirsty, serif; - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scaleY(0.75); - -ms-transform: scaleY(0.75); - transform: scaleY(0.75); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover { - z-index: 5 !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body .comp-title { - z-index: 2; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body p, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body table { - margin: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .number-circle { - --number-circle-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical > .comp-label { - text-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon i, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon i.toggle-off { - opacity: 0.25; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.centered { - --dotline-horiz-align: center; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.locked .dot { - pointer-events: none; - cursor: default; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:last-of-type { - margin: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-hover.img-hover { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot { - height: auto; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-main { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-hover { - display: block; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-hover + .img-main { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover.svg-dot { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - :root body.vtt.game.system-eunos-blades #clocks-overlay { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: scale(var(--key-scale)); - -ms-transform: scale(var(--key-scale)); - transform: scale(var(--key-scale)); - position: absolute !important; - width: calc((100% / var(--key-scale)) - var(--left-shift)); - height: calc((100% / var(--key-scale)) - var(--top-shift)); - top: var(--top-shift); - left: var(--left-shift); - pointer-events: none; - z-index: 50; } - :root body.vtt.game.system-eunos-blades #clocks-overlay, :root body.vtt.game.system-eunos-blades #clocks-overlay * { - --top-shift: 50px; - --left-shift: 75px; - --key-scale: 0.33; - --alternating-top-shift: 120px; - --clock-frame-size: 108px; - --clock-glow-size: calc(var(--clock-frame-size) * 3); - --clock-glow-correction: -37px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg *, :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs * { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented, :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented { - --rotation-step-size: calc(360deg / var(--rotation-steps)); - --segment-scale: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg clipPath.segmented, :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs clipPath.segmented { - --segment-scale: 2 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="1"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="1"] { - --rotation-steps: 1 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="2"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="2"] { - --rotation-steps: 2 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="3"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="3"] { - --rotation-steps: 3 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="4"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="4"] { - --rotation-steps: 4 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="5"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="5"] { - --rotation-steps: 5 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="6"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="6"] { - --rotation-steps: 6 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="8"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="8"] { - --rotation-steps: 8 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="10"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="10"] { - --rotation-steps: 10 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented[data-size="12"], :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented[data-size="12"] { - --rotation-steps: 12 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use, :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use { - -webkit-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - -ms-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(1), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(1) { - --segment-rotation: calc(0 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(2), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(2) { - --segment-rotation: calc(1 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(3), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(3) { - --segment-rotation: calc(2 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(4), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(4) { - --segment-rotation: calc(3 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(5), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(5) { - --segment-rotation: calc(4 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(6), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(6) { - --segment-rotation: calc(5 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(7), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(7) { - --segment-rotation: calc(6 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(8), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(8) { - --segment-rotation: calc(7 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(9), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(9) { - --segment-rotation: calc(8 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(10), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(10) { - --segment-rotation: calc(9 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(11), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(11) { - --segment-rotation: calc(10 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg .segmented > use:nth-child(12), :root body.vtt.game.system-eunos-blades #clocks-overlay svg defs .segmented > use:nth-child(12) { - --segment-rotation: calc(11 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay svg, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock, :root body.vtt.game.system-eunos-blades #clocks-overlay img { - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key { - position: relative; - margin: 0 20px; - height: var(--key-height); - width: var(--key-width); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key > * { - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .key-label { - font-family: var(--font-decorative); - font-size: 4rem; - top: unset; - z-index: 20; - width: 100%; - pointer-events: all; - color: var(--blades-white-bright); - text-shadow: 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark); - left: 0; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .key-label:hover { - color: var(--blades-gold-bright) !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key:not(.active-key) .key-label { - color: var(--blades-white); - font-family: Oswald, sans-serif; - font-size: 2.5rem; - top: unset; - width: 200px; - rotate: 30deg; - text-align: left; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key:not(.active-key) .clock-label-container { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key:not(.active-key) .clock { - display: none; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-label-container { - height: var(--key-height); - width: calc(1.5 * var(--key-width)); - left: calc(-0.25 * var(--key-width)); - pointer-events: none; - z-index: 5; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-label-container .clock-label { - position: absolute; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-label-container .clock-label .short-label { - font-size: 2.5rem; - font-family: Oswald, sans-serif; - text-shadow: 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark), 0 0 15px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-label-container .clock-label.clock-active .short-label { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container { - height: var(--key-height); - width: var(--key-width); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .key-image { - height: var(--key-height); - width: var(--key-width); - z-index: 1; - overflow: visible; - -webkit-filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); - filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .key-image .key-bg { - fill: var(--blades-black); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .key-image .metallic-overlay { - height: var(--key-height); - width: var(--key-width); - -webkit-filter: url(#metallicFilter) blur(1px); - filter: url(#metallicFilter) blur(1px); - fill: var(--blades-grey-dark); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock { - height: var(--clock-glow-size); - width: var(--clock-glow-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - position: relative; - z-index: 2; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg *, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs * { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented { - --rotation-step-size: calc(360deg / var(--rotation-steps)); - --segment-scale: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg clipPath.segmented, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs clipPath.segmented { - --segment-scale: 2 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="1"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="1"] { - --rotation-steps: 1 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="2"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="2"] { - --rotation-steps: 2 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="3"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="3"] { - --rotation-steps: 3 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="4"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="4"] { - --rotation-steps: 4 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="5"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="5"] { - --rotation-steps: 5 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="6"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="6"] { - --rotation-steps: 6 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="8"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="8"] { - --rotation-steps: 8 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="10"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="10"] { - --rotation-steps: 10 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented[data-size="12"], :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented[data-size="12"] { - --rotation-steps: 12 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use { - -webkit-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - -ms-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(1), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(1) { - --segment-rotation: calc(0 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(2), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(2) { - --segment-rotation: calc(1 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(3), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(3) { - --segment-rotation: calc(2 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(4), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(4) { - --segment-rotation: calc(3 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(5), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(5) { - --segment-rotation: calc(4 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(6), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(6) { - --segment-rotation: calc(5 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(7), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(7) { - --segment-rotation: calc(6 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(8), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(8) { - --segment-rotation: calc(7 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(9), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(9) { - --segment-rotation: calc(8 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(10), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(10) { - --segment-rotation: calc(9 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(11), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(11) { - --segment-rotation: calc(10 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg .segmented > use:nth-child(12), :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock svg defs .segmented > use:nth-child(12) { - --segment-rotation: calc(11 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-frame { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - -ms-transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - fill: transparent; - stroke: var(--blades-black); - stroke-width: 10px; - z-index: 2; - pointer-events: auto; - overflow: visible; - -webkit-filter: drop-shadow(0 0 5px var(--blades-black-dark)); - filter: drop-shadow(0 0 5px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-frame g { - -webkit-transform: scale(0.99); - -ms-transform: scale(0.99); - transform: scale(0.99); - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-frame.clock-bg { - z-index: 1; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-frame.clock-bg circle { - fill: var(--blades-grey-dark); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-frame.clock-bg.hidden-clock circle { - fill: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-interior { - position: absolute; - z-index: 2; - height: 400px; - width: 400px; - -webkit-transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); - -ms-transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); - transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-interior svg { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-interior svg circle { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - fill: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .clock-interior .clock-interior-img { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock.clock-active .clock-glow { - position: absolute; - z-index: 0; - top: var(--clock-glow-correction); - left: var(--clock-glow-correction); - height: 400px; - width: 400px; - background: url("../assets/animations/clock-flare.webp") 50%/contain no-repeat border-box border-box; - background-position-y: 5px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="1"] { - --rotation-steps: 1 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="2"] { - --rotation-steps: 2 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="3"] { - --rotation-steps: 3 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="4"] { - --rotation-steps: 4 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="5"] { - --rotation-steps: 5 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="6"] { - --rotation-steps: 6 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="8"] { - --rotation-steps: 8 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="10"] { - --rotation-steps: 10 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock .segmented[data-size="12"] { - --rotation-steps: 12 ; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key .clock-image-container .clock { - position: absolute !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"] { - --key-height: 455px; - --key-width: 202px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"] .key-label { - top: 150px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"] .clock:nth-of-type(1) { - left: 101px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"]:not(.active-key) { - --key-width: 170px; - top: -350px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"]:not(.active-key) .key-label { - left: -40px; - top: unset !important; - bottom: 50px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] { - --key-height: 624.438px; - --key-width: 202px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] .key-label { - top: 400px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] .clock:nth-of-type(1) { - left: 101px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] .clock:nth-of-type(2) { - left: 101px; - top: 279px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"]:not(.active-key) { - --key-width: 170px; - top: -520px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"]:not(.active-key) .key-label { - left: -40px; - top: unset !important; - bottom: 50px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] { - --key-height: 915px; - --key-width: 280px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .key-label { - top: 600px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock:nth-of-type(1) { - left: 140px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock:nth-of-type(2) { - left: 74px; - top: 211px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock:nth-of-type(3) { - left: 206px; - top: 211px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"]:not(.active-key) { - --key-width: 170px; - top: -815px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"]:not(.active-key) .key-label { - left: -10px; - top: unset !important; - bottom: 50px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] { - --key-height: 1140px; - --key-width: 376px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .key-label { - top: 700px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock:nth-of-type(1) { - left: 188px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock:nth-of-type(2) { - left: 101px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock:nth-of-type(3) { - left: 275px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock:nth-of-type(4) { - left: 188px; - top: 273px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"]:not(.active-key) { - --key-width: 170px; - top: -925px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"]:not(.active-key) .key-label { - left: 40px; - top: unset !important; - bottom: 150px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] { - --key-height: 1140px; - --key-width: 376px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .key-label { - top: 800px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock:nth-of-type(1) { - left: 188px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock:nth-of-type(2) { - left: 101px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock:nth-of-type(3) { - left: 275px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock:nth-of-type(4) { - left: 188px; - top: 273px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock:nth-of-type(5) { - left: 188px; - top: 452px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"]:not(.active-key) { - --key-width: 170px; - top: -1025px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"]:not(.active-key) .key-label { - left: 40px; - top: unset !important; - bottom: 50px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] { - --key-height: 1150px; - --key-width: 376px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .key-label { - top: 900px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(1) { - left: 188px; - top: 99px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(2) { - left: 101px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(3) { - left: 275px; - top: 185px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(4) { - left: 188px; - top: 273px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(5) { - left: 188px; - top: 452px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock:nth-of-type(6) { - left: 188px; - top: 683px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"]:not(.active-key) { - --key-width: 170px; - top: -1025px; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"]:not(.active-key) .key-label { - left: 40px; - top: unset !important; - bottom: 50px !important; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="1"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="2"] .clock-label[data-clock-num="2"] { - left: 0; - top: 325px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock-label[data-clock-num="2"] { - left: -20px; - top: 110px; - text-align: right; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="3"] .clock-label[data-clock-num="3"] { - left: 220px; - top: 265px; - text-align: left; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock-label[data-clock-num="2"] { - left: -60px; - top: 80px; - text-align: right; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock-label[data-clock-num="3"] { - left: 340px; - top: 230px; - text-align: left; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="4"] .clock-label[data-clock-num="4"] { - left: 0; - top: 320px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock-label[data-clock-num="2"] { - left: -60px; - top: 80px; - text-align: right; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock-label[data-clock-num="3"] { - left: 340px; - top: 230px; - text-align: left; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock-label[data-clock-num="4"] { - left: 0; - top: 320px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="5"] .clock-label[data-clock-num="5"] { - left: 0; - top: 500px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="1"] { - left: 0; - top: 0px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="2"] { - left: -60px; - top: 80px; - text-align: right; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="3"] { - left: 340px; - top: 230px; - text-align: left; - width: 50%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="4"] { - left: 0; - top: 320px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="5"] { - left: 0; - top: 500px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key[data-size="6"] .clock-label[data-clock-num="6"] { - left: 0; - top: 730px; - text-align: center; - width: 100%; } - :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key:nth-child(2n+1) { - top: var(--alternating-top-shift); } - -:root body.vtt.game.system-eunos-blades #sidebar { - overflow: visible; } - :root body.vtt.game.system-eunos-blades #sidebar * { - --font-primary: "Minion Pro", serif !important ; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications { - height: auto; - width: 300px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - right: calc(100% + 20px); } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice { - background: var(--blades-white); - border: 2px solid var(--blades-black-dark); - position: relative; - padding: 5px; - margin: 5px 0; - -webkit-box-shadow: inset 0 0 4px var(--blades-black), 5px 5px 10px var(--blades-black-dark); - box-shadow: inset 0 0 4px var(--blades-black), 5px 5px 10px var(--blades-black-dark); - border-radius: 5px; - -webkit-transition: 0.25s; - transition: 0.25s; - width: 100%; - overflow: hidden; - -webkit-transform-origin: 100% 0%; - -ms-transform-origin: 100% 0%; - transform-origin: 100% 0%; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice.to-gm-notice { - background: #6f61af; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice strong { - color: var(--blades-black-dark) !important; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice:hover { - -webkit-filter: brightness(1.25); - filter: brightness(1.25); } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .author { - position: absolute; - top: 2px; - right: 5px; - font-size: 12px; - font-family: var(--font-primary); - text-align: right; - color: var(--blades-red-dark); - font-weight: bold; - font-variant: small-caps; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .header { - width: 100%; - font-family: Oswald, sans-serif; - font-weight: bold; - color: var(--blades-black-dark); - text-align: left; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .body { - width: 100%; - font-family: var(--font-primary); - font-size: 14px; - line-height: 14px; - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - color: var(--blades-black); - text-shadow: 0 0 0px var(--blades-black-dark); - padding-top: 5px; } - :root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .body:not(.no-border) { - border-top: 2px solid var(--blades-black); } - -:root body.vtt.game.system-eunos-blades #interface, -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #players { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); } - :root body.vtt.game.system-eunos-blades #interface *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; } - :root body.vtt.game.system-eunos-blades #interface b, :root body.vtt.game.system-eunos-blades #interface strong, - :root body.vtt.game.system-eunos-blades #controls b, - :root body.vtt.game.system-eunos-blades #controls strong, - :root body.vtt.game.system-eunos-blades #navigation b, - :root body.vtt.game.system-eunos-blades #navigation strong, - :root body.vtt.game.system-eunos-blades #hotbar b, - :root body.vtt.game.system-eunos-blades #hotbar strong, - :root body.vtt.game.system-eunos-blades #players b, - :root body.vtt.game.system-eunos-blades #players strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; } - :root body.vtt.game.system-eunos-blades #interface i:not([class]), :root body.vtt.game.system-eunos-blades #interface em, - :root body.vtt.game.system-eunos-blades #controls i:not([class]), - :root body.vtt.game.system-eunos-blades #controls em, - :root body.vtt.game.system-eunos-blades #navigation i:not([class]), - :root body.vtt.game.system-eunos-blades #navigation em, - :root body.vtt.game.system-eunos-blades #hotbar i:not([class]), - :root body.vtt.game.system-eunos-blades #hotbar em, - :root body.vtt.game.system-eunos-blades #players i:not([class]), - :root body.vtt.game.system-eunos-blades #players em { - font-style: italic !important; } - :root body.vtt.game.system-eunos-blades #interface i[class], - :root body.vtt.game.system-eunos-blades #controls i[class], - :root body.vtt.game.system-eunos-blades #navigation i[class], - :root body.vtt.game.system-eunos-blades #hotbar i[class], - :root body.vtt.game.system-eunos-blades #players i[class] { - font-family: var(--font-awesome); } - :root body.vtt.game.system-eunos-blades #interface i.fab, - :root body.vtt.game.system-eunos-blades #controls i.fab, - :root body.vtt.game.system-eunos-blades #navigation i.fab, - :root body.vtt.game.system-eunos-blades #hotbar i.fab, - :root body.vtt.game.system-eunos-blades #players i.fab { - font-family: var(--font-awesome-alt); } - :root body.vtt.game.system-eunos-blades #interface i.fa-duotone, - :root body.vtt.game.system-eunos-blades #controls i.fa-duotone, - :root body.vtt.game.system-eunos-blades #navigation i.fa-duotone, - :root body.vtt.game.system-eunos-blades #hotbar i.fa-duotone, - :root body.vtt.game.system-eunos-blades #players i.fa-duotone { - font-family: var(--font-awesome-duotone); } - :root body.vtt.game.system-eunos-blades #interface button, - :root body.vtt.game.system-eunos-blades #controls button, - :root body.vtt.game.system-eunos-blades #navigation button, - :root body.vtt.game.system-eunos-blades #hotbar button, - :root body.vtt.game.system-eunos-blades #players button { - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - -webkit-box-shadow: var(--box-shadow-heading-strong); - box-shadow: var(--box-shadow-heading-strong); } - :root body.vtt.game.system-eunos-blades #interface h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - -webkit-box-shadow: var(--box-shadow-heading); - box-shadow: var(--box-shadow-heading); } - :root body.vtt.game.system-eunos-blades #interface h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h1:not(i):not(button) { - font-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h3:not(i):not(button) { - font-size: 1.125rem; } - :root body.vtt.game.system-eunos-blades #interface h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players h4:not(i):not(button) { - font-size: 1rem; } - :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - -webkit-box-shadow: var(--box-shadow-input); - box-shadow: var(--box-shadow-input); } - :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[type="number"], :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[data-dtype="number"] option { - text-align: right; } - :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades #interface p + p, - :root body.vtt.game.system-eunos-blades #controls p + p, - :root body.vtt.game.system-eunos-blades #navigation p + p, - :root body.vtt.game.system-eunos-blades #hotbar p + p, - :root body.vtt.game.system-eunos-blades #players p + p { - margin: 0.5rem 0; - min-height: 1rem; } - :root body.vtt.game.system-eunos-blades #interface .window-header, - :root body.vtt.game.system-eunos-blades #controls .window-header, - :root body.vtt.game.system-eunos-blades #navigation .window-header, - :root body.vtt.game.system-eunos-blades #hotbar .window-header, - :root body.vtt.game.system-eunos-blades #players .window-header { - background: var(--blades-black-dark); - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 0 20px; } - :root body.vtt.game.system-eunos-blades #interface .window-header > *, - :root body.vtt.game.system-eunos-blades #controls .window-header > *, - :root body.vtt.game.system-eunos-blades #navigation .window-header > *, - :root body.vtt.game.system-eunos-blades #hotbar .window-header > *, - :root body.vtt.game.system-eunos-blades #players .window-header > * { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .window-header .window-title, - :root body.vtt.game.system-eunos-blades #controls .window-header .window-title, - :root body.vtt.game.system-eunos-blades #navigation .window-header .window-title, - :root body.vtt.game.system-eunos-blades #hotbar .window-header .window-title, - :root body.vtt.game.system-eunos-blades #players .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .window-header a, - :root body.vtt.game.system-eunos-blades #controls .window-header a, - :root body.vtt.game.system-eunos-blades #navigation .window-header a, - :root body.vtt.game.system-eunos-blades #hotbar .window-header a, - :root body.vtt.game.system-eunos-blades #players .window-header a { - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface .window-header a i, - :root body.vtt.game.system-eunos-blades #controls .window-header a i, - :root body.vtt.game.system-eunos-blades #navigation .window-header a i, - :root body.vtt.game.system-eunos-blades #hotbar .window-header a i, - :root body.vtt.game.system-eunos-blades #players .window-header a i { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface .window-header .close, - :root body.vtt.game.system-eunos-blades #controls .window-header .close, - :root body.vtt.game.system-eunos-blades #navigation .window-header .close, - :root body.vtt.game.system-eunos-blades #hotbar .window-header .close, - :root body.vtt.game.system-eunos-blades #players .window-header .close { - font-size: 0; - margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #interface .window-header .close i, - :root body.vtt.game.system-eunos-blades #controls .window-header .close i, - :root body.vtt.game.system-eunos-blades #navigation .window-header .close i, - :root body.vtt.game.system-eunos-blades #hotbar .window-header .close i, - :root body.vtt.game.system-eunos-blades #players .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: Kirsty, serif; - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scaleY(0.75); - -ms-transform: scaleY(0.75); - transform: scaleY(0.75); } - :root body.vtt.game.system-eunos-blades #interface .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #controls .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #navigation .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #hotbar .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #players .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h1, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h2, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h3, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #controls .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #controls .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #controls .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #controls .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #controls .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #controls .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #controls .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #controls .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #navigation .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #navigation .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #navigation .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #navigation .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #players .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #players .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #players .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #players .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #players .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #players .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #players .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #players .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp, - :root body.vtt.game.system-eunos-blades #controls .comp, - :root body.vtt.game.system-eunos-blades #navigation .comp, - :root body.vtt.game.system-eunos-blades #hotbar .comp, - :root body.vtt.game.system-eunos-blades #players .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - :root body.vtt.game.system-eunos-blades #interface .comp:hover, - :root body.vtt.game.system-eunos-blades #controls .comp:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp:hover, - :root body.vtt.game.system-eunos-blades #players .comp:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades #interface .comp.full-width, - :root body.vtt.game.system-eunos-blades #controls .comp.full-width, - :root body.vtt.game.system-eunos-blades #navigation .comp.full-width, - :root body.vtt.game.system-eunos-blades #hotbar .comp.full-width, - :root body.vtt.game.system-eunos-blades #players .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title, :root body.vtt.game.system-eunos-blades #interface .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control, - :root body.vtt.game.system-eunos-blades #players .comp .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover { - z-index: 5 !important; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body .comp-title { - z-index: 2; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body p, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #players .comp .comp-body table { - margin: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #players .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface .comp .number-circle, - :root body.vtt.game.system-eunos-blades #controls .comp .number-circle, - :root body.vtt.game.system-eunos-blades #navigation .comp .number-circle, - :root body.vtt.game.system-eunos-blades #hotbar .comp .number-circle, - :root body.vtt.game.system-eunos-blades #players .comp .number-circle { - --number-circle-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #players .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - :root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #interface .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #controls .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #navigation .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #hotbar .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #players .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #players .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical > .comp-label { - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - :root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - :root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface .button-icon, :root body.vtt.game.system-eunos-blades #interface .toggle-icon, - :root body.vtt.game.system-eunos-blades #controls .button-icon, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon, - :root body.vtt.game.system-eunos-blades #navigation .button-icon, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon, - :root body.vtt.game.system-eunos-blades #players .button-icon, - :root body.vtt.game.system-eunos-blades #players .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - :root body.vtt.game.system-eunos-blades #interface .button-icon i, :root body.vtt.game.system-eunos-blades #interface .toggle-icon i, - :root body.vtt.game.system-eunos-blades #controls .button-icon i, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon i, - :root body.vtt.game.system-eunos-blades #navigation .button-icon i, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon i, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon i, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon i, - :root body.vtt.game.system-eunos-blades #players .button-icon i, - :root body.vtt.game.system-eunos-blades #players .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #interface .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #controls .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #navigation .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #players .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #players .toggle-icon i.toggle-off { - opacity: 0.25; } - :root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .dotline, - :root body.vtt.game.system-eunos-blades #controls .dotline, - :root body.vtt.game.system-eunos-blades #navigation .dotline, - :root body.vtt.game.system-eunos-blades #hotbar .dotline, - :root body.vtt.game.system-eunos-blades #players .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - :root body.vtt.game.system-eunos-blades #interface .dotline.centered, - :root body.vtt.game.system-eunos-blades #controls .dotline.centered, - :root body.vtt.game.system-eunos-blades #navigation .dotline.centered, - :root body.vtt.game.system-eunos-blades #hotbar .dotline.centered, - :root body.vtt.game.system-eunos-blades #players .dotline.centered { - --dotline-horiz-align: center; } - :root body.vtt.game.system-eunos-blades #interface .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #controls .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #navigation .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #hotbar .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #players .dotline.locked .dot { - pointer-events: none; - cursor: default; } - :root body.vtt.game.system-eunos-blades #interface .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #controls .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #navigation .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #hotbar .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #players .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #controls .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #players .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot, - :root body.vtt.game.system-eunos-blades #players .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #players .dotline .dot:last-of-type { - margin: 0; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #players .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #players .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #players .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #players .dotline .dot .img-hover.img-hover { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot { - height: auto; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-main { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-hover { - display: block; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-hover + .img-main { - display: none; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #players .dotline .dot:hover.svg-dot { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #controls .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #navigation .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #players .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - :root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - -:root body.vtt.game.system-eunos-blades #interface, -:root body.vtt.game.system-eunos-blades #interface *, -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #controls *, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #navigation *, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #hotbar *, -:root body.vtt.game.system-eunos-blades #players, -:root body.vtt.game.system-eunos-blades #players * { - --font-primary: "Fjalla One"; - --font-heading: "Fjalla One"; - --font-weight-heading: normal; - --text-shadow-heading: none; - --line-height-heading: 1.2; } - -:root body.vtt.game.system-eunos-blades #interface .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #controls .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #navigation .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #hotbar .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #players .control-tools .scene-control:hover { - height: calc(var(--blades-spacer-button-lg) - 2px); - width: calc(var(--blades-spacer-button-lg) - 2px); } - -:root body.vtt.game.system-eunos-blades #interface #chat, -:root body.vtt.game.system-eunos-blades #controls #chat, -:root body.vtt.game.system-eunos-blades #navigation #chat, -:root body.vtt.game.system-eunos-blades #hotbar #chat, -:root body.vtt.game.system-eunos-blades #players #chat { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); } - :root body.vtt.game.system-eunos-blades #interface #chat *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat *:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; } - :root body.vtt.game.system-eunos-blades #interface #chat b, :root body.vtt.game.system-eunos-blades #interface #chat strong, - :root body.vtt.game.system-eunos-blades #controls #chat b, - :root body.vtt.game.system-eunos-blades #controls #chat strong, - :root body.vtt.game.system-eunos-blades #navigation #chat b, - :root body.vtt.game.system-eunos-blades #navigation #chat strong, - :root body.vtt.game.system-eunos-blades #hotbar #chat b, - :root body.vtt.game.system-eunos-blades #hotbar #chat strong, - :root body.vtt.game.system-eunos-blades #players #chat b, - :root body.vtt.game.system-eunos-blades #players #chat strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; } - :root body.vtt.game.system-eunos-blades #interface #chat i:not([class]), :root body.vtt.game.system-eunos-blades #interface #chat em, - :root body.vtt.game.system-eunos-blades #controls #chat i:not([class]), - :root body.vtt.game.system-eunos-blades #controls #chat em, - :root body.vtt.game.system-eunos-blades #navigation #chat i:not([class]), - :root body.vtt.game.system-eunos-blades #navigation #chat em, - :root body.vtt.game.system-eunos-blades #hotbar #chat i:not([class]), - :root body.vtt.game.system-eunos-blades #hotbar #chat em, - :root body.vtt.game.system-eunos-blades #players #chat i:not([class]), - :root body.vtt.game.system-eunos-blades #players #chat em { - font-style: italic !important; } - :root body.vtt.game.system-eunos-blades #interface #chat i[class], - :root body.vtt.game.system-eunos-blades #controls #chat i[class], - :root body.vtt.game.system-eunos-blades #navigation #chat i[class], - :root body.vtt.game.system-eunos-blades #hotbar #chat i[class], - :root body.vtt.game.system-eunos-blades #players #chat i[class] { - font-family: var(--font-awesome); } - :root body.vtt.game.system-eunos-blades #interface #chat i.fab, - :root body.vtt.game.system-eunos-blades #controls #chat i.fab, - :root body.vtt.game.system-eunos-blades #navigation #chat i.fab, - :root body.vtt.game.system-eunos-blades #hotbar #chat i.fab, - :root body.vtt.game.system-eunos-blades #players #chat i.fab { - font-family: var(--font-awesome-alt); } - :root body.vtt.game.system-eunos-blades #interface #chat i.fa-duotone, - :root body.vtt.game.system-eunos-blades #controls #chat i.fa-duotone, - :root body.vtt.game.system-eunos-blades #navigation #chat i.fa-duotone, - :root body.vtt.game.system-eunos-blades #hotbar #chat i.fa-duotone, - :root body.vtt.game.system-eunos-blades #players #chat i.fa-duotone { - font-family: var(--font-awesome-duotone); } - :root body.vtt.game.system-eunos-blades #interface #chat button, - :root body.vtt.game.system-eunos-blades #controls #chat button, - :root body.vtt.game.system-eunos-blades #navigation #chat button, - :root body.vtt.game.system-eunos-blades #hotbar #chat button, - :root body.vtt.game.system-eunos-blades #players #chat button { - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface #chat h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - -webkit-box-shadow: var(--box-shadow-heading-strong); - box-shadow: var(--box-shadow-heading-strong); } - :root body.vtt.game.system-eunos-blades #interface #chat h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - -webkit-box-shadow: var(--box-shadow-heading); - box-shadow: var(--box-shadow-heading); } - :root body.vtt.game.system-eunos-blades #interface #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h1:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h1:not(i):not(button) { - font-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h3:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h3:not(i):not(button) { - font-size: 1.125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat h4:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat h4:not(i):not(button) { - font-size: 1rem; } - :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button), - :root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - -webkit-box-shadow: var(--box-shadow-input); - box-shadow: var(--box-shadow-input); } - :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[type="number"], :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[data-dtype="number"] option { - text-align: right; } - :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades #interface #chat p + p, - :root body.vtt.game.system-eunos-blades #controls #chat p + p, - :root body.vtt.game.system-eunos-blades #navigation #chat p + p, - :root body.vtt.game.system-eunos-blades #hotbar #chat p + p, - :root body.vtt.game.system-eunos-blades #players #chat p + p { - margin: 0.5rem 0; - min-height: 1rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header, - :root body.vtt.game.system-eunos-blades #players #chat .window-header { - background: var(--blades-black-dark); - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 0 20px; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header > *, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header > *, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header > *, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header > *, - :root body.vtt.game.system-eunos-blades #players #chat .window-header > * { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header .window-title, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header .window-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header .window-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .window-title, - :root body.vtt.game.system-eunos-blades #players #chat .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header a, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header a, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header a, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header a, - :root body.vtt.game.system-eunos-blades #players #chat .window-header a { - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header a i, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header a i, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header a i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header a i, - :root body.vtt.game.system-eunos-blades #players #chat .window-header a i { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header .close, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header .close, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close, - :root body.vtt.game.system-eunos-blades #players #chat .window-header .close { - font-size: 0; - margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header .close i, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header .close i, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close i, - :root body.vtt.game.system-eunos-blades #players #chat .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: Kirsty, serif; - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scaleY(0.75); - -ms-transform: scaleY(0.75); - transform: scaleY(0.75); } - :root body.vtt.game.system-eunos-blades #interface #chat .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #controls #chat .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close i::before, - :root body.vtt.game.system-eunos-blades #players #chat .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h1, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h2, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h3, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h4, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h1, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h2, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h3, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h4, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h1, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h2, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h3, - :root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp, - :root body.vtt.game.system-eunos-blades #controls #chat .comp, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp, - :root body.vtt.game.system-eunos-blades #players #chat .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.full-width, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.full-width, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.full-width, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.full-width, - :root body.vtt.game.system-eunos-blades #players #chat .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title, :root body.vtt.game.system-eunos-blades #interface #chat .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .portrait-block.comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover { - z-index: 5 !important; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover.comp-label a, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover.comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover.comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt .sur-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt .main-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete-clock, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete-full, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add-clock, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add-clock i, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add i, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body .comp-title { - z-index: 2; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body p, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body table, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h1, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h2, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h3, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h4, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body p, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body blockquote, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body table { - margin: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-red, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-red:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-grey, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-grey:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .number-circle, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .number-circle, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .number-circle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .number-circle, - :root body.vtt.game.system-eunos-blades #players #chat .comp .number-circle { - --number-circle-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-number-input, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle > *, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-positive, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-negative, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-neutral, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle:hover .status-neutral, - :root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.portrait-container, - :root body.vtt.game.system-eunos-blades #players #chat .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-labeled-input, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical > .comp-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical > .comp-label { - text-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical > .comp-label.comp-prompt, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body > img, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-body img, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal .comp-button.comp-delete, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal > .comp-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal > .comp-label.comp-input-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait:first-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal .dotline .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .dotline-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins .comp-body, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline .dot.full-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier > .full-width.flex-horizontal, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .filled-label, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-total-container, - :root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a::before, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a > i, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:hover, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, - :root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon i, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon i, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon i, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon i, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon i, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon i, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon i, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon i, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon i.toggle-off, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon i.toggle-off { - opacity: 0.25; } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, - :root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline, - :root body.vtt.game.system-eunos-blades #players #chat .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline.centered, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline.centered, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline.centered, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.centered, - :root body.vtt.game.system-eunos-blades #players #chat .dotline.centered { - --dotline-horiz-align: center; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.locked .dot, - :root body.vtt.game.system-eunos-blades #players #chat .dotline.locked .dot { - pointer-events: none; - cursor: default; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.dotline-right, - :root body.vtt.game.system-eunos-blades #players #chat .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dotline-label, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:last-of-type, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:last-of-type { - margin: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-hover, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-main, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-hover.img-hover, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-main.img-hover, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-hover.img-hover { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot { - height: auto; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot svg, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .full, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .frame, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .half, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .full, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .frame, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .half, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-main, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-main { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-hover, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-hover { - display: block; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-hover + .img-main, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-hover + .img-main { - display: none; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover.svg-dot, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover.svg-dot { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:before, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:hover:before, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:after, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit:hover, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span, - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(1), - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(2), - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(3), - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - :root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(4), - :root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - -:root body.vtt.game.system-eunos-blades #interface #chat, -:root body.vtt.game.system-eunos-blades #interface #chat *, -:root body.vtt.game.system-eunos-blades #controls #chat, -:root body.vtt.game.system-eunos-blades #controls #chat *, -:root body.vtt.game.system-eunos-blades #navigation #chat, -:root body.vtt.game.system-eunos-blades #navigation #chat *, -:root body.vtt.game.system-eunos-blades #hotbar #chat, -:root body.vtt.game.system-eunos-blades #hotbar #chat *, -:root body.vtt.game.system-eunos-blades #players #chat, -:root body.vtt.game.system-eunos-blades #players #chat * { - --font-primary: "Minion Pro"; - --font-heading: "Kirsty"; - --font-weight-heading: normal; - --text-shadow-heading: none; - --line-height-heading: 1.2; } - -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message { - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: 30px; - width: 100%; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die { - display: block; - height: 30px; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die img, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die img, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die img, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die img { - height: 30px; - width: 30px; - display: block; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-critical, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-critical, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-critical, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-critical, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-critical { - outline: 2px solid var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-success, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-success, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-success, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-success, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-success { - outline: 2px solid var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-ghost img, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-ghost img, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-ghost img, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-ghost img, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-ghost img { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-resistance, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-resistance, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-resistance, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-resistance, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .dice-roll-strip .blades-die.blades-die-resistance { - outline: 2px solid var(--blades-cyan-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .chat-label, :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .chat-trait-label, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .chat-label, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .chat-trait-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .chat-label, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .chat-trait-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .chat-label, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .chat-trait-label, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .chat-label, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .chat-trait-label { - background-color: var(--blades-grey-bright); - font-family: var(--font-emphasis); - color: var(--blades-white); - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px; - text-transform: capitalize; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .chat-label-small, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .chat-label-small, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .chat-label-small, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .chat-label-small, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .chat-label-small { - background-color: var(--blades-grey); - color: var(--blades-black); - font-size: small; - text-align: center; - padding: 3px 5px; - height: 20px; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .label-stripe-chat, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .label-stripe-chat, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .label-stripe-chat, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .label-stripe-chat, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .label-stripe-chat { - text-transform: uppercase; - background-color: var(--blades-black); - color: var(--blades-white); - position: relative; - padding-top: 3px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-weight: bold; - margin: 0; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .label-stripe-chat-small, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .label-stripe-chat-small, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .label-stripe-chat-small, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .label-stripe-chat-small, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .label-stripe-chat-small { - text-transform: capitalize; - background-color: var(--blades-grey); - color: var(--blades-black); - margin-bottom: 10px; - position: relative; - padding-top: 3px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .blades-die-tooltip .die, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .blades-die-tooltip .die, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .blades-die-tooltip .die, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .blades-die-tooltip .die, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .blades-die-tooltip .die { - font-weight: bold; - text-transform: capitalize; - font-size: large; } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .blades-die-tooltip .die.critical-success, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .blades-die-tooltip .die.critical-success, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .blades-die-tooltip .die.critical-success, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .blades-die-tooltip .die.critical-success, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .blades-die-tooltip .die.critical-success { - color: var(--blades-color-positive); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .blades-die-tooltip .die.success, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .blades-die-tooltip .die.success, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .blades-die-tooltip .die.success, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .blades-die-tooltip .die.success, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .blades-die-tooltip .die.success { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .blades-die-tooltip .die.partial-success, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .blades-die-tooltip .die.partial-success, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .blades-die-tooltip .die.partial-success, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .blades-die-tooltip .die.partial-success, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .blades-die-tooltip .die.partial-success { - color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades #interface #chat .chat-message .message-content .blades-die-tooltip .die.failure, - :root body.vtt.game.system-eunos-blades #controls #chat .chat-message .message-content .blades-die-tooltip .die.failure, - :root body.vtt.game.system-eunos-blades #navigation #chat .chat-message .message-content .blades-die-tooltip .die.failure, - :root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message .message-content .blades-die-tooltip .die.failure, - :root body.vtt.game.system-eunos-blades #players #chat .chat-message .message-content .blades-die-tooltip .die.failure { - color: var(--blades-color-negative); } - -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #players { - opacity: 0.5; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades #controls:hover, - :root body.vtt.game.system-eunos-blades #navigation:hover, - :root body.vtt.game.system-eunos-blades #hotbar:hover, - :root body.vtt.game.system-eunos-blades #players:hover { - opacity: 1; } - -:root body.vtt.game.system-eunos-blades .app.window-app { - @use "sass:math"; } - :root body.vtt.game.system-eunos-blades .app.window-app { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); } - :root body.vtt.game.system-eunos-blades .app.window-app *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; } - :root body.vtt.game.system-eunos-blades .app.window-app b, :root body.vtt.game.system-eunos-blades .app.window-app strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app i:not([class]), :root body.vtt.game.system-eunos-blades .app.window-app em { - font-style: italic !important; } - :root body.vtt.game.system-eunos-blades .app.window-app i[class] { - font-family: var(--font-awesome); } - :root body.vtt.game.system-eunos-blades .app.window-app i.fab { - font-family: var(--font-awesome-alt); } - :root body.vtt.game.system-eunos-blades .app.window-app i.fa-duotone { - font-family: var(--font-awesome-duotone); } - :root body.vtt.game.system-eunos-blades .app.window-app button { - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app h1:not(i):not(button), :root body.vtt.game.system-eunos-blades .app.window-app h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - -webkit-box-shadow: var(--box-shadow-heading-strong); - box-shadow: var(--box-shadow-heading-strong); } - :root body.vtt.game.system-eunos-blades .app.window-app h3:not(i):not(button), :root body.vtt.game.system-eunos-blades .app.window-app h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - -webkit-box-shadow: var(--box-shadow-heading); - box-shadow: var(--box-shadow-heading); } - :root body.vtt.game.system-eunos-blades .app.window-app h1:not(i):not(button) { - font-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app h2:not(i):not(button), - :root body.vtt.game.system-eunos-blades .app.window-app h3:not(i):not(button) { - font-size: 1.125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app h4:not(i):not(button) { - font-size: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button), - :root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button), - :root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button), - :root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - -webkit-box-shadow: var(--box-shadow-input); - box-shadow: var(--box-shadow-input); } - :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[type="number"], :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[data-dtype="number"] option, - :root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[type="number"], - :root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[data-dtype="number"], - :root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[data-dtype="number"] option { - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button) option, - :root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app p + p { - margin: 0.5rem 0; - min-height: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header { - background: var(--blades-black-dark); - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 0 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header > * { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header a { - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header a i { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header .close { - font-size: 0; - margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: Kirsty, serif; - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scaleY(0.75); - -ms-transform: scaleY(0.75); - transform: scaleY(0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h1, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h2, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h3, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h4, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h1, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h2, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h3, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title, :root body.vtt.game.system-eunos-blades .app.window-app .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover { - z-index: 5 !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body .comp-title { - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h1, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h2, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h3, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h4, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body p, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body table { - margin: 0; - padding: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .number-circle { - --number-circle-size: 1.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical > .comp-label { - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon i, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon i.toggle-off { - opacity: 0.25; } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline.centered { - --dotline-horiz-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline.locked .dot { - pointer-events: none; - cursor: default; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:last-of-type { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-hover.img-hover { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot { - height: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-main { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-hover { - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-hover + .img-main { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover.svg-dot { - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - :root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - :root body.vtt.game.system-eunos-blades .app.window-app blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app table, - :root body.vtt.game.system-eunos-blades .app.window-app table tr, - :root body.vtt.game.system-eunos-blades .app.window-app table tr th, - :root body.vtt.game.system-eunos-blades .app.window-app table tr td, - :root body.vtt.game.system-eunos-blades .app.window-app table tbody, - :root body.vtt.game.system-eunos-blades .app.window-app table tbody tr, - :root body.vtt.game.system-eunos-blades .app.window-app table tbody td, - :root body.vtt.game.system-eunos-blades .app.window-app table thead, - :root body.vtt.game.system-eunos-blades .app.window-app table thead tr, - :root body.vtt.game.system-eunos-blades .app.window-app table thead tr th, - :root body.vtt.game.system-eunos-blades .app.window-app table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app table { - border-collapse: collapse; } - :root body.vtt.game.system-eunos-blades .app.window-app table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; } - :root body.vtt.game.system-eunos-blades .app.window-app figure { - display: table; - margin: 1rem auto; } - :root body.vtt.game.system-eunos-blades .app.window-app figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; } - :root body.vtt.game.system-eunos-blades .app.window-app code { - padding: 0.1rem 0.2rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .text-secret:first-child:last-child { - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app .filled-label { - font-size: 1.25rem; - line-height: 1; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .filled-label.narrow-label { - -webkit-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; } - :root body.vtt.game.system-eunos-blades .app.window-app .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: "Minion Pro Caption Cond", serif; - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .gold-bright { - color: var(--blades-gold-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .red-bright { - color: var(--blades-red-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .cyan-bright { - color: var(--blades-cyan-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .uppercase { - text-transform: uppercase !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app .shadowed { - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox { - position: relative; - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox input[type="checkbox"] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox span { - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox input[type="checkbox"]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); } - :root body.vtt.game.system-eunos-blades .app.window-app .no-img img { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal.flex-wrap { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-line-pack: start; - align-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades .app.window-app .flex-vertical { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .full-width { - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip-trigger { - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip { - opacity: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - padding: 0 0.3125rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.1875rem; - text-align: center; - position: absolute; - top: unset; - left: -200px; - bottom: 50px; - z-index: 12; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip > h1 { - text-align: center; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 90%; - margin: 0 auto; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip > h1:last-of-type { - margin-bottom: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip > p { - margin: 5px 0; - text-wrap: balance; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip > ul, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip > ul li, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ol li { - text-wrap: normal; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip h2 { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-left { - left: 200px; - max-width: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-portrait { - bottom: -45px; - left: -200px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-playbook { - bottom: unset; - top: 0px; - left: -220px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-trauma { - left: -300px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-dialog-selection { - left: -300px; - bottom: 75px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-attribute { - left: -110px; - bottom: 10px; - translate: 0% 50% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-attribute > p { - font-size: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-action { - left: unset; - right: -100px; - bottom: 0px; - max-width: 525px; - translate: 0% 50% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-action > p { - font-size: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-mod { - left: calc(50% + 350px); - bottom: 20px; - max-width: 350px; - width: 350px; - min-width: 350px; - translate: -50% 0% !important; - text-align: center; - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-mod > p:not(:last-of-type) { - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-pos-effect-trade { - width: 330px; - max-width: 330px; - min-width: 330px; - bottom: 5px; - left: 0px; - font-family: var(--font-default); - font-size: 0.875rem; - text-transform: none; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-trait-pc { - bottom: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-trait-pc table tbody tr:nth-child(4n) { - border-bottom: 2px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(1) { - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(2) { - text-align: left; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(3) { - text-align: left; } - :root body.vtt.game.system-eunos-blades .app.window-app .tooltip-scaling-elem { - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary:hover { - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img { - -webkit-filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: Oswald, sans-serif; - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - gap: 3px; - height: 14px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-preferred-size: 12px; - flex-basis: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .tooltip.pc-summary-asset-tooltip { - font-size: 10px; - line-height: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 14px; - overflow: hidden; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: Kirsty, serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-heavy { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-medium { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-light { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; } - :root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - position: relative; - min-height: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - -webkit-filter: brightness(1.5); - filter: brightness(1.5); } - :root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .add-image-control:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - gap: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container { - -ms-flex-preferred-size: 45%; - flex-basis: 45%; - max-width: 50%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container.selected-opposition { - -webkit-box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - -webkit-filter: blur(2px); - filter: blur(2px); } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - -ms-flex-negative: 1; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; } - :root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - -webkit-box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - -webkit-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -ms-flex-negative: 1; - flex-shrink: 1; - scale: 0.75 1; - width: calc(100% / 0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-label { - position: relative; - -webkit-filter: sepia(0.75); - filter: sepia(0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - -webkit-filter: none; - filter: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: "Minion Pro Cond", serif; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; } - :root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group { - border: 0; - overflow: visible; - height: 24px; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > * { - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal { - background-color: var(--blades-grey-bright); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: distribute; - justify-content: space-around; - padding: 0; - overflow: visible; - height: 24px; - position: relative; - z-index: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector { - height: 24px; - top: -1px; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - position: relative; - line-height: 1.625rem; - display: block; - text-transform: uppercase; - margin: 0; - padding: 0 0.3125rem; - text-decoration: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-size: 0.875rem; - -webkit-transition: 0.25s; - transition: 0.25s; - z-index: 3; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:before { - content: ""; - position: absolute; - pointer-events: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-top: 2px solid var(--blades-white-bright); - border-bottom: 2px solid var(--blades-white-bright); - -webkit-transform: scaleY(2); - -ms-transform: scaleY(2); - transform: scaleY(2); - opacity: 0; - -webkit-transition: 0.3s; - transition: 0.3s; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:after { - content: ""; - position: absolute; - pointer-events: none; - top: 2px; - left: 0; - width: 100%; - height: 100%; - background-color: var(--blades-white-bright); - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - opacity: 0; - -webkit-transition: 0.3s; - transition: 0.3s; - z-index: -1; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover { - color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover:before { - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover:after { - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal:not(:hover) .tab-selector.active:before { - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal:not(:hover) .tab-selector.active:after { - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group .tab[data-tab]:not(.active) { - display: none !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .nav-group .tab[data-tab] { - width: 100%; - overflow-y: auto; - overflow-x: hidden; - padding: 0 var(--content-padding); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block { - --full-block-height: 350px; - --num-blocks: 4; - --header-height: 25px; - background: transparent; - color: var(--blades-black); - border-top: solid 1px var(--blades-black); - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) { - height: 100%; - margin-top: -25px; - padding-top: 25px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) .editor-edit { - position: absolute; - top: 25px; - right: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) .editor-content { - height: calc(100% - var(--header-height)); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce { - margin-top: calc(-1 * var(--header-height)) !important; - height: calc(var(--full-block-height) - var(--num-blocks)*var(--header-height) - 2*var(--header-height)); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce .tox.tox-tinymce { - height: 100% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header { - height: 25px; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type="radio"] { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type="radio"]:checked ~ .accordian-label { - background: -webkit-gradient(linear, left top, left bottom, from(var(--blades-white-bright)), to(var(--blades-white))); - background: linear-gradient(to bottom, var(--blades-white-bright), var(--blades-white)); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type="radio"]:checked ~ .accordian-contents { - height: auto; - overflow: visible; - -webkit-transition: 0.1s linear; - transition: 0.1s linear; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type="radio"]:checked ~ .accordian-contents.editor { - height: calc(var(--full-block-height) - (var(--num-blocks) * var(--header-height))); - margin-bottom: -25px; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type="radio"]:checked ~ .accordian-contents.editor.tinymce { - height: calc(var(--full-block-height) - (var(--num-blocks) * var(--header-height)) - var(--header-height)); } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label { - background: -webkit-gradient(linear, left top, left bottom, from(var(--blades-grey-dark)), to(var(--blades-grey-bright))); - background: linear-gradient(to bottom, var(--blades-grey-dark), var(--blades-grey-bright)); - width: 100%; - text-indent: 22px; - line-height: var(--header-height); - cursor: pointer; - height: var(--header-height); - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp { - text-indent: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp .comp-control.comp-button.comp-add { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp .comp-control.comp-button.comp-add > i { - vertical-align: bottom; - margin: 0 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label .accordian-block-title { - font-family: var(--font-emphasis); - font-weight: bold; - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-contents { - background: transparent; - color: var(--blades-white); - width: 100%; - height: 0; - margin: 0; - -webkit-transform-origin: 50% 0%; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; - display: block; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: 0.1s linear; - transition: 0.1s linear; } - :root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-contents.tinymce { - height: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app :root { - --tagify-dd-color-primary: rgb(53,149,246); - --tagify-dd-bg-color: white; - --tagify-dd-item-pad: .3em .5em; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify { - --tags-disabled-bg: #F1F1F1; - --tags-border-color: #DDD; - --tags-hover-border-color: #CCC; - --tags-focus-border-color: #3595f6; - --tag-border-radius: 3px; - --tag-bg: #E5E5E5; - --tag-hover: #D3E2E2; - --tag-text-color: black; - --tag-text-color--edit: black; - --tag-pad: 0.3em 0.5em; - --tag-inset-shadow-size: 1.1em; - --tag-invalid-color: #D39494; - --tag-invalid-bg: rgba(211, 148, 148, 0.5); - --tag-remove-bg: rgba(211, 148, 148, 0.3); - --tag-remove-btn-color: black; - --tag-remove-btn-bg: none; - --tag-remove-btn-bg--hover: #c77777; - --input-color: inherit; - --tag--min-width: 1ch; - --tag--max-width: auto; - --tag-hide-transition: 0.3s; - --placeholder-color: rgba(0, 0, 0, 0.4); - --placeholder-color-focus: rgba(0, 0, 0, 0.25); - --loader-size: .8em; - --readonly-striped: 1; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border: 1px solid var(--tags-border-color); - padding: 0; - line-height: 0; - cursor: text; - outline: none; - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: .1s; - transition: .1s; } - -@-webkit-keyframes tags--bump { - 30% { - -webkit-transform: scale(1.2); - transform: scale(1.2); } } - -@keyframes tags--bump { - 30% { - -webkit-transform: scale(1.2); - transform: scale(1.2); } } - -@-webkit-keyframes rotateLoader { - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } - -@keyframes rotateLoader { - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify:hover:not(.tagify--focus):not(.tagify--invalid) { - --tags-border-color: var(--tags-hover-border-color); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] { - background: var(--tags-disabled-bg); - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: .5; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly], :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] { - cursor: default; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly] > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - visibility: hidden; - width: 0; - margin: 5px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div { - padding: var(--tag-pad); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before { - -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@-webkit-keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - -@keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input > br:last-child { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - content: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: ''; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - -webkit-animation: rotateLoader .4s infinite linear; - animation: rotateLoader .4s infinite linear; - content: '' !important; - margin: -2px 0 -2px .5em; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:empty::after { - margin-left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify + input, - :root body.vtt.game.system-eunos-blades .app.window-app .tagify + textarea { - position: absolute !important; - left: -9999em !important; - -webkit-transform: scale(0) !important; - -ms-transform: scale(0) !important; - transform: scale(0) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 5px 0 5px 5px; - position: relative; - z-index: 1; - outline: none; - line-height: normal; - cursor: default; - -webkit-transition: .13s ease-out; - transition: .13s ease-out; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div { - vertical-align: top; - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - padding: var(--tag-pad); - color: var(--tag-text-color); - line-height: inherit; - border-radius: var(--tag-border-radius); - white-space: nowrap; - -webkit-transition: .13s ease-out; - transition: .13s ease-out; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div > * { - white-space: pre-wrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: top; - min-width: var(--tag--min-width); - max-width: var(--tag--max-width); - -webkit-transition: .8s ease, .1s color; - transition: .8s ease, .1s color; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div > *[contenteditable] { - outline: none; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - cursor: text; - margin: -2px; - padding: 2px; - max-width: 350px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before { - content: ''; - position: absolute; - border-radius: inherit; - inset: var(--tag-bg-inset, 0); - z-index: -1; - pointer-events: none; - -webkit-transition: 120ms ease; - transition: 120ms ease; - -webkit-animation: tags--bump .3s ease-out 1; - animation: tags--bump .3s ease-out 1; - -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:hover:not([readonly]) div::before, :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:focus div::before { - --tag-bg-inset: -2.5px; - --tag-bg: var(--tag-hover); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading .tagify__tag__removeBtn { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading::after { - --loader-size: .4em; - content: ''; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - -webkit-animation: rotateLoader .4s infinite linear; - animation: rotateLoader .4s infinite linear; - margin: 0 .5em 0 -.1em; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--flash div::before { - -webkit-animation: none; - animation: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--hide { - width: 0 !important; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - opacity: 0; - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - -webkit-transition: var(--tag-hide-transition); - transition: var(--tag-hide-transition); - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--hide > div > * { - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--noAnim > div::before { - -webkit-animation: none; - animation: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--notAllowed:not(.tagify__tag--editable) div > span { - opacity: .5; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--notAllowed:not(.tagify__tag--editable) div::before { - --tag-bg: var(--tag-invalid-bg); - -webkit-transition: .2s; - transition: .2s; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag[readonly] > div::before { - -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@keyframes readonlyStyles { - 0% { - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-filter: brightness(0.95); - filter: brightness(0.95); } } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > div { - color: var(--tag-text-color--edit); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > div::before { - -webkit-box-shadow: 0 0 0 2px var(--tag-hover) inset !important; - box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn::after { - opacity: 0; - -webkit-transform: translateX(100%) translateX(5px); - -ms-transform: translateX(100%) translateX(5px); - transform: translateX(100%) translateX(5px); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable.tagify--invalid > div::before { - -webkit-box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; - box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - -webkit-box-ordinal-group: 6; - -ms-flex-order: 5; - order: 5; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50px; - cursor: pointer; - font: 14px/1 Arial; - background: var(--tag-remove-btn-bg); - color: var(--tag-remove-btn-color); - width: 14px; - height: 14px; - margin-right: 4.66667px; - margin-left: auto; - overflow: hidden; - -webkit-transition: .2s ease-out; - transition: .2s ease-out; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn::after { - content: "\00D7"; - -webkit-transition: .3s, color 0s; - transition: .3s, color 0s; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover { - color: white; - background: var(--tag-remove-btn-bg--hover); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover + div > span { - opacity: .5; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover + div::before { - -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - -webkit-transition: -webkit-box-shadow .2s; - transition: -webkit-box-shadow .2s; - transition: box-shadow .2s; - transition: box-shadow .2s, -webkit-box-shadow .2s; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input br { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input * { - display: inline; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: inline-block; - min-width: 110px; - margin: 5px; - padding: var(--tag-pad); - line-height: normal; - position: relative; - white-space: pre-wrap; - color: var(--input-color); - -webkit-box-sizing: inherit; - box-sizing: inherit; - /* Seems firefox newer versions don't need this any more - @supports ( -moz-appearance:none ){ - &::before{ - line-height: inherit; - position:relative; - } - } - */ } - -@-moz-document url-prefix() {} :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:empty::before { - position: static; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus { - outline: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 0; - -webkit-transform: translatex(6px); - -ms-transform: translatex(6px); - transform: translatex(6px); - /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ - /* IE Edge 12+ CSS styles go here */ } - @supports (-ms-ime-align: auto) { - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus::before { - display: none; } } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus:empty::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; - color: rgba(0, 0, 0, 0.25); - color: var(--placeholder-color-focus); } - -@-moz-document url-prefix() { - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus:empty::after { - display: none; } } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - content: attr(data-placeholder); - height: 1em; - line-height: 1em; - margin: auto 0; - z-index: 1; - color: var(--placeholder-color); - white-space: nowrap; - pointer-events: none; - opacity: 0; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: attr(data-suggest); - display: inline-block; - vertical-align: middle; - position: absolute; - min-width: calc(100% - 1.5em); - text-overflow: ellipsis; - overflow: hidden; - white-space: pre; - /* allows spaces at the beginning */ - color: var(--tag-text-color); - opacity: .3; - pointer-events: none; - max-width: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - margin: 0 1px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix { - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - padding: 5px; - margin: 0; - width: 100%; - height: 100%; - line-height: 1.5; - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - height: auto; - display: none; - line-height: inherit; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--select::after { - content: '>'; - opacity: .5; - position: absolute; - top: 50%; - right: 0; - bottom: 0; - font: 16px monospace; - line-height: 8px; - height: 8px; - pointer-events: none; - -webkit-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - -ms-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - -webkit-transition: .2s ease-in-out; - transition: .2s ease-in-out; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--select[aria-expanded=true]::after { - -webkit-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); - -ms-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); - transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - position: absolute; - top: 0; - right: 1.8em; - bottom: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag div { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--empty :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - -webkit-transition: .2s ease-out; - transition: .2s ease-out; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; - display: inline-block; - width: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify--empty :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--focus { - --tags-border-color: var(--tags-focus-border-color); - -webkit-transition: 0s; - transition: 0s; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify--invalid { - --tags-border-color: #D39494; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown { - position: absolute; - z-index: 9999; - -webkit-transform: translateY(1px); - -ms-transform: translateY(1px); - transform: translateY(1px); - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[placement="top"] { - margin-top: 0; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[placement="top"] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - border-top-width: 1.1px; - border-bottom-width: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[position="text"] { - -webkit-box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - font-size: .9em; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[position="text"] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - border-width: 1px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - max-height: 300px; - overflow: auto; - overflow-x: hidden; - background: var(--tagify-dd-bg-color); - border: 1px solid; - border-color: var(--tagify-dd-color-primary); - border-bottom-width: 1.5px; - border-top-width: 0; - -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - -webkit-transition: 0.25s cubic-bezier(0, 1, 0.5, 1); - transition: 0.25s cubic-bezier(0, 1, 0.5, 1); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__header:empty { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__footer { - display: inline-block; - margin-top: .5em; - padding: var(--tagify-dd-item-pad); - font-size: 0.7em; - font-style: italic; - opacity: .5; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__footer:empty { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown--initial :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - max-height: 20px; - -webkit-transform: translateY(-1em); - -ms-transform: translateY(-1em); - transform: translateY(-1em); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown--initial[placement="top"] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - -webkit-transform: translateY(2em); - -ms-transform: translateY(2em); - transform: translateY(2em); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: var(--tagify-dd-item-pad); - margin: 1px; - cursor: pointer; - border-radius: 2px; - position: relative; - outline: none; - max-height: 60px; - max-width: 100%; - /* custom hidden transition effect is needed for horizontal-layout suggestions */ } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--active { - background: var(--tagify-dd-color-primary); - color: white; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item:active { - -webkit-filter: brightness(105%); - filter: brightness(105%); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--hidden { - padding-top: 0; - padding-bottom: 0; - margin: 0 1px; - pointer-events: none; - overflow: hidden; - max-height: 0; - -webkit-transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; - transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--hidden > * { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - opacity: 0; - -webkit-transition: inherit; - transition: inherit; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags { - background-color: rgba(0, 0, 0, 0.5); - caret-color: transparent; - pointer-events: auto; - --placeholder-color: transparent; - --placeholder-color-focus: transparent; - --tags-border-color: #343434; - --tag-pad: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 18px; - gap: 0.1rem; - min-width: 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - border-style: inset; - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="System Tags"] { - --tag-bg: gray; - --tag-hover: #aaaaaa; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Gear Tags"] { - --tag-bg: #45a945; - --tag-hover: #6fd36f; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Actor Tags"] { - --tag-bg: #d65b5b; - --tag-hover: #ff8585; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Playbooks"] { - --tag-bg: #6262ff; - --tag-hover: #8d8dff; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tags-district, :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Districts"] { - --tag-bg: #997b53; - --tag-hover: #c3a57d; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="City Districts"] { - --tag-bg: #967c5a; - --tag-hover: #c0a684; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Other Districts"] { - --tag-bg: #9b7b51; - --tag-hover: #c5a57b; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Vices"] { - --tag-bg: #ff3f67; - --tag-hover: #ff6991; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Factions"] { - --tag-bg: #cb4bcb; - --tag-hover: #f575f5; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Inventions"] { - --tag-bg: #ff16ff; - --tag-hover: #ff40ff; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Gang Types"] { - --tag-bg: #ff3334; - --tag-hover: #ff5d5e; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag { - font-family: "Fjalla One", sans-serif; - padding: 0; - margin: 1px 0; - height: calc(100% - 2 * 1px); - border-radius: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div { - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div > span { - padding-left: 4px; - line-height: 20px; - font-size: 12px; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div::before { - height: 16px; - top: 0; - left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__input { - -webkit-box-flex: 0.2; - -ms-flex-positive: 0.2; - flex-grow: 0.2; - padding: 0.1rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - justify-items: center; - -ms-flex-line-pack: center; - align-content: center; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.tags-gm { - position: absolute; - z-index: 20; - top: -40px; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag { - cursor: default; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag { - margin: 1px auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag .tagify__tag__removeBtn { - margin-right: -14px; - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag + .tagify__input { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:hover .tagify__tag .tagify__tag__removeBtn { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:hover .tagify__tag .tagify__tag__removeBtn:not(:hover) { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:not(.tagify--noTags).tags-district { - background: #997b53 !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:not(.tagify--noTags) .tagify__input { - pointer-events: none; - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown { - --tagify-dd-color-primary: #363636; - --tagify-dd-bg-color: #242424; - min-width: 500px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper::-webkit-scrollbar { - display: none; - -ms-overflow-style: none; - /* IE and Edge */ - scrollbar-width: none; - /* Firefox */ } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper h3 { - padding: 0 0.3em; - margin: 0; - color: white; - font-family: "Fjalla One", sans-serif; - text-transform: uppercase; - font-size: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup { - padding: 0.15em; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup:hover { - background: #373737; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="System Tags"] { - --tag-bg: gray; - --tag-hover: #aaaaaa; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Gear Tags"] { - --tag-bg: #45a945; - --tag-hover: #6fd36f; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Actor Tags"] { - --tag-bg: #d65b5b; - --tag-hover: #ff8585; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Playbooks"] { - --tag-bg: #6262ff; - --tag-hover: #8d8dff; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tags-district, :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Districts"] { - --tag-bg: #997b53; - --tag-hover: #c3a57d; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="City Districts"] { - --tag-bg: #967c5a; - --tag-hover: #c0a684; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Other Districts"] { - --tag-bg: #9b7b51; - --tag-hover: #c5a57b; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Vices"] { - --tag-bg: #ff3f67; - --tag-hover: #ff6991; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Factions"] { - --tag-bg: #cb4bcb; - --tag-hover: #f575f5; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Inventions"] { - --tag-bg: #ff16ff; - --tag-hover: #ff40ff; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Gang Types"] { - --tag-bg: #ff3334; - --tag-hover: #ff5d5e; } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tagify__dropdown__item { - display: inline-block; - font-family: "Fjalla One", sans-serif; - margin: 0px 0 3px 3px; - color: var(--blades-black); - padding: 0.1rem 0.25rem; - border-radius: 5px; - pointer-events: auto; - line-height: 18px; - max-height: 18px; - height: 18px; - min-height: 18px; - background-color: var(--tag-bg); } - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tagify__dropdown__item:hover { - background-color: var(--tag-hover); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) { - position: relative; - overflow-x: hidden; - width: 100%; - min-height: var(--min-tinymce-height); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * { - --color-control-bg: var(--blades-black-dark); - --color-hover-bg: var(--blades-black); - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button { - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button.active, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button.active { - background: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:active, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:active { - background: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-edit { - display: block; - opacity: 0.25; - pointer-events: auto; - z-index: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-edit:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content { - position: relative; - padding-left: var(--content-padding); - padding-right: var(--content-padding); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content p { - display: block; - -webkit-margin-before: 7px; - margin-block-start: 7px; - -webkit-margin-after: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - -webkit-box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 2px 5px; - -ms-flex-line-pack: stretch; - align-content: stretch; - padding: 0; - margin: 0 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: 0.625rem; - vertical-align: top; - color: var(--blades-gold); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex > *, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex > p { - -ms-flex-preferred-size: 49%; - flex-basis: 49%; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .tab-label + .editor:not(.tinymce) { - margin-top: -0.3125rem !important; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce { - position: relative; - max-width: unset; - width: 100%; - min-height: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content p { - display: block; - -webkit-margin-before: 7px; - margin-block-start: 7px; - -webkit-margin-after: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - -webkit-box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 2px 5px; - -ms-flex-line-pack: stretch; - align-content: stretch; - padding: 0; - margin: 0 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: 0.625rem; - vertical-align: top; - color: var(--blades-gold); } - :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex > *, :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex > p { - -ms-flex-preferred-size: 49%; - flex-basis: 49%; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-header { - position: relative; - z-index: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content { - z-index: 1; - --sheet-header-height: 21px; - --sheet-top-height: 200px; - --sheet-mid-height: 60px; - --content-padding: 5px; - background: var(--blades-black); - padding: 0; - overflow: visible; - -webkit-box-shadow: 5px 5px 25px var(--blades-black-dark), 5px 5px 25px var(--blades-black-dark) !important; - box-shadow: 5px 5px 25px var(--blades-black-dark), 5px 5px 25px var(--blades-black-dark) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - max-height: 800px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr th, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr td, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody tr, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody td, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr th, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table { - border-collapse: collapse; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form figure { - display: table; - margin: 1rem auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form code { - padding: 0.1rem 0.2rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-secret:first-child:last-child { - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .filled-label { - font-size: 1.25rem; - line-height: 1; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .filled-label.narrow-label { - -webkit-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: "Minion Pro Caption Cond", serif; - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .gold-bright { - color: var(--blades-gold-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .red-bright { - color: var(--blades-red-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .cyan-bright { - color: var(--blades-cyan-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .uppercase { - text-transform: uppercase !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .shadowed { - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox { - position: relative; - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox input[type="checkbox"] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox span { - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox input[type="checkbox"]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .no-img img { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal.flex-wrap { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-line-pack: start; - align-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-vertical { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .full-width { - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-trigger { - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip { - opacity: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - padding: 0 0.3125rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.1875rem; - text-align: center; - position: absolute; - top: unset; - left: -200px; - bottom: 50px; - z-index: 12; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > h1 { - text-align: center; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 90%; - margin: 0 auto; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > h1:last-of-type { - margin-bottom: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > p { - margin: 5px 0; - text-wrap: balance; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > ul, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > ul li, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ol li { - text-wrap: normal; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip h2 { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-left { - left: 200px; - max-width: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-portrait { - bottom: -45px; - left: -200px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-playbook { - bottom: unset; - top: 0px; - left: -220px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-trauma { - left: -300px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-dialog-selection { - left: -300px; - bottom: 75px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-attribute { - left: -110px; - bottom: 10px; - translate: 0% 50% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-attribute > p { - font-size: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-action { - left: unset; - right: -100px; - bottom: 0px; - max-width: 525px; - translate: 0% 50% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-action > p { - font-size: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-mod { - left: calc(50% + 350px); - bottom: 20px; - max-width: 350px; - width: 350px; - min-width: 350px; - translate: -50% 0% !important; - text-align: center; - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-mod > p:not(:last-of-type) { - margin-bottom: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-pos-effect-trade { - width: 330px; - max-width: 330px; - min-width: 330px; - bottom: 5px; - left: 0px; - font-family: var(--font-default); - font-size: 0.875rem; - text-transform: none; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-trait-pc { - bottom: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-trait-pc table tbody tr:nth-child(4n) { - border-bottom: 2px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(1) { - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(2) { - text-align: left; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(3) { - text-align: left; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-scaling-elem { - display: inline-block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary:hover { - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img { - -webkit-filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: Oswald, sans-serif; - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - gap: 3px; - height: 14px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-preferred-size: 12px; - flex-basis: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .tooltip.pc-summary-asset-tooltip { - font-size: 10px; - line-height: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 14px; - overflow: hidden; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: Kirsty, serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-heavy { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-medium { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-light { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - position: relative; - min-height: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - -webkit-filter: brightness(1.5); - filter: brightness(1.5); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .add-image-control:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - gap: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container { - -ms-flex-preferred-size: 45%; - flex-basis: 45%; - max-width: 50%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container.selected-opposition { - -webkit-box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - -webkit-filter: blur(2px); - filter: blur(2px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - pointer-events: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - -ms-flex-negative: 1; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - -webkit-box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - -webkit-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -ms-flex-negative: 1; - flex-shrink: 1; - scale: 0.75 1; - width: calc(100% / 0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label { - position: relative; - -webkit-filter: sepia(0.75); - filter: sepia(0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - -webkit-filter: none; - filter: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: "Minion Pro Cond", serif; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img { - position: absolute; - height: var(--sheet-top-height); - border: none; - mask-image: -webkit-gradient(linear, left top, right top, color-stop(75%, black), to(transparent)); - mask-image: linear-gradient(to right, black 75%, transparent); - -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(75%, black), to(transparent)); - -webkit-mask-image: linear-gradient(to right, black 75%, transparent); - z-index: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img-bg { - position: absolute; - height: 100%; - width: 100%; - overflow: hidden; - pointer-events: none; - z-index: -2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img-bg > img { - position: absolute; - width: 100%; - top: -30%; - -webkit-filter: saturate(0%) blur(3px); - filter: saturate(0%) blur(3px); - opacity: 0.5; - -webkit-transform: scaleX(-1); - -ms-transform: scaleX(-1); - transform: scaleX(-1); - -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent)); - -webkit-mask-image: linear-gradient(to bottom, black, transparent); - mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent)); - mask-image: linear-gradient(to bottom, black, transparent); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .gm-alert-header { - position: absolute; - pointer-events: auto; - z-index: 10; - top: -60px; - display: block; - height: 1.25rem; - line-height: 1.25rem; - width: 100%; - background-color: yellow; - font-weight: bold; - font-family: Kirsty, serif; - text-align: center; - font-size: 0.875rem; - color: var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .comp-xp-playbook .comp-body { - -webkit-transform: none !important; - -ms-transform: none !important; - transform: none !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root { - position: relative; - z-index: 0; - height: 100%; - width: 100%; - left: 0px; - overflow-x: visible; - overflow-y: scroll; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root > section:not(.sheet-top) { - border-top: 2px solid var(--blades-white); - border-bottom: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section { - z-index: 2; - max-height: 100%; - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top { - display: grid; - grid-auto-columns: 1fr; - grid-template-rows: 75px 40px 57px 28px; - place-items: center stretch; - pointer-events: none; - overflow: hidden; - height: var(--sheet-top-height); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top input { - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .comp-control.comp-button.comp-delete { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top img[data-edit] { - height: 75px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .sheet-title { - --sheet-title-font-size: 2rem; - --sheet-title-height-mult: 1.5; - grid-area: title; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - font-size: var(--sheet-title-font-size); - font-variant: small-caps; - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .sheet-subtitle { - --sheet-subtitle-font-size: 1.25rem; - grid-area: subtitle; - font-family: var(--font-decorative); - font-size: var(--sheet-subtitle-font-size); - height: 100%; - padding-bottom: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-mid-bar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - height: var(--sheet-mid-height); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content { - height: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - gap: 0 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel { - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - border-radius: 10px; - border: 2px outset var(--blades-white); - margin: 5px 5px 10px 5px; - background: linear-gradient(45deg, var(--blades-black-dark), var(--blades-grey)); - -webkit-box-shadow: 3px 3px 5px var(--blades-black-dark); - box-shadow: 3px 3px 5px var(--blades-black-dark); - max-width: var(--max-cohort-block-width, 100%); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top { - display: grid; - grid-template-areas: "img title quality" "img subtitle scale" "img harm roll"; - grid-template-columns: 60px 1fr 120px; - grid-template-rows: 25px 16px 25px; - height: 66px; - border-bottom: 2px solid var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container { - grid-area: img; - position: relative; - pointer-events: none; - height: 60px; - width: 60px; - top: 3px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container *, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container * { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image { - width: 30px; - min-height: 60px; - overflow: hidden; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image img { - max-width: 60px; - min-width: 60px; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left img { - left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right img { - right: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-title-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-title-container { - grid-area: title; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-subtitle-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-subtitle-container { - grid-area: subtitle; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container { - grid-area: quality; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container { - grid-area: scale; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-container { - position: relative; - grid-area: harm; - padding-right: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-container.wide-bar, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-container.wide-bar { - width: calc(100% + 120px); - padding: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-container { - position: relative; - grid-area: roll; - -ms-flex-pack: distribute; - justify-content: space-around; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-name { - pointer-events: all; - font-family: var(--font-emphasis); - font-size: 1.125rem; - line-height: 25px; - color: var(--blades-white-bright); - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - transform-origin: 0% 50%; - display: inline-block; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-name:hover, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-name:hover { - color: var(--blades-gold); - scale: 1.25; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-subtitle, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-subtitle { - font-size: 0.875rem; - font-style: italic; - line-height: 14px; - position: relative; - top: -3px; - font-weight: bold; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container { - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-label { - font-size: 1rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-number { - display: inline-block; - font-size: 1rem; - font-weight: bold; - color: var(--blades-gold-bright); - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - scale: 1.25 2; - margin: 0 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container { - text-align: right; - margin-top: -5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-label { - font-size: 1rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-number { - display: inline-block; - font-size: 1rem; - font-weight: bold; - color: var(--blades-gold-bright); - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - scale: 1.25; - margin: 0 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar { - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - width: 100%; - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box { - position: relative; - -webkit-box-flex: 0.25; - -ms-flex-positive: 0.25; - flex-grow: 0.25; - border: 1px solid var(--blades-white); - border-bottom-width: 2px; - background: var(--blades-red-dark); - height: 100%; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-number { - display: inline-block; - width: 15px; - line-height: 23px; - font-size: 18px; - color: var(--blades-black-dark); - font-family: var(--font-emphasis); - text-shadow: none; - text-align: center; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-effect { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip { - padding: 0; - bottom: 22px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip > h2, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip p, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip > h2, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .cohort-harm-tooltip p { - padding: 0 10px; - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.harm-level-0 { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; - background: -webkit-gradient(linear, left top, right top, from(var(--blades-red)), color-stop(var(--blades-red-dark)), to(transparent)); - background: linear-gradient(to right, var(--blades-red), var(--blades-red-dark), transparent); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-0 { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-4, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-4 { - background: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-number { - color: var(--blades-white-bright); - text-align: left; - text-indent: 5px; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-effect { - display: inline-block; - color: var(--blades-white-bright); - line-height: 23px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box .harm-number { - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button { - border: none; - padding: 0; - height: 100%; - width: 23px; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button svg.roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button svg.roll-button-icon { - stroke-width: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button .tooltip-cohort-roll, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button .tooltip-cohort-roll { - padding: 0; - bottom: 23px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button .tooltip-cohort-roll > h2, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button .tooltip-cohort-roll > h2 { - padding: 0 10px; - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Untrained"] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Untrained"] .roll-button-icon { - fill: transparent; - stroke: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Trained"] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Trained"] .roll-button-icon { - fill: var(--blades-grey-bright); - stroke: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Elite"] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label="Elite"] .roll-button-icon { - fill: #96ffff; - stroke: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-description { - margin-bottom: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 0 0 5px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip-trigger, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip-trigger { - margin: -7px 3px -20px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem { - margin: 0 2px; - padding: 0 8px; - border-radius: 5px; - font-family: var(--font-emphasis); - color: var(--blades-white); - background: var(--blades-black-dark); - font-size: 10px; - text-transform: uppercase; - line-height: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem.edge-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem.edge-name { - outline: 1px inset #00FF00; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem.flaw-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip-trigger .tooltip-scaling-elem.flaw-name { - outline: 1px inset #FF0000; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip { - left: unset; - right: 200px; - bottom: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip.tooltip-edge, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip.tooltip-edge { - border-color: var(--blades-green-bright); - -webkit-box-shadow: inset 0 0 3px var(--blades-green-dark), inset 0 0 5px var(--blades-green-dark), inset 0 0 15px var(--blades-green-dark), inset 0 0 15px var(--blades-green-dark); - box-shadow: inset 0 0 3px var(--blades-green-dark), inset 0 0 5px var(--blades-green-dark), inset 0 0 15px var(--blades-green-dark), inset 0 0 15px var(--blades-green-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges .tooltip.tooltip-flaw, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges .tooltip.tooltip-flaw { - border-color: var(--blades-red-bright); - -webkit-box-shadow: inset 0 0 3px var(--blades-red-dark), inset 0 0 5px var(--blades-red-dark), inset 0 0 15px var(--blades-red-dark), inset 0 0 15px var(--blades-red-dark); - box-shadow: inset 0 0 3px var(--blades-red-dark), inset 0 0 5px var(--blades-red-dark), inset 0 0 15px var(--blades-red-dark), inset 0 0 15px var(--blades-red-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .filled-label { - height: 100%; - line-height: 25px; - font-size: 18px; - padding: 0px; - margin-right: 3px; - color: var(--blades-white); - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group { - height: calc(100% - var(--sheet-top-height) - var(--sheet-mid-height)); - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group > * { - width: 100%; - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group .tab[data-tab].active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - height: 100%; - overflow-y: scroll; - min-height: var(--min-tinymce-height); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-footer-small { - display: block; - height: 20px; - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .tab-label { - background: var(--blades-grey); - position: relative; - height: 1.5rem; - min-height: 1.5rem; - width: 100%; - margin-left: calc(-0.5 * var(--content-padding, 0)); - margin-bottom: 0.3125rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .tab-label .tab-title { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white-bright); - text-transform: uppercase; - margin-left: 0.3125rem; - line-height: 0.875rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container { - position: relative; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock { - height: var(--clock-glow-size); - width: var(--clock-glow-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - position: relative; - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg *, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs * { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented { - --rotation-step-size: calc(360deg / var(--rotation-steps)); - --segment-scale: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg clipPath.segmented, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs clipPath.segmented { - --segment-scale: 2 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="1"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="1"] { - --rotation-steps: 1 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="2"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="2"] { - --rotation-steps: 2 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="3"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="3"] { - --rotation-steps: 3 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="4"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="4"] { - --rotation-steps: 4 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="5"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="5"] { - --rotation-steps: 5 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="6"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="6"] { - --rotation-steps: 6 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="8"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="8"] { - --rotation-steps: 8 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="10"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="10"] { - --rotation-steps: 10 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented[data-size="12"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented[data-size="12"] { - --rotation-steps: 12 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use { - -webkit-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - -ms-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(1), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(1) { - --segment-rotation: calc(0 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(2), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(2) { - --segment-rotation: calc(1 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(3), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(3) { - --segment-rotation: calc(2 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(4), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(4) { - --segment-rotation: calc(3 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(5), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(5) { - --segment-rotation: calc(4 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(6), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(6) { - --segment-rotation: calc(5 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(7), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(7) { - --segment-rotation: calc(6 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(8), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(8) { - --segment-rotation: calc(7 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(9), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(9) { - --segment-rotation: calc(8 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(10), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(10) { - --segment-rotation: calc(9 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(11), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(11) { - --segment-rotation: calc(10 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg .segmented > use:nth-child(12), :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock svg defs .segmented > use:nth-child(12) { - --segment-rotation: calc(11 * var(--rotation-step-size)) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - -ms-transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - transform: translate(-50%, -50%) translate(calc(var(--clock-glow-size) / 2), calc(var(--clock-glow-size) / 2)); - fill: transparent; - stroke: var(--blades-black); - stroke-width: 10px; - z-index: 2; - pointer-events: auto; - overflow: visible; - -webkit-filter: drop-shadow(0 0 5px var(--blades-black-dark)); - filter: drop-shadow(0 0 5px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame g { - -webkit-transform: scale(0.99); - -ms-transform: scale(0.99); - transform: scale(0.99); - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame.clock-bg { - z-index: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame.clock-bg circle { - fill: var(--blades-grey-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame.clock-bg.hidden-clock circle { - fill: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior { - position: absolute; - z-index: 2; - height: 400px; - width: 400px; - -webkit-transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); - -ms-transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); - transform: translate(-50%, -50%) translate(calc(50% + var(--clock-glow-correction)), calc(50% + var(--clock-glow-correction))); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior svg { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior svg circle { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - fill: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior .clock-interior-img { - height: var(--clock-frame-size); - width: var(--clock-frame-size); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock.clock-active .clock-glow { - position: absolute; - z-index: 0; - top: var(--clock-glow-correction); - left: var(--clock-glow-correction); - height: 400px; - width: 400px; - background: url("../assets/animations/clock-flare.webp") 50%/contain no-repeat border-box border-box; - background-position-y: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="1"] { - --rotation-steps: 1 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="2"] { - --rotation-steps: 2 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="3"] { - --rotation-steps: 3 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="4"] { - --rotation-steps: 4 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="5"] { - --rotation-steps: 5 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="6"] { - --rotation-steps: 6 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="8"] { - --rotation-steps: 8 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="10"] { - --rotation-steps: 10 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .segmented[data-size="12"] { - --rotation-steps: 12 ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock { - top: 50%; - left: 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock * { - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior circle { - fill: var(--blades-black-fade-strong); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-interior .clock-interior-img { - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-container .clock .clock-frame { - stroke-width: 15px; - stroke: var(--blades-black-dark-fade); - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-resizable-handle { - opacity: 0; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - margin-right: -10px; - margin-bottom: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-resizable-handle:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc { - min-width: 775px; - min-height: 800px; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc * { - --content-padding: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top { - grid-template-areas: ". . title title title title title title playbook playbook playbook" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . ." ". heritage heritage background background vice vice crew crew coins coins" "stash stash stash stash stash stash stash stash stash stash stash"; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .sheet-title { - --sheet-title-font-size: 4.5rem ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .sheet-subtitle { - --sheet-subtitle-font-size: 1.75rem; - padding-bottom: 15px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-playbook { - grid-area: playbook; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-heritage { - grid-area: heritage; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-background { - grid-area: background; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-vice { - grid-area: vice; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-crew { - grid-area: crew; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-coins { - grid-area: coins; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-stash { - grid-area: stash; - /* --dotline-dot-spacing: 3px; */ } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-stress .dotline { - --fill-color-full: var(--blades-red-dark); - --half-color-full: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-stress .dotline.narrow-stress .dot { - margin-right: 1px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma .comp-label { - min-width: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma .dotline { - --fill-color-full: var(--blades-red-bright); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma-conditions { - min-width: 18.75rem; - margin-right: 0.25rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor { - margin-top: -2px; - padding: 0 var(--content-padding); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr { - height: 2.1875rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr:nth-child(2n) { - background: var(--blades-black-fade); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-level { - width: 2.1875rem; - font-family: var(--font-emphasis); - font-size: 1.75rem; - line-height: 2.1875rem; - text-align: center; - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-input input[type="text"] { - font-family: var(--font-decorative); - font-style: italic; - font-size: 1.125rem; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-effect { - color: var(--blades-white-bright); - text-align: center; - font-size: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock { - padding: 0 0.625rem; - width: 120px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock * { - --clock-frame-size: 80px; - --clock-glow-size: calc(var(--clock-frame-size) * 3); - --clock-glow-correction: -80px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock { - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses { - padding: 0 0.625rem; - width: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor { - position: relative; - height: 100px; - width: 100px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-armor-control { - position: absolute; - pointer-events: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control.main-armor-control, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-armor-control.main-armor-control { - z-index: 1; - height: 100%; - width: 100%; - top: 0px; - left: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control.special-armor-control, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-armor-control.special-armor-control { - z-index: 2; - height: 50%; - width: 50%; - right: 0px; - bottom: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control + .special-armor-control { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor { - position: absolute; - height: 100px; - width: 100px; - top: 0; - left: 0; - -webkit-transition: 0.5s; - transition: 0.5s; - fill: var(--blades-black); - stroke: var(--blades-white); - stroke-width: 8px; - stroke-linejoin: bevel; - stroke-miterlimit: 10; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor svg { - height: 100%; - width: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.hover-over { - -webkit-filter: blur(0px) brightness(1.5); - filter: blur(0px) brightness(1.5); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.hover-over:not(.checked) { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.checked { - fill: none; - stroke: var(--blades-grey-bright); - opacity: 0.5; - -webkit-filter: blur(1px); - filter: blur(1px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-light { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-light.hover-over:not(.checked) { - -webkit-transform: scale(1.4); - -ms-transform: scale(1.4); - transform: scale(1.4); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special { - height: 75px; - width: auto; - top: 12.5px; - left: 12.5px; - stroke: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special .specialBg { - fill: var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special .special { - fill: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special.checked .specialBg { - fill: var(--blades-grey-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special.checked .special { - fill: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-heavy:not(.checked) + .svg-armor.armor-light { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor ~ .svg-armor.armor-special { - height: 50px; - width: auto; - top: unset; - left: unset; - right: -10px; - bottom: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel { - display: grid; - grid-template-columns: 1fr 200px; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; - overflow: visible; - height: 375px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group { - height: 375px; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-selector { - width: 9.375rem; - margin: 0 0.625rem; - font-family: var(--font-emphasis); - text-transform: uppercase; - text-indent: 0.1875rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-selected-count span { - color: var(--blades-white-bright); - font-weight: bold; - font-size: 1.5rem; - line-height: inherit; - position: relative; - top: 2px; - margin: 0 2px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-level { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: right; - padding-right: 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-amount { - --number-circle-size: 1.5rem; - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - margin: 0 0.125rem 0 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .comp .dotline { - left: unset; - -webkit-transform: none; - -ms-transform: none; - transform: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .comp .dotline + .comp-title .item-title { - margin-left: 0.75rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .acquaintances.active { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute { - background: var(--blades-white); - margin-bottom: 0.3125rem; - max-height: 1.5rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute label { - color: var(--blades-black); - font-size: 1rem; - font-family: var(--font-emphasis); - text-shadow: none; - line-height: 1.75rem; - text-transform: uppercase; - text-align: left; - text-indent: 0.3125rem; - margin-bottom: 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - position: relative; - max-height: 1.625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline { - position: relative; - right: 0; - left: unset; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - --dotline-dot-sizeX: 0.6875rem; - --dotline-dot-spacing: 0.0625rem; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0, 0.25); - --half-color-empty: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.7); - -ms-transform: scaleY(0.7); - transform: scaleY(0.7); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute:not(:first-child) { - margin-top: 0.3125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action { - padding: 0.09375rem 1.25rem 0.09375rem 0.625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action label { - text-align: left; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 1.25rem; - font-size: 1rem; - line-height: 1.2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .img-main, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .img-hover { - -webkit-filter: drop-shadow(0px 0px 1px var(--blades-grey-dark)); - filter: drop-shadow(0px 0px 1px var(--blades-grey-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .dot:first-child { - height: 18px; - border-right: 1px dotted var(--blades-white); - margin-right: 0.15625rem; - padding-right: 0.15625rem; - width: 17.5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .dot:nth-child(2) { - margin-left: 0.15625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip { - height: 20px; - width: 20px; - position: absolute; - bottom: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip .comp-body { - height: 100%; - width: 100%; - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip .comp-body .gather-info-icon { - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip .tooltip { - left: -550px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc { - height: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-header { - border-top-left-radius: 25px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form { - --sheet-top-height: 140px; - --sheet-mid-height: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-img { - left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top { - grid-template-areas: ". . title title title title title status" ". . . subtitle subtitle subtitle subtitle subtitle" ". short-desc short-desc short-desc short-desc short-desc short-desc short-desc" ". . traits traits traits traits traits traits" "district district district faction faction faction secret-trait secret-trait"; - grid-template-rows: 40px 25px 25px 20px 30px; - height: 140px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-name { - --sheet-title-font-size: 2.375rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status { - grid-area: status; - margin-top: 10px; - z-index: 3; - scale: 1; - position: static; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-label.shadowed { - font-family: var(--font-emphasis); - font-size: 1rem; - font-variant: small-caps; - color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body { - min-height: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body .comp-status-toggle { - position: static; - margin-top: 5px; - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body .comp-status-toggle .status-neutral { - scale: 2 1; - display: block; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits { - grid-area: traits; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits .comp-randomizer-field { - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits input { - font-family: var(--font-emphasis); - text-transform: uppercase; - color: var(--blades-gold); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits.comp-secret-trait { - grid-area: secret-trait; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits.comp-secret-trait input { - color: var(--blades-red-bright); - text-align: center; - font-style: italic; - text-indent: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district { - overflow: hidden; - text-align: center; - padding-left: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction label, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district label { - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction.comp-district, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district.comp-district { - grid-area: district; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction.comp-faction, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district.comp-faction { - grid-area: faction; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-short-description { - grid-area: short-desc; - font-style: italic; - text-align: center; - color: var(--blades-white); - padding: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content { - position: relative; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer { - height: 100%; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon { - margin: 0; - height: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon .tooltip { - left: unset; - right: 10px; - bottom: 10px; - text-shadow: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon.randomize-button { - position: absolute; - top: 26px; - font-size: 1.5rem; - color: var(--blades-gold); - right: 0px; - overflow: visible; - z-index: 3; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon.randomize-button i { - scale: 0.8; - rotate: -45deg; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .randomizer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 3px 10px; - margin: 5px; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .randomizer h2.full-width { - font-size: 1rem; - padding: 0; - margin: 5px 0; - line-height: 1.5rem; - height: 1.35rem; - text-indent: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-half { - -ms-flex-preferred-size: 10%; - flex-basis: 10%; - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; - margin-right: 40px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-third { - -ms-flex-preferred-size: 30%; - flex-basis: 30%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-1 { - -ms-flex-preferred-size: 20%; - flex-basis: 20%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-2 { - -ms-flex-preferred-size: 40%; - flex-basis: 40%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-3 { - -webkit-box-ordinal-group: -1; - -ms-flex-order: -2; - order: -2; - -ms-flex-preferred-size: 60%; - flex-basis: 60%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-4 { - -ms-flex-preferred-size: 80%; - flex-basis: 80%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon * { - -webkit-transition: 0.4s; - transition: 0.4s; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled ~ .randomizer-input { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field label { - color: var(--blades-grey-bright); - margin-right: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .randomizer-input { - background: var(--blades-grey); - font-family: Oswald, sans-serif; - text-indent: 5px; - line-height: 2rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-resizable-handle { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew { - min-width: 775px; - min-height: 800px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form { - --sheet-top-height: 200px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top { - grid-template-areas: ". . title title title title title title playbook playbook playbook" ". . members members members members hunting-grounds hunting-grounds playbook playbook playbook " ". . reputation reputation preferred-op preferred-op hunting-grounds hunting-grounds . coins coins "; - grid-template-rows: 55px 83px 52px 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .sheet-title { - --sheet-title-font-size: 3rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-playbook { - grid-area: playbook; - top: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-reputation { - grid-area: reputation; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-preferred-op { - grid-area: preferred-op; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds { - grid-area: hunting-grounds; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-coins { - grid-area: coins; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-coins .dotline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: calc(var(--dotline-dot-size) * 8); - gap: 5px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members { - grid-area: members; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block { - min-width: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block:last-child { - margin-right: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block .comp-body .comp-title { - margin-top: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds { - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds .comp-body { - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds .comp-body .comp-body-text { - display: block; - margin-top: 5px; - height: 95%; - min-height: 50px; - margin-bottom: -5px; - resize: none; - font-family: var(--font-primary); - font-size: 0.75rem; - line-height: 0.8125rem; - text-align: center; - width: 200px; - background-color: var(--blades-black-dark); - border-radius: 5px; - padding: 5px; - -webkit-box-shadow: inset 0 0 10px var(--blades-black); - box-shadow: inset 0 0 10px var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-rep .comp-body .dotline { - --fill-color-full: var(--blades-gold-dark) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-rep .comp-body .dotline.locked { - --fill-color-full: var(--blades-gold-bright) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-hold .comp-body { - min-height: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-heat .comp-body .dotline { - --fill-color-full: var(--blades-red) ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body { - min-height: unset; - top: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline { - --dotline-dot-sizeY: 2.5rem; - --fill-color-full: var(--blades-red-bright); - margin: 0; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline .dot, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline .dot { - height: 1.5625rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline .dot svg, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline .dot svg { - scale: 1.2 1; - margin-top: -2px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.tab-content { - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: var(--turf-list-width, 880px); - height: auto; - margin: 0 auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row:not(:nth-child(-n+3)) { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row *:first-child { - margin-left: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row *:last-child { - margin-right: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block { - --name-size: 1.125rem; - -webkit-transition: -webkit-filter 0.1s; - transition: -webkit-filter 0.1s; - transition: filter 0.1s; - transition: filter 0.1s, -webkit-filter 0.1s; - cursor: default; - width: var(--turf-block-width, 135px); - height: var(--turf-block-height, 125px); - background-color: #333333; - position: relative; - margin: calc(var(--turf-block-gap, 40px) / 2); - -webkit-box-flex: initial; - -ms-flex-positive: initial; - flex-grow: initial; - border-radius: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:not(:nth-child(-n+5)) { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover { - background-color: #292929; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover .turf-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover .turf-description { - -webkit-filter: brightness(0.8); - filter: brightness(0.8); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover.turf-selected { - background-color: #8e8e8e; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector { - position: absolute; - display: block; - pointer-events: none; - background-color: rgba(255, 255, 255, 0.1); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.no-connect { - background-color: transparent !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.left { - width: var(--turf-block-gap, 40px); - height: calc(var(--turf-block-height, 125px) / 5); - top: calc(var(--turf-block-height, 125px) / 2 - var(--turf-block-height, 125px) / 10); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.left { - left: calc(-1 * var(--turf-block-gap, 40px)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.right { - left: var(--turf-block-width, 135px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.bottom { - height: var(--turf-block-gap, 40px); - width: calc(var(--turf-block-height, 125px) / 5); - left: calc(var(--turf-block-width, 135px) / 2 - var(--turf-block-height, 125px) / 10); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.top { - top: calc(-1 * var(--turf-block-gap, 40px)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.bottom { - top: var(--turf-block-height, 125px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-name { - /* Size & Position */ - height: var(--name-size); - min-height: unset; - margin: 0; - padding: 0; - position: relative; - top: -10px; - z-index: 3; - /* Color, Background, Border & Outline */ - background: transparent; - color: var(--blades-white); - border: none; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - /* Font & Text */ - font-family: var(--font-emphasis-narrow); - font-size: var(--name-size); - font-weight: bold; - text-align: center; - text-transform: uppercase; - line-height: var(--name-size); - /* Other */ - overflow: hidden; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description { - height: calc(100% - 18px); - min-height: auto; - width: var(--turf-block-width, 135px); - padding: 0 2px; - background: none; - position: relative; - top: -10px; - font-family: var(--font-primary); - font-size: 12px; - line-height: 13px; - text-align: center; - text-shadow: 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark); - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description::-webkit-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description::-moz-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description:-ms-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description::-ms-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description::placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-control { - color: var(--blades-black); - text-shadow: 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -15px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-readonly { - cursor: default; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-lair .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-name { - top: calc(50% - 0.5 * var(--name-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-description { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-district { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected { - color: var(--blades-black); - background-color: silver; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .connector { - background-color: gray; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-name { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-description { - color: var(--blades-black-dark); - text-shadow: none; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description { - border-radius: 5px; - background: rgba(0, 0, 0, 0.1); - -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - padding: 2px; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - margin: 0px 2.5px 2.5px; - width: calc(100% - 5px); - height: calc(100% - 15px - 12px - 5px); - cursor: text; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description::-webkit-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description::-webkit-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description::-moz-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description::-moz-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description:-ms-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description:-ms-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description::-ms-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description::-ms-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description::placeholder, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description::placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-district { - position: absolute; - z-index: 10; - height: 1.125rem; - min-height: unset; - min-width: 100px; - max-width: 100px; - left: calc(50% - 50px); - bottom: -10px; - background: var(--blades-black); - color: var(--blades-white); - border-radius: 7px; - outline: 1px outset var(--blades-white); - font-family: var(--font-emphasis-narrow); - font-size: 0.875rem; - line-height: 1.25rem; - text-align: center; - overflow: hidden; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-control { - color: var(--blades-white-bright); - text-shadow: 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 2px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form { - --sheet-top-height: 100px; - --sheet-mid-height: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top { - grid-template-areas: ". . title title title title title title title title tier" ". . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle tier"; - grid-template-rows: 60px 40px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top .sheet-title { - --sheet-title-font-size: 3rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top .comp-tier { - grid-area: tier; - margin-top: 30px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .comp.tab-label { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row { - height: 100px; - width: 100%; - overflow: hidden; - margin: 0px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row:not(:first-of-type) { - border-top: 2px solid var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock-container { - height: 100px; - width: 100px; - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-label { - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: left; - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-size-input { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - width: 80px; - margin: 0 10px; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: center; - background: rgba(0, 0, 0, 0.25); - -webkit-box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-color-input { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - width: 120px; - margin: 0; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: left; - background: rgba(0, 0, 0, 0.25); - -webkit-box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width .clock-gm-notes { - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - resize: none; - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock * { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row * { - --clock-frame-size: 80px; - --clock-glow-size: calc(var(--clock-frame-size) * 3); - --clock-glow-correction: -80px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock-glow { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item { - height: -webkit-min-content !important; - height: -moz-min-content !important; - height: min-content !important; - max-height: 700px; - width: -webkit-min-content !important; - width: -moz-min-content !important; - width: min-content !important; - min-width: 500px; - max-width: 1200px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form { - --sheet-top-height: 60px; - --sheet-mid-height: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root { - overflow-x: hidden; - overflow-y: scroll; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top { - grid-template-areas: "item-img title tier"; - grid-template-columns: 50px 1fr 120px; - grid-template-rows: 60px; - height: 60px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top img.sheet-img { - pointer-events: all; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top .sheet-title { - text-align: center; - z-index: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .sheet-subtitle { - text-align: center; - background: linear-gradient(45deg, var(--blades-black-dark), var(--blades-black)); - color: var(--blades-white-bright); - font-size: 1.625rem; - font-family: var(--font-decorative); - border-bottom: 2px solid var(--blades-white-bright); - --form-field-height: 60px; - font-style: italic; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .split-column { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-pack: distribute; - justify-content: space-around; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .split-column > * { - -ms-flex-preferred-size: 45%; - flex-basis: 45%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section input:not([class]) { - margin: 2px 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-resizable-handle { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper { - min-width: 700px !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content { - max-height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root { - overflow-y: scroll; - max-height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .sheet-top .sheet-title { - width: 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .scene-selection { - position: absolute; - top: 12px; - right: 0; - left: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .scene-selection label { - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .scene-selection select { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - background: var(--blades-black-dark); - border: none; - width: 200px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table .check-label { - font-size: 10px; - margin: 0; - padding: 0; - background: none !important; - text-transform: uppercase; - -webkit-transform: rotate(-45deg) scale(0.9); - -ms-transform: rotate(-45deg) scale(0.9); - transform: rotate(-45deg) scale(0.9); - display: inline-block; - text-align: center; - line-height: 9px; - height: 100%; - min-height: 100%; - vertical-align: middle; - margin-top: -5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table thead th.black-white { - background: var(--blades-white-bright) !important; - color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td { - text-align: left; - color: var(--blades-white); - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th .toggle-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th .button-icon, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td .toggle-icon, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td .button-icon { - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th p, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td p { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th:nth-child(1), - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td:nth-child(1) { - width: 64px; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th:nth-child(2), - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td:nth-child(2) { - width: 60%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th:nth-child(3), :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th:nth-child(4), - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td:nth-child(3), - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td:nth-child(4) { - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th { - background: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th input { - color: var(--blades-black-dark); - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table td select[data-dtype="number"], :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th select[data-dtype="number"] { - vertical-align: top; - font-family: var(--font-emphasis); - font-size: 18px; - color: var(--blades-white-bright); - min-width: 60px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root table th select[data-dtype="number"] { - color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.gm-tracker .window-content form { - --sheet-mid-height: 100px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet { - width: 1600px !important; - height: 900px !important; - min-width: unset; - max-width: unset; - min-height: unset; - max-height: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet.minimized { - width: unset !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form { - max-height: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root { - overflow: visible; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top { - grid-template-areas: "controls-left title tier controls-right"; - grid-template-columns: 30px 1fr 60px 30px; - grid-template-rows: 30px; - height: 30px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - background: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel { - grid-area: controls-left; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel:last-child { - grid-area: controls-right; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel .toggle-icon { - pointer-events: auto; - right: unset; - translate: -50% -50%; - left: 50%; - top: 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .sheet-title.shadowed { - --sheet-title-font-size: 1rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column { - -ms-flex-preferred-size: 34%; - flex-basis: 34%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column.player-character-summary-column { - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column.player-character-summary-column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -ms-flex-preferred-size: 10%; - flex-basis: 10%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain > * { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 1; - flex-shrink: 1; - -ms-flex-preferred-size: 33%; - flex-basis: 33%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item { - border-bottom: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item:not(:last-child) { - border-bottom: none; - border-right: 1px dotted var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item .randomizer-input-title { - width: calc(100% - 25px); - font-size: 0.6875rem; - height: 11px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item .randomizer-input-subtitle { - width: 100%; - font-size: 0.625rem; - height: 10px; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-questions { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-questions > * { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods > * { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 1; - flex-shrink: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods .randomizer-mods-harder-list { - color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods .randomizer-mods-easier-list { - color: var(--blades-green); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-score .randomizer-item .randomizer-input-narrative { - font-style: italic; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - display: inline-block; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: calc(60% - 25px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-subtitle { - display: inline-block; - width: calc(40% - 4px); - text-align: right; - font-family: "Fjalla One", sans-serif; - font-size: 12px; - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook { - --turf-list-width: 600px; - --turf-block-width: 135px; - --turf-block-height: 125px; - --turf-block-gap: 10px; - max-height: 600px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: var(--turf-list-width, 880px); - height: auto; - margin: 0 auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row:not(:nth-child(-n+3)) { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row *:first-child { - margin-left: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row *:last-child { - margin-right: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block { - --name-size: 1.125rem; - -webkit-transition: -webkit-filter 0.1s; - transition: -webkit-filter 0.1s; - transition: filter 0.1s; - transition: filter 0.1s, -webkit-filter 0.1s; - cursor: default; - width: var(--turf-block-width, 135px); - height: var(--turf-block-height, 125px); - background-color: #333333; - position: relative; - margin: calc(var(--turf-block-gap, 40px) / 2); - -webkit-box-flex: initial; - -ms-flex-positive: initial; - flex-grow: initial; - border-radius: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:not(:nth-child(-n+5)) { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover { - background-color: #292929; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover .turf-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover .turf-description { - -webkit-filter: brightness(0.8); - filter: brightness(0.8); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover.turf-selected { - background-color: #8e8e8e; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector { - position: absolute; - display: block; - pointer-events: none; - background-color: rgba(255, 255, 255, 0.1); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.no-connect { - background-color: transparent !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.left { - width: var(--turf-block-gap, 40px); - height: calc(var(--turf-block-height, 125px) / 5); - top: calc(var(--turf-block-height, 125px) / 2 - var(--turf-block-height, 125px) / 10); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.left { - left: calc(-1 * var(--turf-block-gap, 40px)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.right { - left: var(--turf-block-width, 135px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.bottom { - height: var(--turf-block-gap, 40px); - width: calc(var(--turf-block-height, 125px) / 5); - left: calc(var(--turf-block-width, 135px) / 2 - var(--turf-block-height, 125px) / 10); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.top { - top: calc(-1 * var(--turf-block-gap, 40px)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.bottom { - top: var(--turf-block-height, 125px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-name { - /* Size & Position */ - height: var(--name-size); - min-height: unset; - margin: 0; - padding: 0; - position: relative; - top: -10px; - z-index: 3; - /* Color, Background, Border & Outline */ - background: transparent; - color: var(--blades-white); - border: none; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - /* Font & Text */ - font-family: var(--font-emphasis-narrow); - font-size: var(--name-size); - font-weight: bold; - text-align: center; - text-transform: uppercase; - line-height: var(--name-size); - /* Other */ - overflow: hidden; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description { - height: calc(100% - 18px); - min-height: auto; - width: var(--turf-block-width, 135px); - padding: 0 2px; - background: none; - position: relative; - top: -10px; - font-family: var(--font-primary); - font-size: 12px; - line-height: 13px; - text-align: center; - text-shadow: 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark); - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description::-webkit-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description::-moz-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description:-ms-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description::-ms-input-placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description::placeholder { - font-size: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-control { - color: var(--blades-black); - text-shadow: 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -15px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-readonly { - cursor: default; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-lair .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-name { - top: calc(50% - 0.5 * var(--name-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-description { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-district { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected { - color: var(--blades-black); - background-color: silver; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .connector { - background-color: gray; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-name { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-description { - color: var(--blades-black-dark); - text-shadow: none; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description { - border-radius: 5px; - background: rgba(0, 0, 0, 0.1); - -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - padding: 2px; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - margin: 0px 2.5px 2.5px; - width: calc(100% - 5px); - height: calc(100% - 15px - 12px - 5px); - cursor: text; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description::-webkit-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description::-webkit-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description::-moz-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description::-moz-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description:-ms-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description:-ms-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description::-ms-input-placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description::-ms-input-placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description::placeholder, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description::placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-district { - position: absolute; - z-index: 10; - height: 1.125rem; - min-height: unset; - min-width: 100px; - max-width: 100px; - left: calc(50% - 50px); - bottom: -10px; - background: var(--blades-black); - color: var(--blades-white); - border-radius: 7px; - outline: 1px outset var(--blades-white); - font-family: var(--font-emphasis-narrow); - font-size: 0.875rem; - line-height: 1.25rem; - text-align: center; - overflow: hidden; - resize: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-control { - color: var(--blades-white-bright); - text-shadow: 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 2px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list { - scale: 0.8; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - margin-right: -40%; - margin-bottom: -75px; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block .turf-description { - font-size: 14px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block .turf-control { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block.turf-lair .turf-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block.turf-lair .turf-district { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.gear .sheet-root section.sheet-top { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.gear .sheet-root section.sheet-top .comp-tier { - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert { - --sheet-top-height: 70px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top { - overflow: visible; - grid-template-areas: "item-img title tier" "item-img subtitle tier"; - grid-template-rows: 40px 30px; - height: 70px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .sheet-title, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .sheet-title { - text-align: left; - text-indent: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .sheet-subtitle, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .sheet-subtitle { - background: transparent; - font-size: 18px; - line-height: 24px; - border: none; - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-tier, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-tier { - margin-top: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale { - position: absolute; - top: -4px; - right: -100px; - height: 78px; - width: 100px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - background: var(--blades-black); - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - border: 4px solid var(--blades-white); - border-left: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .filled-label { - color: var(--blades-white); - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .scale-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .scale-number { - height: 40px; - width: 100%; - font-family: var(--font-emphasis); - color: var(--blades-gold); - font-size: 2.5rem; - line-height: 2.5rem; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .scale-example, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .scale-example { - height: 20px; - line-height: 20px; - font-style: italic; - font-size: 0.875rem; - font-family: Oswald, sans-serif; - text-align: center; - white-space: nowrap; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-flaw-input { - background: var(--blades-black-dark); - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - margin: 0px 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-edge-input { - background: var(--blades-green-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-flaw-input { - background: var(--blades-red-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm { - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - height: 40px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .filled-label { - height: 100%; - line-height: 30px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level { - pointer-events: all; - -webkit-box-flex: 0.25; - -ms-flex-positive: 0.25; - flex-grow: 0.25; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - background: var(--blades-red); - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level > .flex-vertical, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level > .flex-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-number { - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - font-size: 40px; - line-height: 40px; - padding: 0 5px; - color: var(--blades-red); - font-family: var(--font-emphasis); - text-align: center; - -webkit-transition: 0.25s; - transition: 0.25s; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-effect { - display: none; - text-indent: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-label { - font-family: var(--font-emphasis); - text-transform: uppercase; - color: var(--blades-white-bright); - border-bottom: 2px solid var(--blades-white-bright); - font-size: 14px; - line-height: 16px; - height: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-effect { - color: var(--blades-white-bright); - font-weight: bold; - text-indent: 20px; - font-size: 16px; - line-height: 26px; - height: 22px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.harm-level-0 { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; - background: -webkit-gradient(linear, left top, right top, from(var(--blades-red)), color-stop(var(--blades-red-dark)), to(transparent)); - background: linear-gradient(to right, var(--blades-red), var(--blades-red-dark), transparent); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active.harm-level-0 { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active.harm-level-4, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active.harm-level-4 { - background: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active ~ .harm-level, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active ~ .harm-level { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active ~ .harm-level .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active ~ .harm-level .harm-number { - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-number { - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-effect { - display: inline; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level:hover .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level:hover .harm-number { - color: var(--blades-gold-bright) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang.cohort_gang .sheet-root section.sheet-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert.cohort_gang .sheet-root section.sheet-top { - grid-template-areas: "title title tier" "subtitle subtitle tier"; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog { - max-width: 900px; - height: auto !important; - --item-info-height: 100px; - --buttons-height: 25px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content { - padding: 0; - overflow: visible; - position: static; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content { - -webkit-padding-before: 0; - padding-block-start: 0; - position: static; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group { - height: 100%; - width: 100%; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] { - height: 100%; - width: 100%; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 25px 0; - display: none; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab].active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body { - z-index: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body .comp-title { - color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body > img { - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.embedded .comp-body .comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.embedded .comp-body > img { - -webkit-filter: blur(0.75px); - filter: blur(0.75px); - opacity: 0.75; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.featured-item .comp-body .comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.featured-item .comp-body > img { - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.fine-quality .comp-body .comp-title { - color: var(--blades-cyan); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body { - -webkit-transform: scale(1, 1) !important; - -ms-transform: scale(1, 1) !important; - transform: scale(1, 1) !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body img { - opacity: 0.25 !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body .comp-title { - color: var(--blades-red-dark) !important; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body .number-circle { - border-color: var(--blades-red-bright); - color: var(--blades-red-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.expensive .comp-body .comp-title { - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.expensive .comp-body .number-circle { - border-color: var(--blades-gold-bright); - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .featured-item .comp-body .comp-title { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .featured-item .comp-body > img { - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - opacity: 0.75; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical { - height: 50px; - width: 125px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - margin: 30px 0; - position: relative; - overflow: visible; - z-index: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body * { - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body .comp-title.item-title { - font-size: 0.875rem; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body .number-circle { - position: absolute; - bottom: -20px; - right: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body img { - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-buttons { - margin: 0; - padding: 0; - height: var(--buttons-height); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet { - min-width: 600px; - height: auto !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active { - max-height: 600px; - overflow-y: scroll; - padding: 0 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] header.effects-header .key { - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] header.effects-header .mode { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] header.effects-header .value { - -webkit-box-flex: 3; - -ms-flex-positive: 3; - flex-grow: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] ol.changes-list li.effect-change.flexrow .key { - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] ol.changes-list li.effect-change.flexrow .mode { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab="effects"] ol.changes-list li.effect-change.flexrow .value { - -webkit-box-flex: 3; - -ms-flex-positive: 3; - flex-grow: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab { - height: auto !important; - width: unset !important; - min-width: 550px; - max-width: 550px; - overflow: visible; - -webkit-box-shadow: none; - box-shadow: none; } - -@-webkit-keyframes anim-glow-gold { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-gold-bright); - box-shadow: 0 0 0px 0px var(--blades-gold-bright); - background-color: var(--blades-gold-darkest); } - 10% { - background-color: var(--blades-gold-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-gold-darkest); } } - -@keyframes anim-glow-gold { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-gold-bright); - box-shadow: 0 0 0px 0px var(--blades-gold-bright); - background-color: var(--blades-gold-darkest); } - 10% { - background-color: var(--blades-gold-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-gold-darkest); } } - -@-webkit-keyframes anim-glow-red { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-red-bright); - box-shadow: 0 0 0px 0px var(--blades-red-bright); - background-color: var(--blades-red-darkest); } - 10% { - background-color: var(--blades-red-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-red-darkest); } } - -@keyframes anim-glow-red { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-red-bright); - box-shadow: 0 0 0px 0px var(--blades-red-bright); - background-color: var(--blades-red-darkest); } - 10% { - background-color: var(--blades-red-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-red-darkest); } } - -@-webkit-keyframes anim-glow-grey { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-grey-bright); - box-shadow: 0 0 0px 0px var(--blades-grey-bright); - background-color: var(--blades-grey-dark); } - 10% { - background-color: var(--blades-grey-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-grey-dark); } } - -@keyframes anim-glow-grey { - 0% { - -webkit-box-shadow: 0 0 0px 0px var(--blades-grey-bright); - box-shadow: 0 0 0px 0px var(--blades-grey-bright); - background-color: var(--blades-grey-dark); } - 10% { - background-color: var(--blades-grey-bright); } - 100% { - -webkit-box-shadow: 0 0 20px 30px transparent; - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-grey-dark); } } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block { - height: 24px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .filled-label { - background: transparent; - color: var(--blades-white); - font-size: 1rem; - line-height: 20px; - height: 20px; - margin: 0; - padding: 0 4px; - display: inline-block; - width: 90px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-sheet-select, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-readonly { - margin: 0; - font-family: var(--font-emphasis); - border-top: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: none; - color: var(--blades-grey); - font-size: 0.875rem; - margin-left: 40px; - display: inline-block; - text-transform: uppercase; - width: 110px; - position: absolute; - right: 155px; - text-align: right; - line-height: 20px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-dotline-block { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-left: 5px; - margin-top: -3px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-dotline-block .dotline .dot.full-dot .img-main { - -webkit-filter: brightness(1.5) drop-shadow(0 0 2px var(--blades-black-dark)); - filter: brightness(1.5) drop-shadow(0 0 2px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block { - width: 100%; - margin: 0; - padding: 0 5px 5px 5px; - gap: 5px; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - min-height: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block > .roll-mod-block-spacer { - display: none; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -ms-flex-preferred-size: 0px; - flex-basis: 0px; - height: 16px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block > .roll-mod-block-spacer.last-spacer { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 155px; - height: 20px; - margin-left: auto; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block { - position: absolute; - width: auto; - max-width: 175px; - margin: 0; - right: calc(100% + 3px); - background: #181818; - top: 0px; - padding: 2px 0 2px 5px; - outline: 1px solid var(--blades-white); - gap: 0; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; - height: var(--roll-mod-size); - margin: 0; - padding: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container * { - --roll-mod-size: 20px - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-icon { - line-height: var(--roll-mod-size); - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label { - top: 0; - margin: 0; - padding: 0 0 0 calc(0.5 * var(--roll-mod-size)); - left: calc(-0.5 * var(--roll-mod-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label svg { - display: block; - margin-left: calc(-1 * var(--roll-mod-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label .roll-mod-text { - font-size: 10px; - font-family: Oswald, sans-serif; - text-transform: uppercase; - margin: 0 10px 0 0; - color: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label { - left: calc(-1.35 * var(--roll-mod-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label svg { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label .roll-mod-text { - color: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label { - left: calc(-1.35 * var(--roll-mod-size)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label svg { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label .roll-mod-text { - color: var(--blades-grey); - font-weight: normal; - font-style: italic; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container { - --roll-mod-size: 30px; - --label-font: Kirsty; - --sidestring-font: Oswald; - --glow-animation: anim-glow-gold; - --roll-mod-bright-color: var(--blades-gold-bright); - --roll-mod-med-color: var(--blades-gold); - --roll-mod-dark-color: var(--blades-gold-darkest); - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - display: block; - height: var(--roll-mod-size); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.posneg-negative { - --glow-animation: anim-glow-red; - --roll-mod-bright-color: var(--blades-red-bright); - --roll-mod-med-color: var(--blades-red); - --roll-mod-dark-color: var(--blades-red-darkest); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.roll-mod-ability .roll-mod-label .roll-mod-text:last-of-type, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.roll-mod-harm .roll-mod-label .roll-mod-text:last-of-type { - --label-font: Oswald; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden { - --glow-animation: none; - --roll-mod-color: var(--blades-grey-dark); - --roll-mod-text-shadow: - -1px -1px 1px var(--blades-grey), - 1px 1px 2px var(--blades-black-dark), - 1px 1px 0px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-label svg { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-icon { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-label .roll-mod-text { - margin-bottom: -1px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff { - --glow-animation: none; - --roll-mod-color: var(--blades-grey-bright); - --roll-mod-text-shadow: - 1px 1px 2px var(--blades-black-dark), - 1px 1px 0px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-label svg { - display: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-icon { - opacity: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-label .roll-mod-text { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff { - --glow-animation: anim-glow-grey; - --roll-mod-color: var(--blades-grey); - --diamond-fill-color: var(--blades-black-dark); - --roll-mod-glow-color: var(--blades-grey-bright); - --icon-center-color: transparent; - --icon-center-bg-color-start: transparent; - --icon-center-bg-color-end: var(--blades-grey-bright); - --icon-border-color: var(--roll-mod-dark-color); - --icon-border-bg-color: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff .icon { - -webkit-filter: brightness(0.5); - filter: brightness(0.5); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff:hover { - --roll-mod-glow-color: var(--roll-mod-bright-color); - --icon-center-color: var(--roll-mod-bright-color); - --icon-center-bg-color-start: transparent; - --icon-center-bg-color-end: var(--roll-mod-bright-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff:hover .icon { - -webkit-filter: none; - filter: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon { - --roll-mod-color: var(--blades-black-dark); - --diamond-fill-color: var(--blades-black-dark); - --label-fill-color: var(--roll-mod-bright-color); - --roll-mod-glow-color: var(--roll-mod-bright-color); - --icon-center-color: var(--roll-mod-bright-color); - --icon-center-bg-color-start: var(--roll-mod-dark-color); - --icon-center-bg-color-end: var(--roll-mod-bright-color); - --icon-center-bg-color: var(--roll-mod-bright-color); - --icon-border-color: var(--roll-mod-bright-color); - --icon-border-bg-color: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon .icon { - -webkit-box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); - box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon:hover { - --icon-center-color: var(--roll-mod-dark-color); - --icon-border-color: var(--roll-mod-dark-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon:hover .icon { - -webkit-filter: brightness(0.75); - filter: brightness(0.75); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon { - --roll-mod-color: var(--blades-black-dark); - --glow-animation: none; - --diamond-fill-color: var(--roll-mod-bright-color); - --label-fill-color: var(--roll-mod-med-color); - --roll-mod-glow-color: transparent; - --icon-center-color: transparent; - --icon-center-bg-color: transparent; - --icon-border-color: transparent; - --icon-border-bg-color: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon .roll-mod-icon svg .diamond-base { - stroke: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon .icon { - -webkit-box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); - box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke { - stroke-width: 3px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.brightest-stroke { - stroke: var(--blades-white); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.bright-stroke { - stroke: var(--blades-grey); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.dark-stroke { - stroke: var(--blades-black-dark-fade); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.darkest-stroke { - stroke: var(--blades-black-dark); - -webkit-filter: blur(1px); - filter: blur(1px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon { - display: block; - height: var(--roll-mod-size); - width: var(--roll-mod-size); - z-index: 1; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg { - height: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg .diamond-base { - fill: var(--diamond-fill-color); - stroke: var(--blades-grey-dark); - stroke-width: 10px; - -webkit-filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); - filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg .diamond-inner-stroke { - fill: none; - stroke: var(--blades-black); - stroke-width: 2px; - -webkit-filter: blur(1px); - filter: blur(1px); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon .icon { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - rotate: 45deg; - width: 14px; - height: 14px; - background: darkolive; - text-align: center; - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon .icon i { - border: 0px solid var(--icon-center-color); - width: 4px; - height: 4px; - display: block; - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - vertical-align: 7px; - -webkit-animation: var(--glow-animation) 2s ease infinite; - animation: var(--glow-animation) 2s ease infinite; - background-color: var(--icon-center-bg-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - overflow: hidden; - position: relative; - height: var(--roll-mod-size); - margin-left: calc(0.5 * var(--roll-mod-size)); - padding-right: calc(0.5 * var(--roll-mod-size)); - top: calc(-1 * var(--roll-mod-size)); - left: 0; - white-space: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg { - height: var(--roll-mod-size); - translate: 0% -50%; - top: 50%; - right: 0; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .shadow-stroke { - stroke-width: 3px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .shadow-stroke.darkest-stroke { - stroke: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .label-base { - stroke: var(--blades-grey-dark); - stroke-width: 10px; - -webkit-filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); - filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); - fill: var(--label-fill-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-mod-text { - position: relative; - white-space: nowrap; - z-index: 1; - color: var(--roll-mod-color); - text-shadow: var(--roll-mod-text-shadow); - width: 100%; - display: block; - font-family: var(--label-font); - margin-left: 15px; - line-height: var(--roll-mod-size); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-mod-text.roll-mod-sidestring { - font-family: Oswald, sans-serif; - margin-left: 5px; - text-transform: uppercase; - font-size: 14px; - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block { - position: absolute; - z-index: 3; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block { - left: unset; - right: 0px; - height: 64px; - width: 64px; - border-radius: 32px; - border: 2px solid var(--blades-white); - background: var(--blades-grey); - translate: 50% 0%; - top: -2px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block .dice-total { - display: block; - font-size: 50px; - margin-right: 10px; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - padding-top: 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block .d-symbol { - display: block; - position: absolute; - font-size: 20px; - right: 7px; - top: 10px; - font-family: var(--font-emphasis); - text-shadow: 0 0 3px var(--blades-black), 0 0 3px var(--blades-black), 0 0 3px var(--blades-black), 0 0 3px var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block { - height: 24px; - width: 150px; - font-family: var(--font-emphasis); - text-transform: uppercase; - background: var(--final-block-background-color, var(--blades-grey)); - color: var(--final-block-text-color, var(--blades-white-bright)); - border: 2px solid var(--final-block-border-color, var(--blades-white)); - font-size: 18px; - line-height: 22px; - text-align: center; - right: 0; - top: -2px; - -webkit-box-sizing: content-box; - box-sizing: content-box; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.position-final-block.position-desperate { - --final-block-text-color: var(--blades-red-bright); - --final-block-background-color: var(--blades-red-dark-fade); - --final-block-border-color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.position-final-block.position-controlled { - --final-block-text-color: var(--blades-cyan-bright); - --final-block-background-color: var(--blades-cyan-dark-fade); - --final-block-border-color: var(--blades-cyan); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-zero { - --final-block-text-color: var(--blades-red-dark); - --final-block-background-color: transparent; - --final-block-border-color: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-limited { - --final-block-text-color: var(--blades-red-bright); - --final-block-background-color: var(--blades-red-dark-fade); - --final-block-border-color: var(--blades-red); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-great { - --final-block-text-color: var(--blades-cyan-bright); - --final-block-background-color: var(--blades-cyan-dark-fade); - --final-block-border-color: var(--blades-cyan); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-extreme { - --final-block-text-color: var(--blades-white-bright); - --final-block-background-color: var(--blades-gold-dark); - --final-block-border-color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.result-final-block { - width: 180px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block .pos-effect-trade-block { - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - position: absolute; - color: var(--blades-grey-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block .pos-effect-trade-block:hover { - color: var(--blades-gold); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.position-final-block .pos-effect-trade-block { - left: 5px; - top: 26px; - text-shadow: 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.position-final-block .pos-effect-trade-block .fa-light { - scale: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.effect-final-block .pos-effect-trade-block { - right: 5px; - top: -24px; - text-shadow: 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.effect-final-block .pos-effect-trade-block .fa-light { - scale: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab { - min-width: 750px; - max-width: 750px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.roll-effects-block:not(.inactive-mod-block) { - width: 85% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container { - min-width: 120px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container.roll-mod-teamwork .roll-mod-label .roll-mod-sidestring { - min-width: 75px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-doc-select-container { - min-width: 120px; - max-height: 16px; - border-radius: 8px; - margin-left: -85px; - margin-right: -50px; - background: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-doc-select-container .roll-doc-select .roll-sheet-doc-select { - pointer-events: auto !important; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: 85px; - color: transparent; - text-shadow: none; - margin-left: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-block-spacer { - display: none !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container { - height: 24px; - min-height: 24px; - right: 160px; - left: unset; - min-width: unset; - margin-top: -2px; - position: absolute; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control { - height: 24px; - width: 24px; - line-height: 24px; - font-size: 0; - display: inline-block; - pointer-events: auto !important; - cursor: pointer; - scale: 0.5; - background: var(--gm-control-background); - outline: 2px solid var(--gm-control-border); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.active, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.active { - -webkit-filter: brightness(1.2) drop-shadow(0 0 3px var(--gm-control-border, var(--blades-white-bright))); - filter: brightness(1.2) drop-shadow(0 0 3px var(--gm-control-border, var(--blades-white-bright))); - scale: 0.7; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control:hover, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control:hover { - -webkit-filter: brightness(1.2) drop-shadow(0px 0px 10px var(--gm-control-border, var(--blades-white-bright))); - filter: brightness(1.2) drop-shadow(0px 0px 10px var(--gm-control-border, var(--blades-white-bright))); - scale: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-zero, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-zero { - --gm-control-border: var(--blades-red-dark); - --gm-control-background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-limited, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-desperate, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-limited, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-desperate { - --gm-control-border: var(--blades-red-bright); - --gm-control-background: var(--blades-red-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-standard, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-risky, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-standard, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-risky { - --gm-control-border: var(--blades-grey-bright); - --gm-control-background: var(--blades-grey-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-great, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-controlled, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-great, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-controlled { - --gm-control-border: var(--blades-cyan-bright); - --gm-control-background: var(--blades-cyan-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-extreme, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-extreme { - --gm-control-border: var(--blades-gold-bright); - --gm-control-background: var(--blades-gold-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container { - min-width: unset; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container .roll-mod-label .roll-mod-text { - text-shadow: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container .comp.controls-container { - --menu-size: 16px; - right: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root { - min-width: 750px; - max-width: 750px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-left { - min-width: 375px; - max-width: 375px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-left * { - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right { - min-width: 375px; - max-width: 375px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right .sheet-main { - right: 6px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-header { - opacity: 0; - top: -45px; - position: absolute; - width: 100%; - left: 0; - z-index: 10; - -webkit-transition: 0.25s; - transition: 0.25s; - padding: 0 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-header:hover { - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content { - border-radius: 30px; - -webkit-box-shadow: 25px 25px 15px var(--blades-black-dark-fade); - box-shadow: 25px 25px 15px var(--blades-black-dark-fade); - border: 3px outset var(--blades-white); - background: var(--blades-black); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root { - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root > section { - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper { - position: absolute; - width: 100%; - height: 1.4375rem; - display: block; - border: none; - top: 0; - left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type { - top: -26px; - padding: 0 30%; - background: -webkit-gradient(linear, left top, right top, color-stop(15%, transparent), color-stop(35%, var(--roll-type-header-bg-color)), color-stop(65%, var(--roll-type-header-bg-color)), color-stop(85%, transparent)); - background: linear-gradient(to right, transparent 15%, var(--roll-type-header-bg-color) 35%, var(--roll-type-header-bg-color) 65%, transparent 85%); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-action { - --roll-type-header-color: var(--blades-white-bright); - --roll-type-header-bg-color: var(--blades-grey); - --roll-type-header-underline-color: var(--blades-white-bright); - --roll-type-header-shadow-color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-resistance { - --roll-type-header-color: var(--blades-white-bright); - --roll-type-header-bg-color: var(--blades-red-dark); - --roll-type-header-underline-color: var(--blades-red-bright); - --roll-type-header-shadow-color: var(--blades-red-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-downtime { - --roll-type-header-color: var(--blades-gold-bright); - --roll-type-header-bg-color: var(--blades-gold-dark); - --roll-type-header-underline-color: var(--blades-gold-bright); - --roll-type-header-shadow-color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-fortune { - --roll-type-header-color: var(--blades-cyan-bright); - --roll-type-header-bg-color: var(--blades-cyan-dark); - --roll-type-header-underline-color: var(--blades-cyan-bright); - --roll-type-header-shadow-color: var(--blades-cyan-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type .roll-type-header { - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--roll-type-header-color); - text-transform: uppercase; - margin-top: 3px; - text-align: center; - text-shadow: 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block { - position: absolute; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - position: relative; - padding: 5px 40px 5px 10px; - border: 4px outset var(--blades-grey); - background: var(--blades-grey-bright); - margin: 0px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary .roll-factor-label { - color: var(--blades-white-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-tier .roll-factor-value { - scale: .5 1; - right: -10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary .roll-factor-value { - font-family: var(--font-default); - color: var(--blades-gold-bright); - font-size: 70px; - line-height: 30px; - min-width: 80px; - pointer-events: none; - position: absolute; - right: -25px; - text-align: center; - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-source { - translate: -100% -5px; - right: -20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-opposition { - translate: 100% -5px; - left: -70px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block { - gap: 0 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor { - gap: 0 5px; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor .roll-factor-label { - font-family: var(--font-emphasis); - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor .roll-factor-value { - font-weight: bold; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) .roll-factor-label { - font-size: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) .roll-factor-value { - font-size: 16px; - line-height: 9px; - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary).roll-factor-tier .roll-factor-value { - font-size: 14px; - line-height: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-vertical { - position: relative; - top: -10px; - right: 0px; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-transform-origin: 100% 0; - -ms-transform-origin: 100% 0; - transform-origin: 100% 0; - padding: 0 10px 0 5px; - overflow: visible; - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-horizontal { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-horizontal .roll-factor { - margin-top: -25px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors .roll-factor .roll-factor-value { - color: var(--opp-factor-color, var(--blades-gold-bright)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors .roll-factor.roll-factor-tier .roll-factor-value { - margin-right: -7px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-cohort_expert, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-npc { - --opp-factor-color: var(--blades-red-bright) - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-faction { - --opp-factor-color: #bd6dff - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-location { - --opp-factor-color: #dbe7fd - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-ritual { - --opp-factor-color: #bd6dff - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-project, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-design { - --opp-factor-color: #ffdcc0 - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-cohort_gang { - --opp-factor-color: var(--blades-red-bright) - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header { - border: none; - height: 32px; - left: 0px; - top: -3px; - width: 100%; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - -ms-flex-pack: distribute; - justify-content: space-around; - overflow: visible; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - white-space: nowrap; - padding-left: 30px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - font-size: 1.5rem; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark); - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .source-name { - color: var(--source-name-color, var(--blades-white-bright)); - text-align: right; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .source-name.source-name-type-pc { - --source-name-color: var(--blades-gold-bright) - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .vs { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - color: var(--blades-white-bright); - text-transform: lowercase; - -ms-flex-preferred-size: 40px; - flex-basis: 40px; - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name { - color: var(--opp-name-color, var(--blades-white-bright)); - -webkit-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - transform-origin: 0% 50%; - scale: 0.75 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-cohort_expert, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-npc { - --opp-name-color: var(--blades-red-bright) - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-faction { - --opp-name-color: #bd6dff - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-location { - --opp-name-color: #dbe7fd - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-ritual { - --opp-name-color: #bd6dff - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-project, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-design { - --opp-name-color: #ffdcc0 - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-cohort_gang { - --opp-name-color: var(--blades-red-bright) - ; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader { - height: 10px; - border: none; - padding: 0 0 0 30px; - margin-top: -2px; - margin-bottom: 2px; - position: relative; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal { - height: 10px; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor { - margin: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor .roll-factor-label { - font-size: 12px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor .roll-factor-value { - font-size: 16px; - line-height: 9px; - color: var(--blades-gold-bright); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor.roll-factor-tier .roll-factor-value { - font-size: 14px; - line-height: 10px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block { - border-top: 2px solid var(--blades-white-bright); - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - position: relative; - gap: 5px 5px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block { - min-height: 62px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-sheet-select, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-readonly { - background: var(--blades-white-bright); - color: var(--blades-black); - border: none; - text-align: center; - font-size: 1.125rem; - font-style: normal; - margin-left: 0; - position: unset; - height: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-sheet-select.roll-sheet-select, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-readonly.roll-sheet-select { - text-align: right; - padding-right: 15px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-effects-block:not(.inactive-mod-block) { - width: 95% !important; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.roll-effects-block:not(.inactive-mod-block) { - width: 550px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - position: static; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 370px; - overflow: visible; - position: relative; - z-index: 5; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left section.sheet-main { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - height: auto; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay { - position: absolute; - top: 0px; - height: 100%; - width: 50%; - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay img { - height: 100%; - opacity: 0.8; - translate: -50% -50%; - top: 50%; - left: 50%; - position: absolute; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay { - border-top-left-radius: 30px; - border-bottom-left-radius: 30px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay img { - -webkit-filter: blur(2px) brightness(1); - filter: blur(2px) brightness(1); - scale: 1.5; - top: calc(50% - 40px); - left: 25%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img.roll-source-bg-overlay, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay { - background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(80%, var(--blades-black))); - background: linear-gradient(to right, transparent, var(--blades-black) 80%); - width: 50%; - top: 0; - left: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay { - top: -2px; - right: -2px; - border-top-right-radius: 30px; - border-bottom-right-radius: 30px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img img, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay img { - right: -30px; - -webkit-filter: blur(3px) brightness(0.8); - filter: blur(3px) brightness(0.8); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay { - background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(80%, var(--blades-black))); - background: linear-gradient(to left, transparent, var(--blades-black) 80%); - width: 50%; - top: 0; - right: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right { - -ms-flex-preferred-size: 35%; - flex-basis: 35%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - z-index: 4; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - z-index: 0; - overflow: hidden; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.roll-opp-block { - position: relative; - overflow: visible; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls { - --spread-size: 14px; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - bottom: 0; - right: 20px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer { - height: var(--spread-size, 30px); - width: var(--spread-size, 30px); - font-family: Oswald, sans-serif; - font-size: 10px; - line-height: calc(var(--spread-size, 30px) - 2px); - border: 1px var(--roll-factor-inactive-border-style, solid) var(--roll-factor-inactive-border); - color: var(--roll-factor-inactive-color); - text-align: center; - border-radius: calc(var(--spread-size, 30px) * 0.5); - background: var(--roll-factor-inactive-bg); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active { - background: var(--roll-factor-active-bg); - border-color: var(--roll-factor-active-border); - border-style: solid; - color: var(--roll-factor-active-color); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive { - --roll-factor-inactive-bg: transparent; - --roll-factor-active-bg: var(--blades-green-bright); - --roll-factor-inactive-border: var(--blades-red-bright); - --roll-factor-inactive-border-style: dotted; - --roll-factor-active-border: var(--blades-green-dark); - --roll-factor-inactive-color: var(--blades-red-bright); - --roll-factor-active-color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary { - --roll-factor-inactive-bg: transparent; - --roll-factor-active-bg: var(--blades-gold-bright); - --roll-factor-inactive-border: var(--blades-grey-dark); - --roll-factor-active-border: var(--blades-gold-dark); - --roll-factor-inactive-color: var(--blades-grey-bright); - --roll-factor-active-color: var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer { - width: calc(var(--spread-size, 30px) * 0.5); - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active { - background: var(--blades-green-dark); - border: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer { - height: 30px; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-block { - height: 30px; - width: 100%; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-effects-block { - z-index: 4; - width: 100%; - position: absolute; - pointer-events: none; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-effects-block:not(.inactive-mod-block) { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: unset; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - gap: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button { - position: absolute; - width: 100%; - left: 0; - top: 0; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-strip { - height: 28px; - width: 100%; - border-bottom-left-radius: 30px; - border-bottom-right-radius: 30px; - text-align: center; - line-height: 28px; - color: var(--blades-gold-dark); - font-family: var(--font-emphasis); - font-size: 18px; - text-shadow: 1.5px 1.5px 0px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button { - display: block; - padding: 0; - height: 50px; - width: 120px; - position: absolute; - translate: -50% -50%; - top: 100%; - left: 50%; - border-radius: 20px; - border: 4px outset var(--blades-white); - background: var(--blades-white-bright); - color: var(--blades-black-dark); - font-family: var(--font-emphasis); - font-size: 32px; - line-height: 36px; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-filter: drop-shadow(3px 3px 5px var(--blades-black)); - filter: drop-shadow(3px 3px 5px var(--blades-black)); - opacity: 1; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button.roll-readonly { - height: 40px; - width: 100px; - pointer-events: none; - border-color: var(--blades-grey); - border-style: inset; - background: var(--blades-grey-bright); - color: var(--blades-grey); - font-size: 24px; - -webkit-box-shadow: inset 3px 3px 5px var(--blades-black), inset -3px -3px 5px var(--blades-white-bright); - box-shadow: inset 3px 3px 5px var(--blades-black), inset -3px -3px 5px var(--blades-white-bright); - -webkit-filter: brightness(0.5); - filter: brightness(0.5); - scale: 0.75; - opacity: 0.75; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block { - position: absolute; - bottom: -24px; - translate: -50% 0; - left: 50%; - font-family: var(--font-emphasis); - color: var(--blades-red-bright); - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); - white-space: nowrap; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block.gm-ready { - bottom: -50px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .tooltip.tooltip-roll-stress { - font-family: var(--font-default); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .tooltip.tooltip-roll-stress > ul > li > .shadowed.red-bright { - font-family: var(--font-emphasis); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container { - height: var(--spread-size, 30px); - width: calc(var(--spread-count, 7) * var(--spread-size, 30px)); - position: relative; - margin-bottom: 14px; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .num-spread-label { - position: absolute; - font-family: Oswald, sans-serif; - font-size: 10px; - left: 0%; - top: calc(100% + 1px); - text-transform: uppercase; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread { - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread > * { - height: 100%; - width: var(--spread-size, 30px); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border: 1px solid var(--spread-color, var(--blades-white)); - font-family: var(--font-emphasis); - font-size: 6px; - line-height: calc(0.9 * var(--spread-size, 30px)); - color: var(--spread-color, var(--blades-white)); - text-align: center; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread > *:hover { - -webkit-filter: brightness(0.8); - filter: brightness(0.8); - opacity: 0.8; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active="true"] { - color: var(--spread-puck-color, var(--blades-black-dark)); - text-shadow: none; - font-weight: bold; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - background: var(--spread-puck-color, var(--blades-white-bright)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active="true"] ~ * { - background: var(--spread-neg-fade, var(--blades-red-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box ~ * { - background: var(--spread-pos-fade, var(--blades-green-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active="true"] ~ .origin-box ~ * { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box ~ [data-active="true"] ~ * { - background: transparent; } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box { - background: var(--spread-center-fade, var(--blades-gold-dark)); } - :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box[data-active="true"] ~ * { - background: transparent; } - -.tox .tox-dialog-wrap .tox-dialog .tox-textarea-wrap { - height: 100%; } - .tox .tox-dialog-wrap .tox-dialog .tox-textarea-wrap .tox-textarea { - height: 100%; - font-family: var(--font-mono); - font-size: 0.75rem; - line-height: 0.875rem; } - -/* stylelint-disable font-family-no-missing-generic-family-keyword */ -/* stylelint-disable selector-type-no-unknown */ -/* stylelint-disable selector-no-vendor-prefix */ -/* stylelint-disable declaration-block-no-shorthand-property-overrides */ -/* stylelint-disable no-duplicate-selectors */ -/* stylelint-disable declaration-block-no-redundant-longhand-properties */ -/* stylelint-disable selector-class-pattern */ -/* stylelint-disable selector-id-pattern */ -/* stylelint-disable rule-empty-line-before */ -/* stylelint-disable color-function-notation */ -/* stylelint-disable order/properties-order */ -/* stylelint-disable no-descending-specificity */ -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-16px); - font-family: inherit; - height: initial; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body .dialog .tabs a > i, -body .dialog .sheet-tabs a > i, -body #sidebar .tabs a > i, -body #sidebar .sheet-tabs a > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a > i, -body #module-management .list-filters a > i, -body .dialog button > i, -body #sidebar button > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button > i, -body #menu #menu-items li > i, -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i, -body .window-app[id*="JournalEntry-"] a.editor-edit > i, -body .alwayshp-btn > i, -body #sidebar #combat .add-temporary > i, -body .sidebar-popout #combat .add-temporary > i, -body #specials-config .fxmaster .directory-header a > i, -body ul.command-menu li > i, -body #token-action-hud button.tah-title-button > i, -body #token-action-hud .tah-action button > i, -body #sidebar .token-mold > label > span > i, -body .sidebar-popout .token-mold > label > span > i, -body .sheet[id*="activeeffect-sheet-"] .effects-header a > i, -body .window-app[id*="cards-sheet-"] .cards-header a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > i, -body .window-app[id*="cards-sheet-"] .cards .card a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > i { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .tabs a > label, -body .dialog .sheet-tabs a > label, -body #sidebar .tabs a > label, -body #sidebar .sheet-tabs a > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a > label, -body #module-management .list-filters a > label, -body .dialog button > label, -body #sidebar button > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button > label, -body #menu #menu-items li > label, -body #sidebar #combat #combat-controls .combat-control > label, -body .sidebar-popout #combat #combat-controls .combat-control > label, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > label, -body .window-app[id*="JournalEntry-"] a.editor-edit > label, -body .alwayshp-btn > label, -body #sidebar #combat .add-temporary > label, -body .sidebar-popout #combat .add-temporary > label, -body #specials-config .fxmaster .directory-header a > label, -body ul.command-menu li > label, -body #token-action-hud button.tah-title-button > label, -body #token-action-hud .tah-action button > label, -body #sidebar .token-mold > label > span > label, -body .sidebar-popout .token-mold > label > span > label, -body .sheet[id*="activeeffect-sheet-"] .effects-header a > label, -body .window-app[id*="cards-sheet-"] .cards-header a > label, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > label, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > label, -body .window-app[id*="cards-sheet-"] .cards .card a > label, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > label, -body .dialog .directory .directory-item.folder .folder-header .create-folder > label, -body .dialog .directory .directory-item.folder .folder-header .create-entity > label, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > label, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > label, -body .dialog .directory .directory-item .create-folder > label, -body .dialog .directory .directory-item .create-document > label, -body #sidebar .directory .directory-item .create-folder > label, -body #sidebar .directory .directory-item .create-document > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > label, -body #navigation #nav-toggle > label, -body .window-app .window-header > a > label, -body .window-app .window-header a.header-button > label, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > label, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > label, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > label, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > label, -body #sidebar #combat .combat-tracker-header .encounters a > label, -body #sidebar #combat .combat-tracker-header .encounter-controls a > label, -body .sidebar-popout #combat .combat-tracker-header .encounters a > label, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > label, -body #sidebar #combat #combat-tracker .combatant .combatant-control > label, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > label, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > label, -body #sidebar #playlists #currently-playing .sound .sound-control > label, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > label, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > label, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > label, -body #dfcp-rt-buttons button > label, -body #specials-config .fxmaster .special-effects .controls a > label, -body div.permission-viewer a > label, -body #smalltime-app #displayContainer .arrow > label, -body #token-action-hud #tah-reposition > label, -body #token-action-hud #tah-categories > label, -body #sidebar .token-mold > a > label, -body .sidebar-popout .token-mold > a > label, -body #sidebar .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > label { - color: inherit !important; } - -body { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; - font-size: var(--size-14px); } - body .sidebar-popout { - border-radius: 0; - height: auto; - min-height: 50vh; - min-width: var(--blades-spacer-sidebar); } - body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .-emu-layout .header-control > label { - font-size: inherit !important; } - body .sidebar-popout .window-content { - background-color: transparent; - padding: 0; } - body .dialog .dialog-buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm); } - body .dialog .dialog-buttons .dialog-button { - background-color: rgba(var(--color-background-button), 1); - background-image: none; - border: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .dialog .dialog-buttons .dialog-button:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body .dialog .dialog-buttons:empty { - display: none; } - body .dialog.window-app > .window-content { - padding: 0; } - body .dialog div.dialog-content { - padding: 0 var(--blades-spacer-sm); - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body .dialog div.dialog-content > p { - margin: 0; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); } - body .dialog form.dialog-content { - -webkit-padding-before: var(--blades-spacer-md); - padding-block-start: var(--blades-spacer-md); } - body .dialog .dialog-content { - color: rgba(var(--color-text), 1); - font-size: var(--size-16px); - padding: var(--blades-spacer-sm); } - body .dialog .dialog-content > p + .form-group { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); } - body .dialog .dialog-content > p:first-child { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .dialog .dialog-content > .form-group { - padding: 0; } - body .dialog .dialog-content > .form-group + .dialog-buttons { - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body .dialog .dialog-content > h3 { - -webkit-margin-before: 0; - margin-block-start: 0; } - body .dialog .dialog-content > h3:first-child { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); } - body .dialog #entity-create label { - -webkit-box-flex: 0; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - body .dialog #drop-folder { - margin: 0; } - body #context-menu { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - left: 0; - position: absolute; - max-width: 20rem; - min-width: 9.5rem; - width: 100%; - z-index: 1070; } - body #context-menu.expand-down { - top: 100%; } - body #context-menu.expand-up { - bottom: 100%; } - body #context-menu ol.context-items .context-item { - text-shadow: none; - cursor: pointer; - line-height: initial; - padding: var(--blades-spacer-base); - text-align: left; } - body #context-menu ol.context-items .context-item:first-child { - border-radius: 0 0 0 0; } - body #context-menu ol.context-items .context-item:last-child { - border-radius: 0 0 0 0; } - body #context-menu ol.context-items .context-item:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body #fps { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - border-radius: 0; - display: none; - line-height: initial; - margin: 0; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-base); - width: auto; } - body #hotbar { - width: auto; - height: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - z-index: 10; } - body #hotbar:hover { - z-index: 11; } - body #hotbar #action-bar { - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - margin: 0; - pointer-events: all; - position: relative; } - body #hotbar #macro-list { - border: none; - border-radius: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - float: left; - height: auto; - position: relative; - width: auto; } - body #hotbar .bar-controls { - background: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - width: 2.5rem; - height: 3.5rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - pointer-events: all; - position: relative; } - body #hotbar .bar-controls:first-child { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #hotbar .bar-controls:last-child { - float: left; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #hotbar .bar-controls .page-control:first-of-type { - border-radius: 0 0 0 0; } - body #hotbar .bar-controls .page-control:last-of-type { - border-radius: 0 0 0 0; } - body #hotbar .bar-controls .page-number { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; } - body #hotbar .macro { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: 3.5rem; - height: 3.5rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-margin-start: -1px; - margin-inline-start: -1px; - position: relative; } - body #hotbar .macro:first-child { - border-radius: 0 0 0 0; - -webkit-margin-start: 0; - margin-inline-start: 0; } - body #hotbar .macro:last-child { - border-radius: 0 0 0 0; } - body #hotbar .macro.active { - background-color: rgba(var(--color-background), 0.8); } - body #hotbar .macro .macro-key { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - font-weight: 600; - text-shadow: 2px 2px 2px var(--blades-black-dark); - top: var(--blades-spacer-xs); - right: var(--blades-spacer-base); - position: absolute; - padding: 0; - z-index: 1; } - body #hotbar .macro .macro-icon { - border: none; - width: 3rem; - height: 3rem; - max-height: 100%; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 50%; - object-position: 50% 50%; - position: relative; } - body #hotbar .macro .tooltip { - background-color: rgba(var(--color-background-darkest), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - left: 0; - line-height: var(--line-height-default); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - min-width: 3.5rem; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - body #hud .placeable-hud .col { - gap: var(--blades-spacer-base); } - body #hud input[type="text"] { - background: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); - height: var(--blades-spacer-button-lg); } - body #hud .attribute { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; } - body #hud .attribute.elevation { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0; } - body #hud .attribute.elevation > input { - height: 100%; } - body #hud .attribute.elevation > i { - color: rgba(var(--color-primary), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - z-index: 1; } - body #hud .attribute.bar1 input[type="text"] { - border-color: var(--blades-color-positive); } - body #hud .attribute.bar2 input[type="text"] { - border-color: var(--blades-grey); } - body #hud .control-icon { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #hud .control-icon > i { - margin: 0; - position: relative; } - body #hud .control-icon img { - margin: 0; - opacity: 1; } - body #hud .control-icon:hover { - background-image: none; } - body #hud .control-icon:focus { - background-image: none; } - body #hud .control-icon.active { - background-image: none; } - body #hud #token-hud .status-effects { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - padding: var(--blades-spacer-base); - left: 3rem; } - body #hud #token-hud .status-effects .effect-control { - opacity: 0.4; } - body #hud #token-hud .status-effects .effect-control:hover { - opacity: 0.6; } - body #hud #token-hud .status-effects .effect-control.active { - opacity: 1; } - body #hud #token-hud .thwildcard-button-select { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; } - body #hud .token-info-container { - margin: 0; } - body #hud .token-info-container .token-info-column-left { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: -7.5rem; } - body #hud .token-info-container .token-info-column-right { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - right: -7.5rem; } - body #hud .token-info-container .token-info-icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; - margin: 0 !important; - min-width: 0; - padding: var(--blades-spacer-sm); } - body #hud .token-info-container .token-info-icon .token-info-speed { - font-size: var(--size-12px); - width: 100%; } - body #hud .token-info-container .token-info-icon .token-info-speed > span { - font-size: inherit !important; } - body #loading { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - top: var(--blades-spacer-sm); - left: 0; - position: absolute; - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - height: 1.5rem; - display: none; - pointer-events: none; - z-index: 10; } - body #loading::after { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - -webkit-box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - content: ""; } - body #loading #loading-bar { - background-color: rgba(var(--color-primary), 1); - border: none; - border-radius: 0; - height: 100%; - margin: 0; - min-width: 25%; - position: relative; } - body #loading #context { - left: 0; } - body #loading #progress { - right: 0; } - body #logo { - display: none !important; - border: none; - border-radius: 0; - height: auto !important; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - max-height: 2.75rem; - max-width: 5.5rem; - pointer-events: all; - width: auto; } - body #menu { - background: transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - top: 0; - left: 0; - position: fixed; - width: 100%; - height: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 1070; } - body #menu #menu-items { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); } - body #menu #menu-items li { - font-size: var(--size-20px); } - body #notifications { - border-radius: 0; - top: 7.5rem; - left: 9.25rem; - position: fixed; - width: calc(100% - 32.5rem); - z-index: 1070; } - body .notification { - background-color: var(--blades-black); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: var(--blades-white-bright); - line-height: initial; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); - -webkit-padding-end: var(--blades-spacer-xl); - padding-inline-end: var(--blades-spacer-xl); } - body .notification::before { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .notification.info { - background-color: var(--blades-grey); - border-color: var(--blades-grey-bright); } - body .notification.warning { - background-color: var(--blades-gold); - border-color: var(--blades-gold-bright); - color: var(--blades-black); } - body .notification.error { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); } - body .notification .close { - top: var(--blades-spacer-sm); - right: var(--blades-spacer-sm); - position: absolute; - line-height: var(--line-height-compact); - margin: 0; - -webkit-margin-before: var(--blades-spacer-xs); - margin-block-start: var(--blades-spacer-xs); } - body #pause { - background: transparent; } - body #pause h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-24px); } - body #players { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: block; - margin: var(--blades-spacer-sm); - padding: 0; - pointer-events: all; - z-index: 10; } - body #players.hidden { - display: none; } - body #players > h3 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-transform: uppercase; } - body #players > h3 .players-mode { - color: inherit; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - text-align: right; - position: relative; } - body #players > h3 > i { - position: relative; } - body #players > h3 > i:first-of-type { - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #players > h3 > i:last-of-type { - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - -webkit-margin-end: 0; - margin-inline-end: 0; } - body #players > ol { - padding: var(--blades-spacer-sm); } - body #players > ol .player { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-xs) 0; - position: relative; - width: 100%; } - body #players > ol .player.context .player-name { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - body #players > ol .player-name { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - position: relative; - word-break: break-all; } - body #players > ol .player-name.self { - color: rgba(var(--color-text-lightest), 1); } - body #players > ol .player-active { - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - position: relative; } - body #players > ol .player-active.active { - -webkit-box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - body #controls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - gap: var(--blades-spacer-base); - height: 0; - max-width: 100%; - overflow: hidden; - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - position: relative; } - body #controls .control-tools { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - opacity: 1; - overflow: visible; - padding: 0; - pointer-events: none; - position: relative; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; } - body #controls .control-tools.main-controls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #controls .control-tools .scene-control { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; } - body #controls .control-tools .scene-control.active .control-tools { - opacity: 1; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; } - body #controls .control-tools .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; } - body #controls .control-tools .control-tool.toggle { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - color: rgba(var(--color-text), 1); } - body #controls .control-tools .control-tool.toggle:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body #controls .control-tools .control-tool.toggle.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; } - body #controls .sdr-sub-controls { - bottom: 0; - left: var(--blades-spacer-sm); - position: absolute; } - body #controls #SDRpopup.simple-dice-roller-popup { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid !important; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - line-height: initial; - margin: 0; - pointer-events: all; } - body #controls #SDRpopup.simple-dice-roller-popup ul { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - body #controls #SDRpopup.simple-dice-roller-popup li { - border: none; - -webkit-border-end: rgba(var(--color-border), 1) 1px solid; - border-inline-end: rgba(var(--color-border), 1) 1px solid; - width: 3rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - body #controls #SDRpopup.simple-dice-roller-popup li:first-child { - width: 7rem; } - body #controls #SDRpopup.simple-dice-roller-popup li:last-child { - -webkit-border-end: none; - border-inline-end: none; } - body #controls #SDRpopup.simple-dice-roller-popup li > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #navigation { - background: none; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - margin: 0; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); - padding: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - z-index: 10; } - body #navigation #nav-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - margin: 0; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - z-index: 10; } - body #navigation #scene-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); - position: relative; - pointer-events: all; } - body #navigation #scene-list .scene { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - outline: none; - text-shadow: none; - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; - height: 2.25rem; - cursor: pointer; - display: block; - line-height: 2.25rem; - margin: 0; - max-width: 15rem; - min-width: 7rem; - padding: 0 var(--blades-spacer-md); - pointer-events: all; - position: relative; - text-align: center; } - body #navigation #scene-list .scene:last-of-type { - -webkit-margin-end: 0; - margin-inline-end: 0; } - body #navigation #scene-list .scene.gm { - background: #272000; - border: 1px solid var(--blades-gold); } - body #navigation #scene-list .scene:not(.gm) { - background-color: rgba(var(--color-background), 0.8); - background-image: none; } - body #navigation #scene-list .scene:hover { - background-image: none; } - body #navigation #scene-list .scene:focus { - background-image: none; } - body #navigation #scene-list .scene a { - text-shadow: none; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: none; - display: block; } - body #navigation #scene-list .scene a > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #navigation #scene-list .scene-players { - top: 0; - left: 0; - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - list-style: none; - margin: 0; - -webkit-margin-before: calc(-1 * var(--blades-spacer-base)); - margin-block-start: calc(-1 * var(--blades-spacer-base)); - padding: 0; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - pointer-events: none; } - body #navigation #scene-list .scene-player { - background-color: var(--blades-white-bright); - border-radius: 0; - border: none; - -webkit-box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - color: transparent; - font-size: var(--size-10px); - width: 0.75rem; - height: 0.75rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - position: relative; - text-transform: uppercase; } - body #tooltip { - background: rgba(var(--color-background-darkest), 0.9); - border: none; - -webkit-box-shadow: 0 0 4px var(--blades-black-dark); - box-shadow: 0 0 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-family: inherit; - font-size: var(--size-14px); - line-height: var(--line-height-default); - max-width: 320px; - opacity: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-md); - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; } - body #tooltip.active { - opacity: 1; } - body #ui-left { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body #ui-middle { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body #ui-right { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } - body #ui-top { - margin: 0; - position: relative; } - body #ui-top.offset { - -webkit-margin-start: calc(var(--blades-spacer-sidebar)/ - 4); - margin-inline-start: calc(var(--blades-spacer-sidebar)/ - 4); } - body #ui-bottom { - position: relative; } - body #ui-bottom > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - body .app { - background: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - max-height: 100%; - padding: 0; - z-index: 10; } - body .app.window-app .archive-new table { - background-color: transparent; - border: none; } - body .app.window-app .archive-new table tr td { - padding: var(--blades-spacer-base); } - body .app.window-app .archive-new table tr td button { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .app.window-app #dfca-delete-all { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - margin: 0; - width: 100%; } - body .app.window-app .open-gm-note > i { - margin: 0 var(--blades-spacer-base); } - body .app.window-app form.pdf-item-sheet .field-row { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body .window-app { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; } - body .window-app.minimized .window-resizable-handle { - display: none; } - body .window-app .window-header { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-xs); - line-height: initial; - margin: 0; - overflow: hidden; - padding: var(--blades-spacer-sm); - position: relative; } - body .window-app .window-header h4.window-title { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-weight: normal; - margin: 0; - position: relative; } - body .window-app .window-header h4.window-title .document-id-link { - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - opacity: 0.8; } - body .window-app .window-header h4.window-title .document-id-link i { - margin: 0; } - body .window-app .window-content { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - color: rgba(var(--color-text), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - font-size: var(--size-14px); - margin: 0; - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-sm); - position: relative; } - body .window-app .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); } - body .window-app .window-content form.flexcol { - height: 100%; } - body .window-app .window-content form .form-body { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; } - body .window-app .window-content form .form-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body .window-app .window-content .chat-message { - border-radius: 0; } - body .window-app .window-content .sheet-footer { - gap: var(--blades-spacer-base); } - body .window-app .window-resizable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - right: 0; - bottom: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .window-app .window-resizable-handle > i { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand { - bottom: var(--blades-spacer-base); - position: absolute !important; - left: auto; - right: var(--blades-spacer-base); - top: auto; } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand.fullscreen { - position: fixed !important; - z-index: 16; } - body .window-app.sheet[id*="macro-config-"] .macro-editor-expand > i { - margin: 0; } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; - -webkit-margin-after: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-md); } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor.fullscreen { - height: calc(100% - 10rem); - margin: 0; - z-index: 15; } - body .window-app.sheet[id*="macro-config-"] .macro-editor.ace_editor.fullscreen::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - background-color: var(--blades-black-dark-fade); - content: ""; } - body .window-app .ve-window { - background: none; - gap: var(--blades-spacer-md); } - body .window-app .ve-window > .mx-2 { - display: none; } - body .window-app .ve-window .imp-wiz__head-panel { - font-size: initial; - text-decoration: none; } - body .window-app .ve-window .ve-flex-col { - gap: var(--blades-spacer-base); } - body .window-app .ve-window .imp-wiz__row-mode { - gap: var(--blades-spacer-base); - margin: 0 !important; } - body .window-app .ve-window .imp-wiz__btn-package-archive { - width: 100%; } - body .window-app .ve-window .imp-wiz__btn-quick { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body .window-app .ve-window .imp-wiz__btn-quick > i { - margin: 0 !important; } - body .window-app .ve-window .btn-5et { - font-size: var(--size-14px) !important; - overflow: hidden; - white-space: normal; } - body .window-app .window-draggable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .window-app .window-draggable-handle > i { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - body .window-app.token-mold .window-content { - overflow: hidden; } - body .window-app.token-mold .window-content nav { - background-color: transparent; - padding: 0; } - body .window-app.token-mold .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - body .window-app.token-mold .window-content form section + section { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - body .window-app.token-mold .window-content form .add-attribute { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .window-app.token-mold .window-content form .flexcol { - border: none; - padding: 0; - width: 1px; } - body .window-app.token-mold .window-content form .flexcol > select { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - width: auto; } - body .window-app.token-mold .window-content .form-group input[type="checkbox"] + label { - -webkit-box-flex: 1; - -ms-flex: 1 1 40%; - flex: 1 1 40%; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); } - body .window-app.token-mold .window-content .form-group.unlinked { - border: none; } - body .window-app.token-mold .window-content .info { - height: auto; } - body .sheet .sheet-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - position: relative; } - body .sheet .sheet-header > img { - border: none; - cursor: pointer; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 50%; - object-position: 50% 50%; - position: relative; } - body .sheet .sheet-header > h1 { - border: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; } - body .sheet .sheet-header > h1 input { - background-color: rgba(var(--color-background-light), 0.2); - width: 100%; - height: 2.5rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-24px); - line-height: var(--line-height-compact); - margin: 0; } - body .sheet .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - width: 100%; - z-index: 10; } - body .sheet .sheet-footer + ::after { - display: none; } - body #sidebar { - -webkit-border-end: none; - border-inline-end: none; - border-radius: 0 0 0 0; - position: relative; } - body #sidebar #emu-sidebar-lock { - display: none; } - body #sidebar [data-tab="chat"].small-chat + #combat { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - body #sidebar .small-chat::after { - border-color: rgba(var(--color-primary), 1); } - body .sheet[id*="activeeffect-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .sheet[id*="activeeffect-sheet-"] .changes-list { - list-style: none; - margin: 0; - padding: 0; - width: 100%; } - body .sheet[id*="activeeffect-sheet-"] .changes-list li:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body #av-config form .sheet-tabs { - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; } - body #av-config form .webrtc-custom-turn-config { - width: 100%; } - body #av-config form label { - font-weight: 400; } - body .window-app[id*="cards-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header { - gap: var(--blades-spacer-base); - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header h4 { - font-weight: 700; - margin: 0; } - body .window-app[id*="cards-sheet-"] .cards-header .card-controls [data-action="create"] { - padding: 0 var(--blades-spacer-base); - width: auto; } - body .window-app[id*="cards-sheet-"] .cards .card { - gap: var(--blades-spacer-base); } - body .window-app[id*="cards-sheet-"] .cards .card .card-control[disabled] { - opacity: 0.5; } - body .window-app[id*="card-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="card-sheet-"] button.face-control > i { - margin: 0; } - body .window-app[id*="chat-popout-"] .window-content { - padding: 0; } - body .window-app[id*="chat-popout-"] .window-content .chat-message { - background: none; - border: none; - margin: 0; - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form nav.tabs { - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; } - body #client-settings.window-app.form #config-tabs { - border: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow-y: auto; } - body #client-settings.window-app.form section.content h2.module-header { - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #client-settings.window-app.form section.content .submenu > button { - height: initial; - font-size: var(--size-16px); } - body #client-settings.window-app.form section.content .submenu > button label { - color: inherit; - pointer-events: none; } - body #client-settings.window-app.form section.content .submenu > label { - line-height: initial; } - body #client-settings.window-app.form section.content .settings-list { - border: none; - max-height: 100%; - overflow: initial; - padding: 0; } - body #client-settings.window-app.form .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); } - body #client-settings.window-app.form .window-content { - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content .sheet-footer { - padding: 0; } - body #client-settings.window-app.form .window-content .sheet-footer button { - margin: 0; } - body #client-settings.window-app.form .window-content .sheet-tabs.tabs .item { - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group { - border: none; - color: rgba(var(--color-text), 1); - -webkit-box-align: center !important; - -ms-flex-align: center !important; - align-items: center !important; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - -webkit-box-pack: justify !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; - margin: 0; - padding: var(--blades-spacer-sm); - -webkit-transition: none; - transition: none; - width: 100%; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"] { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - left: auto; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"]::after { - display: none; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group label { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; - padding: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > label { - -webkit-box-flex: 0 !important; - -ms-flex: 0 0 40% !important; - flex: 0 0 40% !important; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button { - -webkit-box-flex: 1 !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; - margin: 0; - width: auto; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button > label { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; } - body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper .notes { - margin: 0; } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField { - border: none; - border-radius: 0; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: auto; - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - gap: var(--blades-spacer-sm); - margin: 0; - padding: var(--blades-spacer-sm); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] .module-wrapper h2.module-header > span { - color: inherit; - margin: 0; } - body #client-settings.window-app form .polyglot-group-header { - background-color: transparent; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body { - max-height: 100%; - overflow: hidden; } - body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file { - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file img { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - max-width: var(--blades-spacer-button); - max-height: var(--blades-spacer-button); } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .tiles-list { - gap: var(--blades-spacer-base); - grid-template-columns: repeat(5, 1fr); } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(var(--color-background-darkest), 0.05); - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - max-width: 100%; - min-height: 6.25rem; - padding: var(--blades-spacer-base); - width: 100%; } - body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file img { - max-height: 100%; - max-width: 100%; } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file { - border: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - display: grid; - gap: var(--blades-spacer-base); - grid-template-areas: "title" "image"; - grid-template-rows: -webkit-min-content 1fr; - grid-template-rows: min-content 1fr; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file .filename { - background-color: rgba(var(--color-background-darkest), 0.8); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-14px); - grid-area: title; - left: auto; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); - position: relative; - text-align: center; - width: 100%; } - body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file img { - grid-area: image; } - body .filepicker.window-app .filepicker-body .filepicker-header { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body .filepicker.window-app .filepicker-body .filepicker-header .current-dir button > i { - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; - width: auto; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i { - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .filepicker.window-app .filepicker-body .filepicker-header .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - line-height: initial; - margin: 0; } - body .filepicker.window-app .filepicker-body .filepicker-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - gap: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory { - background: none; - border: 0; - border-radius: 0; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - min-height: 6.25rem; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - position: relative; - margin: 0; - width: 100%; } - body .filepicker.window-app .filepicker-body .filepicker-body .directory + .directory { - border: rgba(var(--color-folder-directory), 1) 1px solid; - padding: var(--blades-spacer-base); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir { - background-color: rgba(var(--color-folder-header), 0.9); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); } - body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - background-color: rgba(var(--color-folder-directory), 0.9); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); } - body .filepicker.window-app .filepicker-body .filepicker-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body .filepicker.window-app .filepicker-body .filepicker-footer:empty { - display: none; } - body .journal-show-dialog .form-group-stacked { - text-align: left; } - body .journal-show-dialog .form-group-stacked .checkbox-label { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; } - body .journal-show-dialog .form-group-stacked label.checkbox { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - body .window-app[id*="JournalEntry-"] .journal-entry-content { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - padding: 0; } - body .window-app[id*="JournalEntry-"] .journal-sheet-container { - gap: var(--blades-spacer-sm); - padding: 0; } - body .window-app[id*="JournalEntry-"] .directory { - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - -webkit-margin-after: 0; - margin-block-end: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search > * { - -webkit-box-flex: 0; - -ms-flex: 0 0 var(--blades-spacer-button-sm); - flex: 0 0 var(--blades-spacer-button-sm); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-webkit-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-moz-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input:-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-webkit-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-moz-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input:-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::-ms-input-placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item { - min-height: initial; - padding: var(--blades-spacer-xs); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item:hover { - background-color: rgba(var(--color-folder-directory), 1); - -webkit-box-shadow: none; - box-shadow: none; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading { - background-color: rgba(var(--color-background-darkest), 0.5); - border: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading .page-number { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading .journal-entry-page-link { - padding: var(--blades-spacer-base); - -webkit-padding-start: 0; - padding-inline-start: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings:empty { - display: none; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading { - height: auto; - line-height: initial; - margin: 0; - padding: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading:nth-child(even) { - background-color: rgba(var(--color-background), 0.5); } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-16px); - line-height: initial; - padding: var(--blades-spacer-base) var(--blades-spacer-md); - -webkit-padding-start: 0; - padding-inline-start: 0; } - body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link:hover { - color: rgba(var(--color-primary), 1); } - body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm) var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] .edit-container { - height: auto; - pointer-events: initial; - position: absolute; - right: var(--blades-spacer-base); - top: var(--blades-spacer-base); } - body .window-app[id*="JournalEntry-"] a.editor-edit { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - height: var(--blades-spacer-button-sm); - pointer-events: initial; - right: auto; - top: auto; - width: var(--blades-spacer-button-sm); } - body .window-app[id*="JournalEntry-"] a.editor-edit > i { - margin: 0; } - body .window-app[id*="JournalEntry-"] a.editor-edit:hover { - color: rgba(var(--color-text-lightest), 1); } - body .journal-sheet .journal-header { - gap: var(--blades-spacer-md); - margin: var(--blades-spacer-sm); } - body .journal-entry-pages { - margin: 0 var(--blades-spacer-sm) var(--blades-spacer-sm); } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .heading-level { - gap: var(--blades-spacer-base); } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .heading-level label { - margin: 0; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .show-title { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body .window-app[id*="JournalEntryPage-"] .journal-header .page-level .show-title label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - height: auto; - line-height: var(--line-height-default); } - body .window-app[id*="JournalEntryPage-"] .editor.tinymce { - margin: 0 var(--blades-spacer-sm); } - body .sheet[id*="macro-config-"] .sheet-header h1 { - border: none; - margin: 0; } - body .sheet[id*="macro-config-"] .form-group.command.stacked { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - body .sheet[id*="macro-config-"] .form-group.command.stacked > label { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-flex: 0 !important; - -ms-flex: 0 0 auto !important; - flex: 0 0 auto !important; - height: auto; - width: 100%; } - body .sheet[id*="macro-config-"] .form-group.command.stacked > textarea { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: 100%; } - body #module-management { - min-height: 0; } - body #module-management .list-filters .filter { - font-weight: normal; } - body #module-management .list-filters input { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #module-management .list-filters .expand { - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: 0; } - body #module-management .list-filters .expand > i { - margin: 0; } - body #module-management .package-list { - border: none; - height: 37.5rem; - margin: 0; - max-height: initial; - padding: 0; } - body #module-management .package { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm); } - body #module-management .package:last-child { - -webkit-border-after: none; - border-block-end: none; } - body #module-management .package .tag { - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-12px); - height: auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - -webkit-margin-start: var(--blades-spacer-xs); - margin-inline-start: var(--blades-spacer-xs); - padding: var(--blades-spacer-base); } - body #module-management .package[data-module-name="ernies-modern-layout"] { - background-color: rgba(var(--color-primary), 0.8); } - body #module-management .package-overview { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - body #module-management .package-title { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - height: initial; - line-height: var(--line-height-compact); - text-decoration: none; } - body #module-management .package-title input { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #module-management .package-title input[type="checkbox"] { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body #module-management .package-title input[type="checkbox"]::after { - display: none; } - body #module-management .package-description { - color: rgba(var(--color-text-darker), 1); } - body #module-management .package-metadata { - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); } - body #module-management form > footer { - gap: var(--blades-spacer-base); } - body #module-management .enhanced-module-management { - gap: var(--blades-spacer-base); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-margin-after: 0; - margin-block-end: 0; } - body #module-management .enhanced-module-management button { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - width: auto; } - body #module-management .enhanced-module-management button > i { - margin: 0; } - body #module-management .enhanced-module-management button.disable-all-modules { - background-color: var(--blades-color-negative); - color: var(--blades-white-bright); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #module-management .enhanced-module-management button.enable-all-modules { - background-color: var(--blades-color-positive); - color: var(--blades-white-bright); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #module-management .enhanced-module-management ~ .package-list { - height: auto; - overflow-y: auto; } - body .package-configuration aside.sidebar { - -webkit-border-end: 1px solid rgba(var(--color-border), 1); - border-inline-end: 1px solid rgba(var(--color-border), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 220px; - flex: 0 0 220px; - font-size: var(--size-14px); - gap: var(--blades-spacer-md); - height: 100%; - padding: 0; - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - body .package-configuration aside.sidebar .entry-filter { - margin: 0; } - body .package-configuration aside.sidebar nav.filters .category-filter { - -webkit-border-after: 1px solid rgba(var(--color-border), 1); - border-block-end: 1px solid rgba(var(--color-border), 1); - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-weight: normal; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: var(--blades-spacer-base); } - body .package-configuration aside.sidebar nav.filters .category-filter:hover { - color: inherit; } - body .package-configuration aside.sidebar nav.filters .category-filter.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .package-configuration aside.sidebar nav.filters .category-filter.active a { - color: rgba(var(--color-text-lightest), 1); } - body .package-configuration .categories footer { - -webkit-padding-after: 0; - padding-block-end: 0; } - body .window-app[id*="rolltable-sheet-"] .sheet-header h1 { - border: none; - margin: 0; } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result { - display: grid; - grid-template-columns: 2.5rem 8rem 1fr 3.75rem 5rem 3.75rem; } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); } - body .window-app[id*="rolltable-sheet-"] .table-results .table-result select + input { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .window-app[id*="UserConfig-"] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; } - body .window-app[id*="UserConfig-"] .form-group.stacked #characters.directory-list .directory-item.context { - background-color: rgba(var(--color-primary), 1); } - body .window-app[id*="user-sheet-"] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; } - body #always-hp { - height: auto !important; } - body #always-hp .window-content { - border: none; - padding: var(--blades-spacer-sm); } - body #always-hp .window-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - body #always-hp .window-title .token-stats { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - font-size: var(--size-12px); - height: auto; - padding: 0; - text-align: right; } - body #always-hp .window-title .token-stats .stat { - border-radius: 0; - display: inline-block; - font-weight: 700; - line-height: var(--line-height-compact); - padding: var(--blades-spacer-xs) var(--blades-spacer-base); - text-align: center; - vertical-align: baseline; - white-space: nowrap; } - body #always-hp .resource { - background-color: var(--blades-black-dark-fade); - border: 1px solid rgba(var(--color-border), 1); - border-radius: 0; - height: 10px; - grid-area: resource; - margin: 0; - position: relative; - top: auto; - width: 100%; - z-index: 2; } - body #always-hp .resource .bar { - border-radius: 0; } - body .alwayshp-content { - display: grid; - grid-template-columns: -webkit-min-content -webkit-min-content 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: min-content min-content 1fr min-content min-content; - grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content; - grid-template-rows: min-content min-content min-content; - grid-template-areas: "resource resource resource resource resource" "death hurt input heal life" "deathfail deathfail . deathsave deathsave"; - gap: var(--blades-spacer-base); } - body .alwayshp-btn { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - line-height: var(--line-height-compact); } - body .alwayshp-btn i { - margin: 0; - padding: 0; } - body #alwayshp-btn-dead { - grid-area: death; } - body #alwayshp-btn-hurt { - grid-area: hurt; } - body #alwayshp-btn-heal { - grid-area: heal; } - body #alwayshp-btn-fullheal { - grid-area: life; } - body #alwayshp-btn-fullheal i { - padding: 0; } - body #alwayshp-hp { - background: rgba(var(--color-background-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: 700; - grid-area: input; - text-align: center; - width: auto; } - body .death-savingthrow.fail { - grid-area: deathfail; } - body .death-savingthrow.save { - grid-area: deathsave; } - body #levels-elevator { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - body #cgmp-typing-notify { - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); } - body #cgmp-typing-notify.hidden { - display: none; } - body #cgmp-typing-notify .dot { - background-color: var(--blades-white-bright); } - body #chat-log .message .message-header .chat-portrait-text-size-name { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #chat-log .message .message-header img { - margin: var(--blades-spacer-xs) 0; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .combatready-timebar { - background: rgba(var(--color-background-darkest), 0.2); } - body .combatready-timebar-fill { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - body .combatready-timebar-fill .combatready-timebaricon { - display: none; } - body #combat-utility-belt-about a { - text-shadow: none; } - body #cub-puter .terminal { - color: rgba(var(--color-primary), 1); } - body .compendium-browser-btn { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .compendium-footer { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .compendium-browser.window-app { - overflow: hidden; } - body .compendium-browser.window-app .tabs { - max-height: 100%; } - body .compendium-browser.window-app .filtercontainer { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body .compendium-browser.window-app .filtercontainer:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; - border: none; } - body .compendium-browser.window-app .filtercontainer > div { - margin: var(--blades-spacer-base) 0; } - body .compendium-browser.window-app .filtercontainer .multiselect { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .filtercontainer dd { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; } - body .compendium-browser.window-app .filtercontainer dd select { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: auto; } - body .compendium-browser.window-app .filtercontainer dd select + input { - -webkit-border-start: none; - border-inline-start: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; } - body .compendium-browser.window-app .settings-group { - border: none; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .settings-group label { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: var(--blades-spacer-base); } - body .compendium-browser.window-app .settings-group label:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body .compendium-browser.window-app .settings-group label input[type="checkbox"] { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .compendium-browser.window-app .settings-group label h4 { - margin: 0; } - body .compendium-browser.window-app ul { - margin: 0; - padding: 0; } - body #custom-hotbar { - z-index: 10; } - body #dfcp-rt-buttons { - gap: var(--blades-spacer-base); - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 0 !important; } - body #dfcp-rt-buttons button { - background: transparent; - font-size: var(--size-14px); - margin: 0; - min-height: 0; - max-height: 100%; } - body #dfcp-rt-buttons button.chat-archive { - -webkit-margin-start: 0 !important; - margin-inline-start: 0 !important; } - body #dfcp-rt-buttons button > i { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - line-height: var(--line-height-compact); - margin: 0; - width: auto; } - body #df-curvy-walls-tools { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 11.5rem; } - body #df-curvy-walls-tools .control-tools { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - body #df-curvy-walls-tools .control-tool { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #df-curvy-walls-tools .control-tool:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - body #df-curvy-walls-tools .control-tool.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; } - body .dice-so-nice .dice-more-theme { - background: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: var(--size-16px); - margin: 0; - padding: var(--blades-spacer-sm); } - body .dice-so-nice section.content .settings-list { - overflow-x: hidden; - padding: 0; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - display: grid; - grid-template-columns: 1fr 1fr 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content min-content; - line-height: initial; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div { - width: auto; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div.sfx-hidden { - display: none; } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx select + input { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - grid-template-columns: 1fr 1fr 1fr -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection { - background-color: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - height: auto; - min-height: var(--blades-spacer-button); - padding: 0; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul { - margin: 0; - padding: 0 var(--blades-spacer-xs); } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li { - background-color: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin: var(--blades-spacer-xs); - padding: 0; } - body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li button { - height: var(--blades-spacer-button-sm); } - body .dice-so-nice .sheet-footer { - gap: var(--blades-spacer-base); } - body .dialog--dice-calculator.window-app .dice-calculator { - margin: 0; } - body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator__input > label { - font-size: var(--size-16px); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - body #emu-settings form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - max-height: 80vh; - overflow: hidden; } - body #emu-settings form h3 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - body #emu-settings .content { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; } - body #emu-settings .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body #specials-config .fxmaster .directory-header { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - body #specials-config .fxmaster .directory-header > div { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body #specials-config .fxmaster .directory-header > div i { - margin: 0; } - body #specials-config .fxmaster .directory-header > div.active a { - background-color: rgba(var(--color-primary), 1); } - body #specials-config .fxmaster .directory-header a { - width: 100%; } - body #specials-config .fxmaster .directory-list { - -webkit-padding-before: var(--blades-spacer-base); - padding-block-start: var(--blades-spacer-base); } - body #specials-config .fxmaster .special-effects .preview { - background-color: var(--blades-black-fade-strong); - border: none; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: var(--blades-spacer-base); - -webkit-margin-start: 0; - margin-inline-start: 0; - overflow: hidden; } - body #specials-config .fxmaster .special-effects .preview > video { - height: 100%; - width: 100%; } - body #specials-config .fxmaster .special-effects .description { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: var(--blades-spacer-base); } - body #specials-config .fxmaster .special-effects .description h4 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - height: auto; - text-indent: 0; } - body #specials-config .fxmaster .special-effects .description .author { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - line-height: var(--line-height-default); - text-align: left; } - body #specials-config .fxmaster .special-effects .controls { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - line-height: var(--line-height-compact); - padding: 0; } - body #effects-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; } - body #effects-config .directory-item { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); } - body #effects-config .directory-item header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: var(--blades-spacer-base); } - body #effects-config .directory-item header label { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - text-indent: 0; } - body #effects-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); } - body #effects-config .directory-item ol.config { - border: none; } - body #effects-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #effects-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); } - body #effects-config .form-footer { - background-color: transparent; } - body #filters-config .directory-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: var(--size-12px); - line-height: var(--line-height-default); - gap: var(--blades-spacer-base); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: var(--blades-spacer-base); } - body #filters-config .directory-header .layer-toggle { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #filters-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; } - body #filters-config .directory-item { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); } - body #filters-config .directory-item header { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - body #filters-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); } - body #filters-config .directory-item ol.config { - border: none; } - body #filters-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body #filters-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); } - body #filters-config .form-footer { - background-color: transparent; } - body .gm-notes.window-app .controlls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - body .gm-notes.window-app .controlls button { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - body .gm-screen-config.window-app.app table td { - padding: var(--blades-spacer-base); } - body .gm-screen-config.window-app.app table button > i { - margin: 0; } - body .gm-screen-config.window-app.app table ~ button { - width: auto; } - body .gm-screen-app.gm-screen-drawer.window-app { - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs { - position: absolute; } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs button:empty { - display: none; } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions { - -webkit-transition-delay: initial; - transition-delay: initial; - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); } - body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions button > i { - margin: 0; } - body .chat-notifications.settings nav { - background-color: transparent; - padding: 0; } - body .chat-notifications.settings .multi-input-row .input-group-col { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row; - flex-flow: row; } - body .chat-notifications.settings .multi-input-row .input-group-col:first-child { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .chat-notifications.settings .multi-input-row .input-group-col:first-child select { - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; } - body .chat-notifications.settings .multi-input-row > * { - margin: 0; } - body .illandril-chat-enhancements--currentSpeaker { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(var(--color-background), 0.5); - background-image: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-flow: initial; - flex-flow: initial; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - float: initial !important; - left: auto; - margin: 0; - -webkit-padding-before: 0 !important; - padding-block-start: 0 !important; - width: auto !important; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div button { - height: var(--blades-spacer-button); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .vertical-arrow-btn-group { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group > label { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - body .lib-wrapper.settings.window-app .window-content form h1 { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .lib-wrapper.settings.window-app .window-content form select { - height: auto; - padding: var(--blades-spacer-sm); } - body #lmrtfy.lmrtfy-parchment .window-content { - -webkit-padding-after: 0; - padding-block-end: 0; } - body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars input + label { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); - padding: 0; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label img { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - body #lmrtfy.lmrtfy-parchment .lmrtfy-submit { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - padding: var(--blades-spacer-sm); - position: sticky; } - body #lmrtfy.lmrtfy-parchment input[type=checkbox] + label { - cursor: pointer; } - body #lmrtfy.lmrtfy-parchment input[type=checkbox]:checked + label { - color: rgba(var(--color-primary), 1); - font-weight: normal; } - body #lmrtfy.lmrtfy-parchment select + select { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #midi-qol-settings .midi-qol-box { - border: none; - padding: 0; } - body #midi-qol-settings .midi-qol-box select[name="showItemDetails"] { - width: auto; } - body #midi-qol-settings .midi-qol-faint { - color: rgba(var(--color-text), 0.8); } - body #midi-qol-statistics .tab.active[data-tab="config"] { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - body .monsterblock.compact-window .window-content { - -webkit-box-shadow: none; - box-shadow: none; } - body .monsterblock .window-header a.close { - height: var(--blades-spacer-button-sm) !important; - right: auto; } - body .monsterblock .window-content form.flexcol { - display: block; - gap: unset; } - body .monsterblock.sheet.actor nav.switches { - height: var(--blades-spacer-button-xs); - left: 0; - -webkit-padding-start: 0; - padding-inline-start: 0; - position: absolute; - top: -2px; } - body .monsterblock.sheet.actor nav.switches .fa-cog { - background-color: rgba(var(--color-background-button), 1); - border: none; - -webkit-border-before: rgba(var(--color-background-lightest), 1) 2px solid; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - -webkit-border-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; } - body .monsterblock.sheet.actor nav.switches ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); } - body .monsterblock.sheet.actor nav.switches ul li { - -webkit-border-start: 0; - border-inline-start: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; } - body .monsterblock.sheet.actor nav.switches ul li a { - padding: var(--blades-spacer-xs); } - body .monsterblock.sheet.actor nav.switches ul li a:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - body .monsterblock.sheet.actor nav.switches ul li a:not(:only-child)::after { - right: var(--blades-spacer-base); - top: var(--blades-spacer-xs); } - body .monsterblock .tweak-menu ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); } - body .monsterblock .tweak-menu ul li { - -webkit-border-start: 0; - border-inline-start: 0; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; } - body .narrator-span { - text-shadow: none; } - body .narrator-sidebarBG { - width: var(--blades-spacer-sidebar); } - body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version { - color: rgba(var(--color-text), 0.5); - display: none; } - body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version + p { - margin: 0; } - body .pdf-app.app.window-app section.window-content { - background-color: rgba(var(--color-background-lightest), 1) !important; - background-image: none !important; } - body .pdf-app.app.window-app div.flex > * { - height: auto; } - body div.permission-viewer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; } - body div.permission-viewer a { - text-shadow: none; - padding: 0 var(--blades-spacer-base); - width: auto; } - body #polyglot { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; - padding: 0 var(--blades-spacer-sm); } - body #polyglot label { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body #polyglot select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1px; } - body #polyglot-death-form.window-app .window-content form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - padding: 0 !important; } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow: auto; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); - -webkit-padding-after: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) ul { - padding: 0; } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - body #polyglot-death-form.window-app .window-content form .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-before: var(--blades-spacer-sm) !important; - margin-block-start: var(--blades-spacer-sm) !important; } - body #search-anywhere-modal .modal-content { - background-color: transparent; - border: none; - border-radius: 0; } - body #search-anywhere-modal #search-anywhere-autocomplete { - background: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); - font-size: var(--size-20px); - height: auto; - padding: var(--blades-spacer-md); } - body ul.command-menu { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: var(--blades-spacer-sm); - z-index: 1070; } - body ul.command-menu li { - font-size: var(--size-20px); - -webkit-margin-after: var(--blades-spacer-sm); - margin-block-end: var(--blades-spacer-sm); } - body ul.command-menu li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - body ul.command-menu li h2 { - color: inherit; - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); - padding: 0; } - body .simple-calendar-configuration.window-app #simpleCalendarConfiguration .config-save { - position: sticky; } - body #smalltime-app { - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - -webkit-margin-start: -0.375rem; - margin-inline-start: -0.375rem; } - body #smalltime-app .window-header { - display: none; } - body #smalltime-app .window-content { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border-radius: 0; - height: 100%; - overflow: visible; } - body #smalltime-app #slideContainer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - body #smalltime-app #displayContainer { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: transparent; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - padding: 0 var(--blades-spacer-base); - position: relative; - top: auto; } - body #smalltime-app #displayContainer .arrow { - width: 1.25rem; - height: 1.25rem; - font-family: var(--font-awesome) !important; - margin: var(--blades-spacer-xs) 0; } - body #smalltime-app #dateDisplay { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - display: none; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: var(--blades-spacer-base); - position: relative; - text-shadow: none; - -webkit-transform: initial; - -ms-transform: initial; - transform: initial; - -webkit-transition: none; - transition: none; - top: auto; } - body #smalltime-app #dateDisplay.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - body #smalltime-app #timeDisplay { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - gap: var(--blades-spacer-xs); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; } - body #smalltime-app #timeSeparator { - margin: 0; - top: auto; } - body #smalltime-app #dragHandle { - background: transparent; - bottom: calc(-1 * var(--blades-spacer-md)); - left: calc(-1 * var(--blades-spacer-md)); - right: calc(-1 * var(--blades-spacer-md)); - top: calc(-1 * var(--blades-spacer-md)); - position: absolute; - z-index: -1; } - body #smalltime-app .window-draggable-handle { - display: none; } - body .st-scene-config > legend { - margin: initial; - padding: initial; } - body .tidy5e.settings.window-app { - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); } - body .tidy5e.settings.window-app .window-content { - padding: var(--blades-spacer-sm); } - body .tidy5e.settings.window-app .sheet-tabs { - padding: 0; } - body .tidy5e.settings.window-app section.tab { - -webkit-margin-before: 0; - margin-block-start: 0; } - body .tidy5e.settings.window-app .setting { - background-color: transparent; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-sm); } - body .tidy5e.settings.window-app .setting:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - body .tidy5e.sheet.actor.npc .spellcasting-ability { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; } - body .tidy5e.sheet.actor .window-content { - padding: 0; - position: initial; } - body .tidy5e.sheet.actor #item-info-container { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-border-end: 0; - border-inline-end: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - -webkit-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - -webkit-transition-delay: 0s; - transition-delay: 0s; } - body .tidy5e.sheet.actor #item-info-container .info-wrap { - -webkit-border-end: rgba(var(--color-border-lighter), 1) 1px solid; - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; } - body .tidy5e.sheet.actor #item-info-container .info-card { - border-radius: 0; - padding: var(--blades-spacer-sm); } - body #token-action-hud { - margin: 0; } - body #token-action-hud #tah-hudTitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - margin: 0; - -webkit-margin-start: 1.75rem; - margin-inline-start: 1.75rem; - padding: 0; } - body #token-action-hud #tah-categories { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #token-action-hud .tah-subtitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - line-height: initial; - padding: 0; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body #token-action-hud .tah-action { - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: 0; } - body #token-action-hud .tah-action button { - background-color: rgba(var(--color-background), 1); - background-image: none; } - body #token-action-hud .tah-action button > div { - text-shadow: none; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body #token-action-hud .tah-action button > .tah-img { - border: none; - width: 1rem; - height: 1rem; - border-radius: 0; - display: inline-block; - margin: 0; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: 0; } - body #token-action-hud .tah-content { - left: -9.625rem; - padding: var(--blades-spacer-sm) 0; } - body .token-action-hud-taginput { - margin: var(--blades-spacer-sm) 0; } - body #token-action-hud-index { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - body .token-attacher-gm-menu.window-app.settings .window-content form button { - margin: 0; } - body #tokenAttacherQuickEdit { - background: transparent; } - body #tokenAttacherQuickEdit h3 { - color: rgba(var(--color-primary), 1); - text-shadow: 1px 1px 4px var(--blades-black-dark); - font-size: var(--size-20px); - line-height: initial; } - body #tokenAttacher { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 3.25rem; } - body #tokenAttacher .image { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-primary), 1) 1px solid; - width: 6.5rem; - height: 6.5rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - min-width: 0; } - body #tokenAttacher .image .token-name { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-primary), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - bottom: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; - padding: var(--blades-spacer-base); - margin: 0; - max-width: 100%; - top: 100%; } - body #tokenAttacher .image .token-name span { - height: auto; - margin: 0; - width: auto; } - body #tokenAttacher .control-tools { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - pointer-events: none; - opacity: 1; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - body #tokenAttacher .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; } - body #tokenAttacher .control-tool > i { - font-size: inherit; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - width: auto; } - body #tokenAttacher .control-tool:hover { - background-image: none; } - body #tokenAttacher .control-tool:focus { - background-image: none; } - body #tokenAttacher .control-tool.close { - top: var(--blades-spacer-pf); - left: var(--blades-spacer-pf); - position: absolute; - margin: 0; } - body .tokenmagic.window-app.settings section.content { - border: none; - overflow-y: auto; } - body .tokenmagic.window-app.settings section.content div.override-entry { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm) 0; } - body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper i { - margin: 0; } - body .tokenmagic.window-app.settings section.content .settings-list { - max-height: 100%; - overflow: hidden; - padding: 0; } - body .tokenmagic.window-app.settings section.content .settings-list h2 { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body .tokenmagic.window-app.settings .sheet-footer { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - body #dd-importer .window-content { - overflow: auto; } - body #dd-importer .form-group { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 0; - padding: var(--blades-spacer-sm); } - body #dd-importer .form-group > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-padding-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-base); } - body #dd-importer .form-group#dd-upload-files { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - body #dd-importer .form-group#dd-upload-files .file-input { - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - body ::-moz-selection { - background-color: var(--blades-white); } - body ::selection { - background-color: var(--blades-white); } - body ::-moz-selection { - background-color: var(--blades-white); } - body ::selection { - background-color: var(--blades-white); } - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*="JournalEntry-"] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .tabs a:disabled, -body .dialog .sheet-tabs a:disabled, -body #sidebar .tabs a:disabled, -body #sidebar .sheet-tabs a:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:disabled, -body #module-management .list-filters a:disabled, -body .dialog button:disabled, -body #sidebar button:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:disabled, -body #menu #menu-items li:disabled, -body #sidebar #combat #combat-controls .combat-control:disabled, -body .sidebar-popout #combat #combat-controls .combat-control:disabled, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:disabled, -body .window-app[id*="JournalEntry-"] a.editor-edit:disabled, -body .alwayshp-btn:disabled, -body #sidebar #combat .add-temporary:disabled, -body .sidebar-popout #combat .add-temporary:disabled, -body #specials-config .fxmaster .directory-header a:disabled, -body ul.command-menu li:disabled, -body #token-action-hud button.tah-title-button:disabled, -body #token-action-hud .tah-action button:disabled, -body #sidebar .token-mold > label > span:disabled, -body .sidebar-popout .token-mold > label > span:disabled, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:disabled, -body .window-app[id*="cards-sheet-"] .cards-header a:disabled, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:disabled, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:disabled, -body .window-app[id*="cards-sheet-"] .cards .card a:disabled, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-folder:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-entity:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:disabled, -body .dialog .directory .directory-item .create-folder:disabled, -body .dialog .directory .directory-item .create-document:disabled, -body #sidebar .directory .directory-item .create-folder:disabled, -body #sidebar .directory .directory-item .create-document:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:disabled, -body #navigation #nav-toggle:disabled, -body .window-app .window-header > a:disabled, -body .window-app .window-header a.header-button:disabled, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:disabled, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:disabled, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:disabled, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:disabled, -body #sidebar #combat .combat-tracker-header .encounters a:disabled, -body #sidebar #combat .combat-tracker-header .encounter-controls a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounters a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:disabled, -body #sidebar #combat #combat-tracker .combatant .combatant-control:disabled, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:disabled, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body #sidebar #playlists #currently-playing .sound .sound-control:disabled, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:disabled, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:disabled, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:disabled, -body #dfcp-rt-buttons button:disabled, -body #specials-config .fxmaster .special-effects .controls a:disabled, -body div.permission-viewer a:disabled, -body #smalltime-app #displayContainer .arrow:disabled, -body #token-action-hud #tah-reposition:disabled, -body #token-action-hud #tah-categories:disabled, -body #sidebar .token-mold > a:disabled, -body .sidebar-popout .token-mold > a:disabled, -body #sidebar .sidebar-tab .directory-header .header-control:disabled, -body .sidebar-popout .sidebar-tab .directory-header .header-control:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*="JournalEntry-"] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - background-color: rgba(var(--color-background-button), 1); } - -body .dialog .dialog-buttons .dialog-button, -body .dialog .dialog-buttons .-emu-layout .dialog-button { - margin: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body .sidebar-popout .-emu-layout .token-mold > a { - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a > i, -body .window-app[id*="cards-sheet-"] .cards-header a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a > i, -body .window-app[id*="cards-sheet-"] .cards .card a > i, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body .sidebar-popout .-emu-layout .token-mold > a > i { - margin: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a { - text-shadow: none; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog input[type="text"], -body .dialog input[type="number"], -body .dialog input[type="date"], -body .dialog input[type="time"], -body .dialog input[type="password"], -body .dialog input[type="datetime-local"], -body #sidebar input[type="text"], -body #sidebar input[type="number"], -body #sidebar input[type="date"], -body #sidebar input[type="time"], -body #sidebar input[type="password"], -body #sidebar input[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"], -body #hud input[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="text"], -body .dialog input[type="number"], -body .dialog input[type="date"], -body .dialog input[type="time"], -body .dialog input[type="password"], -body .dialog input[type="datetime-local"], -body #sidebar input[type="text"], -body #sidebar input[type="number"], -body #sidebar input[type="date"], -body #sidebar input[type="time"], -body #sidebar input[type="password"], -body #sidebar input[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"], -body #hud input[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField .-emu-layout #searchInput { - width: 100%; - height: var(--blades-spacer-button); - font-family: inherit; - font-size: inherit; - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - min-width: var(--blades-spacer-xl); - padding: 0 var(--blades-spacer-sm); - position: relative; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -body .dialog input[type="text"]::-moz-placeholder, body .dialog input[type="number"]::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::placeholder, -body .dialog input[type="number"]::placeholder, -body .dialog input[type="date"]::-moz-placeholder, -body .dialog input[type="time"]::-moz-placeholder, -body .dialog input[type="password"]::-moz-placeholder, -body .dialog input[type="datetime-local"]::-moz-placeholder, -body #sidebar input[type="text"]::-moz-placeholder, -body #sidebar input[type="number"]::-moz-placeholder, -body #sidebar input[type="date"]::-moz-placeholder, -body #sidebar input[type="time"]::-moz-placeholder, -body #sidebar input[type="password"]::-moz-placeholder, -body #sidebar input[type="datetime-local"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-moz-placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-moz-placeholder, -body #hud input[type="text"]::-moz-placeholder, -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-webkit-input-placeholder, body .dialog input[type="number"]::-webkit-input-placeholder, body .dialog input[type="date"]::-webkit-input-placeholder, body .dialog input[type="time"]::-webkit-input-placeholder, body .dialog input[type="password"]::-webkit-input-placeholder, body .dialog input[type="datetime-local"]::-webkit-input-placeholder, body #sidebar input[type="text"]::-webkit-input-placeholder, body #sidebar input[type="number"]::-webkit-input-placeholder, body #sidebar input[type="date"]::-webkit-input-placeholder, body #sidebar input[type="time"]::-webkit-input-placeholder, body #sidebar input[type="password"]::-webkit-input-placeholder, body #sidebar input[type="datetime-local"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-webkit-input-placeholder, body #hud input[type="text"]::-webkit-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-webkit-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-webkit-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-webkit-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-webkit-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-moz-placeholder, body .dialog input[type="number"]::-moz-placeholder, body .dialog input[type="date"]::-moz-placeholder, body .dialog input[type="time"]::-moz-placeholder, body .dialog input[type="password"]::-moz-placeholder, body .dialog input[type="datetime-local"]::-moz-placeholder, body #sidebar input[type="text"]::-moz-placeholder, body #sidebar input[type="number"]::-moz-placeholder, body #sidebar input[type="date"]::-moz-placeholder, body #sidebar input[type="time"]::-moz-placeholder, body #sidebar input[type="password"]::-moz-placeholder, body #sidebar input[type="datetime-local"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-moz-placeholder, body #hud input[type="text"]::-moz-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-moz-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]:-ms-input-placeholder, body .dialog input[type="number"]:-ms-input-placeholder, body .dialog input[type="date"]:-ms-input-placeholder, body .dialog input[type="time"]:-ms-input-placeholder, body .dialog input[type="password"]:-ms-input-placeholder, body .dialog input[type="datetime-local"]:-ms-input-placeholder, body #sidebar input[type="text"]:-ms-input-placeholder, body #sidebar input[type="number"]:-ms-input-placeholder, body #sidebar input[type="date"]:-ms-input-placeholder, body #sidebar input[type="time"]:-ms-input-placeholder, body #sidebar input[type="password"]:-ms-input-placeholder, body #sidebar input[type="datetime-local"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]:-ms-input-placeholder, body #hud input[type="text"]:-ms-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:-ms-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:-ms-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input:-ms-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::-ms-input-placeholder, body .dialog input[type="number"]::-ms-input-placeholder, body .dialog input[type="date"]::-ms-input-placeholder, body .dialog input[type="time"]::-ms-input-placeholder, body .dialog input[type="password"]::-ms-input-placeholder, body .dialog input[type="datetime-local"]::-ms-input-placeholder, body #sidebar input[type="text"]::-ms-input-placeholder, body #sidebar input[type="number"]::-ms-input-placeholder, body #sidebar input[type="date"]::-ms-input-placeholder, body #sidebar input[type="time"]::-ms-input-placeholder, body #sidebar input[type="password"]::-ms-input-placeholder, body #sidebar input[type="datetime-local"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::-ms-input-placeholder, body #hud input[type="text"]::-ms-input-placeholder, body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::-ms-input-placeholder, body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::-ms-input-placeholder, body .monsterblock.sheet.actor nav.switches ul li .switch-input::-ms-input-placeholder, body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input[type="text"]::placeholder, -body .dialog input[type="number"]::placeholder, -body .dialog input[type="date"]::placeholder, -body .dialog input[type="time"]::placeholder, -body .dialog input[type="password"]::placeholder, -body .dialog input[type="datetime-local"]::placeholder, -body #sidebar input[type="text"]::placeholder, -body #sidebar input[type="number"]::placeholder, -body #sidebar input[type="date"]::placeholder, -body #sidebar input[type="time"]::placeholder, -body #sidebar input[type="password"]::placeholder, -body #sidebar input[type="datetime-local"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="text"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="number"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="date"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="time"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="password"]::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="datetime-local"]::placeholder, -body #hud input[type="text"]::placeholder, -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input::placeholder, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input::placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput::placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog input:disabled[type="text"], -body .dialog input:disabled[type="number"], -body .dialog input:disabled[type="date"], -body .dialog input:disabled[type="time"], -body .dialog input:disabled[type="password"], -body .dialog input:disabled[type="datetime-local"], -body #sidebar input:disabled[type="text"], -body #sidebar input:disabled[type="number"], -body #sidebar input:disabled[type="date"], -body #sidebar input:disabled[type="time"], -body #sidebar input:disabled[type="password"], -body #sidebar input:disabled[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="datetime-local"], -body #hud input:disabled[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:disabled, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:disabled, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:disabled, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog select, -body #sidebar select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog select, -body #sidebar select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout select { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; - text-overflow: ellipsis; } - -body .dialog select[multiple], -body #sidebar select[multiple], -body .window-app:not([id*="Actor-"], [id*="Item-"]) select[multiple], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout select[multiple] { - height: auto; - padding: var(--blades-spacer-sm); } - -body .dialog select:disabled, -body #sidebar select:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:disabled { - opacity: 0.5; - pointer-events: none; } - -body .dialog select optgroup, -body #sidebar select optgroup, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select optgroup, -body .dialog select option, -body #sidebar select option, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select option { - background-color: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); } - -body .dialog input[type="checkbox"], -body #sidebar input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"], -body #module-management .package-title input[type="checkbox"] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="checkbox"], -body #sidebar input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type="checkbox"], -body #module-management .package-title input[type="checkbox"], -body #module-management .package-title .-emu-layout input[type="checkbox"] { - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - cursor: pointer; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - position: relative; - top: auto; } - -body .dialog input:disabled[type="checkbox"], -body #sidebar input:disabled[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:disabled[type="checkbox"], -body #module-management .package-title input:disabled[type="checkbox"] { - opacity: 0.5; - pointer-events: none; } - -body .dialog input:checked[type="checkbox"], -body #sidebar input:checked[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:checked[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:checked[type="checkbox"], -body #module-management .package-title input:checked[type="checkbox"] { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -body .dialog input[type="radio"], -body #sidebar input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="radio"] { - margin: 0; - top: auto; } - -body .dialog input[type="color"], -body .dialog input[type="color"][data-edit], -body #sidebar input[type="color"], -body #sidebar input[type="color"][data-edit], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"][data-edit] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="color"], -body #sidebar input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="color"] { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; } - -body .dialog input:disabled[type="color"], -body #sidebar input:disabled[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:disabled[type="color"] { - opacity: 0.5; - pointer-events: none; } - -body .dialog input[type="range"], -body #sidebar input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] { - background: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog input[type="range"], -body #sidebar input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"] { - margin: 0; - width: 100%; } - -body .dialog input:hover[type="range"], -body #sidebar input:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="range"], -body .dialog input:focus[type="range"], -body #sidebar input:focus[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="range"] { - -webkit-box-shadow: none; - box-shadow: none; - outline: none; } - -body .dialog input[type="range"]::-webkit-slider-runnable-track, -body #sidebar input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-webkit-slider-runnable-track, -body #sidebar input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - cursor: pointer; } - -body .dialog input[type="range"]:focus::-webkit-slider-runnable-track, -body #sidebar input[type="range"]:focus::-webkit-slider-runnable-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]:focus::-ms-fill-lower, -body #sidebar input[type="range"]:focus::-ms-fill-lower, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-ms-fill-lower { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]:focus::-ms-fill-upper, -body #sidebar input[type="range"]:focus::-ms-fill-upper, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]:focus::-ms-fill-upper { - background-color: rgba(var(--color-background), 1); } - -body .dialog input[type="range"]::-webkit-slider-thumb, -body #sidebar input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-webkit-slider-thumb, -body #sidebar input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-webkit-slider-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - -webkit-margin-before: -0.3125rem; - margin-block-start: -0.3125rem; } - -body .dialog input::-webkit-slider-thumb:hover[type="range"], -body #sidebar input::-webkit-slider-thumb:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input::-webkit-slider-thumb:hover[type="range"] { - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .dialog input[type="range"]::-moz-range-track, -body #sidebar input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - -moz-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-moz-range-track, -body #sidebar input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-track, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-moz-range-track { - width: 100%; - height: 0.5rem; - cursor: pointer; } - -body .dialog input[type="range"]::-moz-range-thumb, -body #sidebar input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - -moz-transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog input[type="range"]::-moz-range-thumb, -body #sidebar input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"]::-moz-range-thumb, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"]::-moz-range-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; } - -body .dialog input::-moz-range-thumb:hover[type="range"], -body #sidebar input::-moz-range-thumb:hover[type="range"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input::-moz-range-thumb:hover[type="range"] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .dialog input[type="range"] + .range-value, -body #sidebar input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] + .range-value { - border: none; - color: rgba(var(--color-text), 1); } - -body .dialog input[type="range"] + .range-value, -body #sidebar input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) input[type="range"] + .range-value, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout input[type="range"] + .range-value { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - margin: 0; - padding: 0; } - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-layout textarea { - font-family: inherit; - font-size: inherit; - margin: 0; - min-height: 4rem; - padding: var(--blades-spacer-sm); - position: relative; - resize: none; - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - width: 100%; } - -.-emu-compact body .dialog textarea, -.-emu-compact body #sidebar textarea, -.-emu-compact body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .-emu-compact textarea { - min-height: 3rem; } - -body .dialog textarea::-moz-placeholder, body #sidebar textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-webkit-input-placeholder, body #sidebar textarea::-webkit-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-webkit-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-moz-placeholder, body #sidebar textarea::-moz-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea:-ms-input-placeholder, body #sidebar textarea:-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::-ms-input-placeholder, body #sidebar textarea::-ms-input-placeholder, body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::-ms-input-placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea::placeholder { - color: rgba(var(--color-text), 0.5); } - -body .dialog textarea:disabled, -body #sidebar textarea:disabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:disabled { - opacity: 0.5; - pointer-events: none; } - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold, -body .sidebar-popout .-emu-layout .token-mold { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-align: start; } - -body #sidebar .sidebar-tab .directory-header:empty, -body #sidebar .sidebar-tab .directory-footer:empty, -body .sidebar-popout .sidebar-tab .directory-header:empty, -body .sidebar-popout .sidebar-tab .directory-footer:empty, -body #sidebar #combat .combat-tracker-header:empty, -body .sidebar-popout #combat .combat-tracker-header:empty, -body #sidebar [data-tab="chat"] section.dice-tray:empty, -body .sidebar-popout [data-tab="chat"] section.dice-tray:empty, -body #sidebar .token-mold:empty, -body .sidebar-popout .token-mold:empty, -body .sidebar-popout .-emu-layout .token-mold:empty { - display: none; } - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*="JournalEntry-"] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:hover, -body .window-app[id*="cards-sheet-"] .cards-header a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:hover, -body .window-app[id*="cards-sheet-"] .cards .card a:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover, -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:hover, -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:hover, -body #hotbar .bar-controls .page-control:hover, -body #hotbar .bar-controls #macro-directory:hover, -body #hotbar .bar-controls #bar-toggle:hover, -body #hotbar .macro:hover, -body #hud .control-icon:hover, -body #hud .control-icon.active, -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle:hover, -body #navigation #scene-list .scene:hover, -body .window-app .window-resizable-handle:hover, -body .sheet .sheet-header > img:hover, -body #sidebar #sidebar-tabs > .item:hover, -body #sidebar #sidebar-tabs > .collapse:hover, -body .sidebar-popout #sidebar-tabs > .item:hover, -body .sidebar-popout #sidebar-tabs > .collapse:hover, -body #sidebar #combat #combat-tracker .combatant:hover, -body .sidebar-popout #combat #combat-tracker .combatant:hover, -body #df-curvy-walls-tools .control-tool:hover, -body .monsterblock.sheet.actor nav.switches .fa-cog:hover, -body .window-app .window-draggable-handle:hover, -body #tokenAttacher .control-tool:hover { - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - text-shadow: none; } - -body .dialog input:hover[type="text"], -body .dialog input:hover[type="number"], -body .dialog input:hover[type="date"], -body .dialog input:hover[type="time"], -body .dialog input:hover[type="password"], -body .dialog input:hover[type="datetime-local"], -body #sidebar input:hover[type="text"], -body #sidebar input:hover[type="number"], -body #sidebar input:hover[type="date"], -body #sidebar input:hover[type="time"], -body #sidebar input:hover[type="password"], -body #sidebar input:hover[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="datetime-local"], -body #hud input:hover[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:hover, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:hover, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:hover, -body .dialog select:hover, -body #sidebar select:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:hover, -body .dialog input:hover[type="checkbox"], -body #sidebar input:hover[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:hover[type="checkbox"], -body #module-management .package-title input:hover[type="checkbox"], -body .dialog input:hover[type="color"], -body #sidebar input:hover[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:hover[type="color"], -body .dialog textarea:hover, -body #sidebar textarea:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:hover, -body .dialog .tox .tox-tbtn:hover, -body #sidebar .tox .tox-tbtn:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn:hover, -body #sidebar #combat #combat-tracker .combatant.defeated.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item.active, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item.active:hover, -body #controls #SDRpopup.simple-dice-roller-popup li:hover { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - text-shadow: none; } - -body .dialog .tabs a:focus, -body .dialog .sheet-tabs a:focus, -body #sidebar .tabs a:focus, -body #sidebar .sheet-tabs a:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a:focus, -body #module-management .list-filters a:focus, -body .dialog button:focus, -body #sidebar button:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button:focus, -body #menu #menu-items li:focus, -body #sidebar #combat #combat-controls .combat-control:focus, -body .sidebar-popout #combat #combat-controls .combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:focus, -body .window-app[id*="JournalEntry-"] a.editor-edit:focus, -body .alwayshp-btn:focus, -body #sidebar #combat .add-temporary:focus, -body .sidebar-popout #combat .add-temporary:focus, -body #specials-config .fxmaster .directory-header a:focus, -body ul.command-menu li:focus, -body #token-action-hud button.tah-title-button:focus, -body #token-action-hud .tah-action button:focus, -body #sidebar .token-mold > label > span:focus, -body .sidebar-popout .token-mold > label > span:focus, -body .sheet[id*="activeeffect-sheet-"] .effects-header a:focus, -body .window-app[id*="cards-sheet-"] .cards-header a:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:focus, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a:focus, -body .window-app[id*="cards-sheet-"] .cards .card a:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:focus, -body .dialog .directory .directory-item.folder .folder-header .create-folder:focus, -body .dialog .directory .directory-item.folder .folder-header .create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .create-entity:focus, -body .dialog .directory .directory-item .create-folder:focus, -body .dialog .directory .directory-item .create-document:focus, -body #sidebar .directory .directory-item .create-folder:focus, -body #sidebar .directory .directory-item .create-document:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document:focus, -body #navigation #nav-toggle:focus, -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus, -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete:focus, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete:focus, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a:focus, -body #sidebar #combat .combat-tracker-header .encounters a:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:focus, -body #sidebar #combat #combat-tracker .combatant .combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:focus, -body #sidebar #playlists #currently-playing .sound .sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:focus, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button:focus, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button:focus, -body #dfcp-rt-buttons button:focus, -body #specials-config .fxmaster .special-effects .controls a:focus, -body div.permission-viewer a:focus, -body #smalltime-app #displayContainer .arrow:focus, -body #token-action-hud #tah-reposition:focus, -body #token-action-hud #tah-categories:focus, -body #sidebar .token-mold > a:focus, -body .sidebar-popout .token-mold > a:focus, -body #sidebar .sidebar-tab .directory-header .header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .header-control:focus, -body .dialog input:focus[type="text"], -body .dialog input:focus[type="number"], -body .dialog input:focus[type="date"], -body .dialog input:focus[type="time"], -body .dialog input:focus[type="password"], -body .dialog input:focus[type="datetime-local"], -body #sidebar input:focus[type="text"], -body #sidebar input:focus[type="number"], -body #sidebar input:focus[type="date"], -body #sidebar input:focus[type="time"], -body #sidebar input:focus[type="password"], -body #sidebar input:focus[type="datetime-local"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="number"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="date"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="time"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="password"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="datetime-local"], -body #hud input:focus[type="text"], -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input:focus, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input:focus, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:focus, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab="modules"] #searchField #searchInput:focus, -body .dialog select:focus, -body #sidebar select:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) select:focus, -body .dialog input:focus[type="checkbox"], -body #sidebar input:focus[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="checkbox"], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:focus[type="checkbox"], -body #module-management .package-title input:focus[type="checkbox"], -body .dialog input:focus[type="color"], -body #sidebar input:focus[type="color"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) input:focus[type="color"], -body .dialog textarea:focus, -body #sidebar textarea:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) textarea:focus, -body .dialog .tabs a.active:focus, -body .dialog .sheet-tabs a.active:focus, -body #sidebar .tabs a.active:focus, -body #sidebar .sheet-tabs a.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active:focus, -body #module-management .list-filters a.active:focus, -body .dialog button.active:focus, -body #sidebar button.active:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active:focus, -body #menu #menu-items li.active:focus, -body #sidebar #combat #combat-controls .active.combat-control:focus, -body .sidebar-popout #combat #combat-controls .active.combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:focus, -body .window-app[id*="JournalEntry-"] a.active.editor-edit:focus, -body .active.alwayshp-btn:focus, -body #sidebar #combat .active.add-temporary:focus, -body .sidebar-popout #combat .active.add-temporary:focus, -body #specials-config .fxmaster .directory-header a.active:focus, -body ul.command-menu li.active:focus, -body #token-action-hud button.active.tah-title-button:focus, -body #token-action-hud .tah-action button.active:focus, -body #sidebar .token-mold > label > span.active:focus, -body .sidebar-popout .token-mold > label > span.active:focus, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active:focus, -body .window-app[id*="cards-sheet-"] .cards-header a.active:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:focus, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active:focus, -body .window-app[id*="cards-sheet-"] .cards .card a.active:focus, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:focus, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .dialog .directory .directory-item .active.create-folder:focus, -body .dialog .directory .directory-item .active.create-document:focus, -body #sidebar .directory .directory-item .active.create-folder:focus, -body #sidebar .directory .directory-item .active.create-document:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document:focus, -body #navigation .active#nav-toggle:focus, -body .window-app .window-header > a.active:focus, -body .window-app .window-header a.active.header-button:focus, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete:focus, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete:focus, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active:focus, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active:focus, -body #sidebar #combat .combat-tracker-header .encounters a.active:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:focus, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body #sidebar #playlists #currently-playing .sound .active.sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:focus, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #dfcp-rt-buttons button.active:focus, -body #specials-config .fxmaster .special-effects .controls a.active:focus, -body div.permission-viewer a.active:focus, -body #smalltime-app #displayContainer .active.arrow:focus, -body #token-action-hud .active#tah-reposition:focus, -body #token-action-hud .active#tah-categories:focus, -body #sidebar .token-mold > a.active:focus, -body .sidebar-popout .token-mold > a.active:focus, -body #sidebar .sidebar-tab .directory-header .active.header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:focus, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #hotbar .macro.active:focus, -body #hud .control-icon.active:focus, -body #controls .control-tools .scene-control.active:focus, -body #controls .control-tools .control-tool.active:focus, -body #controls .control-tools .control-tool.toggle.active:focus, -body #navigation #scene-list .scene.active:focus, -body #navigation #scene-list .scene.view:focus, -body #navigation #scene-list .scene.active:focus:not(.gm), -body #navigation #scene-list .scene.view:focus:not(.gm), -body #sidebar #sidebar-tabs > .item.active:focus, -body #sidebar #sidebar-tabs > .collapse.active:focus, -body .sidebar-popout #sidebar-tabs > .item.active:focus, -body .sidebar-popout #sidebar-tabs > .collapse.active:focus, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:focus, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:focus, -body #sidebar #combat #combat-tracker .combatant.active:focus, -body .sidebar-popout #combat #combat-tracker .combatant.active:focus, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:focus, -body #df-curvy-walls-tools .control-tool.active:focus, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:focus, -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:focus, -body .dialog .directory .directory-item.folder.droptarget .folder-header, -body #sidebar .directory .directory-item.folder.droptarget .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.droptarget .folder-header, -body .dialog .directory .directory-item.folder .folder-header:focus, -body #sidebar .directory .directory-item.folder .folder-header:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:focus, -body .dialog a[href]:focus, -body #sidebar a[href]:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href]:focus, -body #context-menu ol.context-items .context-item:focus, -body #hotbar .bar-controls .page-control:focus, -body #hotbar .bar-controls #macro-directory:focus, -body #hotbar .bar-controls #bar-toggle:focus, -body #hotbar .macro:focus, -body #hud .control-icon:focus, -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus, -body #controls .control-tools .control-tool.toggle:focus, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene:focus, -body .window-app .window-resizable-handle:focus, -body .sheet .sheet-header > img:focus, -body .filepicker.window-app .filepicker-body.private, -body #df-curvy-walls-tools .control-tool:focus, -body #df-curvy-walls-tools .control-tool.active, -body .dice-so-nice section.content .settings-list .select2:focus .select2-selection, -body .dice-so-nice section.content .settings-list .select2.select2-container--focus .select2-selection, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label, -body .monsterblock.sheet.actor nav.switches .fa-cog:focus, -body #search-anywhere-modal #search-anywhere-autocomplete, -body .window-app .window-draggable-handle:focus, -body #tokenAttacher .control-tool:focus { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - text-shadow: none; - outline: none; } - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body .dialog button.active, -body #sidebar button.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active, -body #menu #menu-items li.active, -body #sidebar #combat #combat-controls .active.combat-control, -body .sidebar-popout #combat #combat-controls .active.combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode, -body .window-app[id*="JournalEntry-"] a.active.editor-edit, -body .active.alwayshp-btn, -body #sidebar #combat .active.add-temporary, -body .sidebar-popout #combat .active.add-temporary, -body #specials-config .fxmaster .directory-header a.active, -body ul.command-menu li.active, -body #token-action-hud button.active.tah-title-button, -body #token-action-hud .tah-action button.active, -body #sidebar .token-mold > label > span.active, -body .sidebar-popout .token-mold > label > span.active, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active, -body .window-app[id*="cards-sheet-"] .cards-header a.active, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active, -body .window-app[id*="cards-sheet-"] .cards .card a.active, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active, -body .dialog .directory .directory-item.folder .folder-header .active.create-folder, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity, -body #sidebar .directory .directory-item.folder .folder-header .active.create-folder, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity, -body .dialog .directory .directory-item .active.create-folder, -body .dialog .directory .directory-item .active.create-document, -body #sidebar .directory .directory-item .active.create-folder, -body #sidebar .directory .directory-item .active.create-document, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document, -body #navigation .active#nav-toggle, -body .window-app .window-header > a.active, -body .window-app .window-header a.active.header-button, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active, -body #sidebar #combat .combat-tracker-header .encounters a.active, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control, -body #sidebar #playlists #currently-playing .sound .active.sound-control, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active, -body #dfcp-rt-buttons button.active, -body #specials-config .fxmaster .special-effects .controls a.active, -body div.permission-viewer a.active, -body #smalltime-app #displayContainer .active.arrow, -body #token-action-hud .active#tah-reposition, -body #token-action-hud .active#tah-categories, -body #sidebar .token-mold > a.active, -body .sidebar-popout .token-mold > a.active, -body #sidebar .sidebar-tab .directory-header .active.header-control, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled, -body #hotbar .macro.active, -body #hud .control-icon.active, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm), -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock, -body #sidebar #combat #combat-tracker .combatant.active, -body .sidebar-popout #combat #combat-tracker .combatant.active, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy, -body #df-curvy-walls-tools .control-tool.active, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - background-color: var(--blades-grey); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .dialog .tabs a.active:hover, -body .dialog .sheet-tabs a.active:hover, -body #sidebar .tabs a.active:hover, -body #sidebar .sheet-tabs a.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active:hover, -body #module-management .list-filters a.active:hover, -body .dialog button.active:hover, -body #sidebar button.active:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) button.active:hover, -body #menu #menu-items li.active:hover, -body #sidebar #combat #combat-controls .active.combat-control:hover, -body .sidebar-popout #combat #combat-controls .active.combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:hover, -body .window-app[id*="JournalEntry-"] a.active.editor-edit:hover, -body .active.alwayshp-btn:hover, -body #sidebar #combat .active.add-temporary:hover, -body .sidebar-popout #combat .active.add-temporary:hover, -body #specials-config .fxmaster .directory-header a.active:hover, -body ul.command-menu li.active:hover, -body #token-action-hud button.active.tah-title-button:hover, -body #token-action-hud .tah-action button.active:hover, -body #sidebar .token-mold > label > span.active:hover, -body .sidebar-popout .token-mold > label > span.active:hover, -body .sheet[id*="activeeffect-sheet-"] .effects-header a.active:hover, -body .window-app[id*="cards-sheet-"] .cards-header a.active:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:hover, -body .sheet[id*="activeeffect-sheet-"] .changes-list li a.active:hover, -body .window-app[id*="cards-sheet-"] .cards .card a.active:hover, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:hover, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .dialog .directory .directory-item .active.create-folder:hover, -body .dialog .directory .directory-item .active.create-document:hover, -body #sidebar .directory .directory-item .active.create-folder:hover, -body #sidebar .directory .directory-item .active.create-document:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .active.create-document:hover, -body #navigation .active#nav-toggle:hover, -body .window-app .window-header > a.active:hover, -body .window-app .window-header a.active.header-button:hover, -body #sidebar [data-tab="chat"] #chat-log .message .active.button.message-delete:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .active.button.message-delete:hover, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a.active:hover, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a.active:hover, -body #sidebar #combat .combat-tracker-header .encounters a.active:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:hover, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body #sidebar #playlists #currently-playing .sound .active.sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:hover, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #dfcp-rt-buttons button.active:hover, -body #specials-config .fxmaster .special-effects .controls a.active:hover, -body div.permission-viewer a.active:hover, -body #smalltime-app #displayContainer .active.arrow:hover, -body #token-action-hud .active#tah-reposition:hover, -body #token-action-hud .active#tah-categories:hover, -body #sidebar .token-mold > a.active:hover, -body .sidebar-popout .token-mold > a.active:hover, -body #sidebar .sidebar-tab .directory-header .active.header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:hover, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #hotbar .macro.active:hover, -body #hud .control-icon.active:hover, -body #controls .control-tools .scene-control.active:hover, -body #controls .control-tools .control-tool.active:hover, -body #controls .control-tools .control-tool.toggle.active:hover, -body #navigation #scene-list .scene.active:hover, -body #navigation #scene-list .scene.view:hover, -body #navigation #scene-list .scene.active:hover:not(.gm), -body #navigation #scene-list .scene.view:hover:not(.gm), -body #sidebar #sidebar-tabs > .item.active:hover, -body #sidebar #sidebar-tabs > .collapse.active:hover, -body .sidebar-popout #sidebar-tabs > .item.active:hover, -body .sidebar-popout #sidebar-tabs > .collapse.active:hover, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:hover, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:hover, -body #sidebar #combat #combat-tracker .combatant.active:hover, -body .sidebar-popout #combat #combat-tracker .combatant.active:hover, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:hover, -body #df-curvy-walls-tools .control-tool.active:hover, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header, -body .window-app[id*="cards-sheet-"] .cards-header, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: rgba(var(--color-background), 0.1); - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header, -body .window-app[id*="cards-sheet-"] .cards-header, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header { - height: auto; - padding: var(--blades-spacer-sm); - width: 100%; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header > div, -body .window-app[id*="cards-sheet-"] .cards-header > div, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div { - height: auto; - line-height: initial; - margin: 0; - padding: 0; - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .sheet[id*="activeeffect-sheet-"] .effects-header > div:first-of-type, -body .window-app[id*="cards-sheet-"] .cards-header > div:first-of-type, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div:first-of-type { - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .effects-header a, -body .window-app[id*="cards-sheet-"] .cards-header a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li, -body .window-app[id*="cards-sheet-"] .cards .card, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li, -body .window-app[id*="cards-sheet-"] .cards .card, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx { - height: auto; - padding: var(--blades-spacer-sm); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li > div, -body .window-app[id*="cards-sheet-"] .cards .card > div, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; - line-height: initial; - margin: 0; - padding: 0; - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li > div:first-of-type, -body .window-app[id*="cards-sheet-"] .cards .card > div:first-of-type, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div:first-of-type { - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a { - color: rgba(var(--color-text), 1); } - -body .sheet[id*="activeeffect-sheet-"] .changes-list li a, -body .window-app[id*="cards-sheet-"] .cards .card a, -body .window-app[id*="rolltable-sheet-"] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx a { - color: rgba(var(--color-text), 1); } - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs, -body #module-management .list-filters { - -webkit-border-before: none; - border-block-start: none; - -webkit-border-after: rgba(var(--color-primary), 1) 2px solid; - border-block-end: rgba(var(--color-primary), 1) 2px solid; } - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs, -body #module-management .list-filters, -body #module-management .-emu-layout .list-filters { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: initial; - line-height: initial; - margin: 0; - padding: 0; - position: relative; - width: 100%; } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a { - background-color: transparent; - background-image: none; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); } - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a, -body #module-management .list-filters a, -body #module-management .-emu-layout .list-filters a { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: var(--size-14px); - font-weight: normal; - text-shadow: none; } - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs a.active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body #module-management .-emu-layout .list-filters a.active { - text-decoration: none; } - -body .dialog .directory .directory-item h3 > i, -body .dialog .directory .directory-item h4 > i, -body #sidebar .directory .directory-item h3 > i, -body #sidebar .directory .directory-item h4 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 > i, -body #sidebar #compendium .compendium-list .directory-item h4 a > i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 a > i, -body #client-settings.window-app.form nav.tabs .item > i, -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 > i, -body #context-menu ol.context-items .context-item > i, -body .window-app[id*="cards-sheet-"] .cards-header .card-controls [data-action="create"] > i { - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list, -body #context-menu ol.context-items, -body #hotbar #macro-list, -body #menu #menu-items, -body #notifications, -body #players > ol, -body #controls .control-tools, -body #navigation #scene-list, -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds, -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds, -body .filepicker.window-app .filepicker-body .filepicker-body .directory, -body #df-curvy-walls-tools .control-tools, -body ul.command-menu, -body #tokenAttacher .control-tools { - list-style: none; - margin: 0; - padding: 0; } - -.-emu-subtle-layout body #sidebar #emu-sidebar-lock, -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll, -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body .window-app.token-mold .window-content form select.icon.fas.fa { - font-family: var(--font-awesome) !important; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: var(--line-height-compact); } - -body #sidebar [data-tab="chat"] #icNotification, -body #sidebar [data-tab="chat"] #rollsNotification, -body #sidebar [data-tab="chat"] #oocNotification, -body .sidebar-popout [data-tab="chat"] #icNotification, -body .sidebar-popout [data-tab="chat"] #rollsNotification, -body .sidebar-popout [data-tab="chat"] #oocNotification { - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: emu-notification-flash; - animation-name: emu-notification-flash; - -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - background-color: rgba(var(--color-primary), 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - margin: 0; - padding: var(--blades-spacer-xs); - right: 0; - top: 0; } - -body .window-app.sheet[id*="template-config"] .window-content, -body .-emu-layout .window-app.sheet[id*="template-config"] .window-content { - padding: 0; } - -body .window-app.sheet[id*="template-config"] form, -body .-emu-layout .window-app.sheet[id*="template-config"] form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - padding: var(--blades-spacer-sm); - position: relative; } - -*::before, -*::after { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -@-webkit-keyframes emu-notification-flash { - 0% { - opacity: 0; } - 50% { - opacity: 1; } - 100% { - opacity: 0; } } - -@keyframes emu-notification-flash { - 0% { - opacity: 0; } - 50% { - opacity: 1; } - 100% { - opacity: 0; } } - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - max-height: 100%; - min-height: 0.0625rem; - overflow-y: auto; - padding: 0 var(--blades-spacer-sm); } - -body .dialog .directory .directory-list .subdirectory, -body #sidebar .directory .directory-list .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory { - background-color: rgba(var(--color-folder-subdirectory), 1); - background-image: none; - border: none; - -webkit-border-start: rgba(var(--color-primary), 1) 4px solid; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 0 0 0 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-base); - width: 100%; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder { - padding: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder { - -webkit-padding-before: 0; - padding-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder) { - -webkit-margin-before: 0; - margin-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder) { - -webkit-margin-before: 0; - margin-block-start: 0; } - -body .dialog .directory .directory-list .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .subdirectory { - -webkit-border-start: var(--blades-grey-bright) 4px solid; - border-inline-start: var(--blades-grey-bright) 4px solid; } - -body .dialog .directory .directory-list .subdirectory .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-list .subdirectory .subdirectory .subdirectory { - -webkit-border-start: var(--blades-white) 4px solid; - border-inline-start: var(--blades-white) 4px solid; } - -body .dialog .directory .directory-item, -body #sidebar .directory .directory-item, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item { - background-color: rgba(var(--color-folder-directory), 1); - background-image: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: none; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - min-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; - width: 100%; } - -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item:focus { - background-image: none; } - -body .dialog .directory .directory-item.entity, -body #sidebar .directory .directory-item.entity, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.entity { - border: none; } - -body .dialog .directory .directory-item.context, -body #sidebar .directory .directory-item.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.context { - border: none; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog .directory .directory-item.folder, -body #sidebar .directory .directory-item.folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder { - background: transparent; - cursor: default; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; } - -body .dialog .directory .directory-item.folder:hover, -body .dialog .directory .directory-item.folder:focus, -body #sidebar .directory .directory-item.folder:hover, -body #sidebar .directory .directory-item.folder:focus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder:focus { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header { - -webkit-border-start: none; - border-inline-start: none; - border-radius: 0; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header .create-folder { - display: none; } - -body .dialog .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed > .folder-header h3 i::before { - content: "\f07b"; } - -body .dialog .directory .directory-item.folder.collapsed .subdirectory, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed .subdirectory { - display: none; } - -body .dialog .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder.collapsed .subdirectory .folder-header { - -webkit-border-start: none; - border-inline-start: none; } - -body .dialog .directory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header { - background-color: rgba(var(--color-folder-header), 1); - background-image: none; - border: 0; - -webkit-border-start: rgba(var(--color-primary), 1) 4px solid; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - line-height: var(--line-height-compact); - min-height: var(--blades-spacer-button); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: 100%; } - -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item.folder .folder-header h3, -body #sidebar .directory .directory-item.folder .folder-header h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 { - -webkit-border-after: 0; - border-block-end: 0; - color: inherit; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - text-align: start; - text-shadow: none; } - -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header h3 > i { - text-shadow: none; } - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header { - border-radius: 0 0 0 0; } - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header { - border-radius: 0 0 0 0; } - -body .dialog .directory .directory-item.folder .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .folder-header { - border-color: var(--blades-grey-bright); } - -body .dialog .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .subdirectory .subdirectory .folder-header { - border-color: var(--blades-white); } - -body .dialog .directory .directory-item.folder .folder-header.context, -body .dialog .directory .directory-item.folder .directory-item.context, -body #sidebar .directory .directory-item.folder .folder-header.context, -body #sidebar .directory .directory-item.folder .directory-item.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .folder-header.context, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item.folder .directory-item.context { - background-color: rgba(var(--color-primary), 1) !important; - color: rgba(var(--color-text-lightest), 1); } - -body .dialog .directory .directory-item .create-folder .fa-plus, -body .dialog .directory .directory-item .create-document .fa-plus, -body #sidebar .directory .directory-item .create-folder .fa-plus, -body #sidebar .directory .directory-item .create-document .fa-plus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-folder .fa-plus, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item .create-document .fa-plus { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-radius: 50%; - color: inherit; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: 8px; - height: 12px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - right: -2px; - top: -2px; - width: 12px; } - -body .dialog .directory .directory-item img, -body #sidebar .directory .directory-item img, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item img { - border-radius: 0; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: move; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body .dialog .directory .directory-item h3, -body .dialog .directory .directory-item h4, -body #sidebar .directory .directory-item h3, -body #sidebar .directory .directory-item h4, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 { - color: inherit; - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - padding: 0; - position: relative; - text-align: start; } - -body .dialog .directory .directory-item h3 > a, -body .dialog .directory .directory-item h4 > a, -body #sidebar .directory .directory-item h3 > a, -body #sidebar .directory .directory-item h4 > a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h3 > a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .directory .directory-item h4 > a { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - background-color: transparent; - border-radius: 0; - color: inherit; - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - cursor: pointer; - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-16px); - line-height: var(--blades-spacer-button); - padding: 0; - position: relative; - text-shadow: none; } - -body .dialog fieldset, -body #sidebar fieldset, -body .window-app:not([id*="Actor-"], [id*="Item-"]) fieldset { - border: none; - margin: 0; - padding: 0; } - -body .dialog figure figcaption, -body #sidebar figure figcaption, -body .window-app:not([id*="Actor-"], [id*="Item-"]) figure figcaption { - font-weight: 700; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); - padding: 0 var(--blades-spacer-sm); - text-align: center; } - -body .dialog figure figcaption:empty, -body #sidebar figure figcaption:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) figure figcaption:empty { - display: none; } - -body .dialog form h3.form-header, -body #sidebar form h3.form-header, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form h3.form-header { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); - font-family: inherit; - font-size: var(--size-16px); - -webkit-margin-before: var(--blades-spacer-md); - margin-block-start: var(--blades-spacer-md); - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: var(--blades-spacer-base); } - -body .dialog form .form-group, -body #sidebar form .form-group, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0; - padding: var(--blades-spacer-sm); - width: 100%; } - -body .dialog form .form-group:nth-of-type(even), -body #sidebar form .form-group:nth-of-type(even), -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); } - -body .dialog form .form-group.initial-position .form-fields, -body #sidebar form .form-group.initial-position .form-fields, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - width: 1px; } - -body .dialog form .form-group.initial-position .form-fields input, -body #sidebar form .form-group.initial-position .form-fields input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields input { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body .dialog form .form-group.initial-position .form-fields input[type="text"], -body #sidebar form .form-group.initial-position .form-fields input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields input[type="text"] { - width: 1px; } - -body .dialog form .form-group.initial-position .form-fields label, -body #sidebar form .form-group.initial-position .form-fields label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.initial-position .form-fields label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body .dialog form .form-group.stacked > label, -body #sidebar form .form-group.stacked > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.stacked > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - -body .dialog form .form-group.hidden, -body #sidebar form .form-group.hidden, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group.hidden { - display: none; } - -body .dialog form .form-group .form-fields, -body #sidebar form .form-group .form-fields, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -body .dialog form .form-group .form-fields input, -body .dialog form .form-group .form-fields select, -body #sidebar form .form-group .form-fields input, -body #sidebar form .form-group .form-fields select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select { - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - gap: var(--blades-spacer-base); } - -body .dialog form .form-group .form-fields input[type="checkbox"], -body .dialog form .form-group .form-fields select[type="checkbox"], -body #sidebar form .form-group .form-fields input[type="checkbox"], -body #sidebar form .form-group .form-fields select[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select[type="checkbox"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); } - -body .dialog form .form-group .form-fields input[type="radio"], -body .dialog form .form-group .form-fields select[type="radio"], -body #sidebar form .form-group .form-fields input[type="radio"], -body #sidebar form .form-group .form-fields select[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - -body .dialog form .form-group .form-fields input + input, -body .dialog form .form-group .form-fields input + select, -body .dialog form .form-group .form-fields select + input, -body .dialog form .form-group .form-fields select + select, -body #sidebar form .form-group .form-fields input + input, -body #sidebar form .form-group .form-fields input + select, -body #sidebar form .form-group .form-fields select + input, -body #sidebar form .form-group .form-fields select + select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields input + select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields select + select { - -webkit-box-flex: 1; - -ms-flex: 1 1 25%; - flex: 1 1 25%; } - -body .dialog form .form-group .form-fields button, -body #sidebar form .form-group .form-fields button, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button { - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; - width: auto; } - -body .dialog form .form-group .form-fields button.file-picker > i, -body .dialog form .form-group .form-fields button.grid-config > i, -body .dialog form .form-group .form-fields button.capture-position > i, -body #sidebar form .form-group .form-fields button.file-picker > i, -body #sidebar form .form-group .form-fields button.grid-config > i, -body #sidebar form .form-group .form-fields button.capture-position > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.file-picker > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.grid-config > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.capture-position > i { - -webkit-margin-end: 0; - margin-inline-end: 0; } - -body .dialog form .form-group .form-fields button + input, -body #sidebar form .form-group .form-fields button + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button + input { - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; } - -body .dialog form .form-group .form-fields button.file-picker + input[type="text"], -body #sidebar form .form-group .form-fields button.file-picker + input[type="text"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group .form-fields button.file-picker + input[type="text"] { - -webkit-margin-end: 0 !important; - margin-inline-end: 0 !important; } - -body .dialog form .form-group input, -body .dialog form .form-group select, -body #sidebar form .form-group input, -body #sidebar form .form-group select, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1px; } - -body .dialog form .form-group input[type="checkbox"], -body .dialog form .form-group select[type="checkbox"], -body #sidebar form .form-group input[type="checkbox"], -body #sidebar form .form-group select[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select[type="checkbox"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); } - -body .dialog form .form-group input[type="radio"], -body .dialog form .form-group select[type="radio"], -body #sidebar form .form-group input[type="radio"], -body #sidebar form .form-group select[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - -body .dialog form .form-group input + input, -body .dialog form .form-group select + input, -body #sidebar form .form-group input + input, -body #sidebar form .form-group select + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input { - -webkit-box-flex: 1; - -ms-flex: 1 1 25%; - flex: 1 1 25%; } - -body .dialog form .form-group input + input[type="checkbox"], -body .dialog form .form-group input + input[type="radio"], -body .dialog form .form-group select + input[type="checkbox"], -body .dialog form .form-group select + input[type="radio"], -body #sidebar form .form-group input + input[type="checkbox"], -body #sidebar form .form-group input + input[type="radio"], -body #sidebar form .form-group select + input[type="checkbox"], -body #sidebar form .form-group select + input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group input + input[type="radio"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input[type="checkbox"], -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group select + input[type="radio"] { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body .dialog form .form-group > label, -body #sidebar form .form-group > label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group > label { - -webkit-box-flex: 0; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - -body .dialog form .form-group label, -body #sidebar form .form-group label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - padding: 0; } - -body .dialog form .form-group label.checkbox, -body #sidebar form .form-group label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label.checkbox { - gap: var(--blades-spacer-base); - height: auto; } - -body .dialog form .form-group label .units, -body #sidebar form .form-group label .units, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-12px); - line-height: initial; - margin: 0 var(--blades-spacer-base); } - -body .dialog form .form-group label > i, -body #sidebar form .form-group label > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group label > i { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body .dialog form .form-group-stacked, -body #sidebar form .form-group-stacked, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked { - margin: 0; } - -body .dialog form .form-group-stacked .checkbox-label, -body #sidebar form .form-group-stacked .checkbox-label, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked .checkbox-label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; } - -body .dialog form .form-group-stacked label.checkbox, -body #sidebar form .form-group-stacked label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .form-group-stacked label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -ms-flex: auto; - flex: auto; - font-size: var(--size-12px); - gap: var(--blades-spacer-base); - height: auto; - line-height: initial; - margin: 0; - padding: 0; } - -body .dialog form .notes, -body .dialog form .hint, -body #sidebar form .notes, -body #sidebar form .hint, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .notes, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .hint { - color: rgba(var(--color-text-darker), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - font-style: italic; - line-height: initial; - margin: 0; - width: 100%; } - -body .dialog form .notes:empty, -body .dialog form .hint:empty, -body #sidebar form .notes:empty, -body #sidebar form .hint:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .notes:empty, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .hint:empty { - display: none; } - -body .dialog form label.checkbox, -body #sidebar form label.checkbox, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form label.checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - gap: var(--blades-spacer-sm); - height: auto; - line-height: initial; } - -body .dialog form .trait-list, -body #sidebar form .trait-list, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .trait-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body .dialog form .trait-list li, -body #sidebar form .trait-list li, -body .window-app:not([id*="Actor-"], [id*="Item-"]) form .trait-list li { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .dialog img, -body #sidebar img, -body .window-app:not([id*="Actor-"], [id*="Item-"]) img { - border: none; - border-radius: 0; - position: relative; } - -body .dialog table, -body #sidebar table, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table { - background-color: var(--blades-black-fade-strong); - border: none; - margin: var(--blades-spacer-base) 0; } - -body .dialog table thead, -body #sidebar table thead, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table thead { - background-color: var(--blades-black-dark-fade-strong); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; } - -body .dialog table tr:nth-child(even), -body #sidebar table tr:nth-child(even), -body .window-app:not([id*="Actor-"], [id*="Item-"]) table tr:nth-child(even) { - background-color: var(--blades-white-fade-strong); } - -body .dialog table td:first-child, -body #sidebar table td:first-child, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table td:first-child { - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .dialog table td, -body .dialog table th, -body #sidebar table td, -body #sidebar table th, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table td, -body .window-app:not([id*="Actor-"], [id*="Item-"]) table th { - padding: var(--blades-spacer-xs) 0; } - -body .dialog .tabs ~ .tab, -body .dialog .sheet-tabs ~ .tab, -body #sidebar .tabs ~ .tab, -body #sidebar .sheet-tabs ~ .tab, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - overflow-y: auto; - overflow-x: hidden; } - -body .dialog .tabs ~ .tab[data-tab], -body .dialog .sheet-tabs ~ .tab[data-tab], -body #sidebar .tabs ~ .tab[data-tab], -body #sidebar .sheet-tabs ~ .tab[data-tab], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab[data-tab], -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab[data-tab] { - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body .dialog .tabs ~ .tab[data-tab].active, -body .dialog .sheet-tabs ~ .tab[data-tab].active, -body #sidebar .tabs ~ .tab[data-tab].active, -body #sidebar .sheet-tabs ~ .tab[data-tab].active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tabs ~ .tab[data-tab].active, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .sheet-tabs ~ .tab[data-tab].active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .dialog h1, -body .dialog h2, -body .dialog h3, -body .dialog h4, -body #sidebar h1, -body #sidebar h2, -body #sidebar h3, -body #sidebar h4, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h1, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h2, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h4 { - font-weight: normal; - margin: 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - position: relative; } - -body .dialog h1, -body #sidebar h1, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h1 { - -webkit-border-after: 2px solid rgba(var(--color-border), 1); - border-block-end: 2px solid rgba(var(--color-border), 1); - font-size: var(--size-24px); } - -body .dialog h2, -body #sidebar h2, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h2 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); } - -body .dialog h3, -body #sidebar h3, -body .window-app:not([id*="Actor-"], [id*="Item-"]) h3 { - font-size: var(--size-16px); } - -body .dialog a, -body #sidebar a, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a { - text-shadow: none; } - -body .dialog a:hover, -body #sidebar a:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog a[href], -body #sidebar a[href], -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href] { - color: rgba(var(--color-primary), 1); - text-decoration: none; - text-shadow: none; } - -body .dialog a[href]:hover, -body #sidebar a[href]:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a[href]:hover { - text-decoration: underline; - text-shadow: none; } - -body .dialog a.entity-link, -body .dialog a.inline-roll, -body #sidebar a.entity-link, -body #sidebar a.inline-roll, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll { - background-color: rgba(var(--color-background-lightest), 1); - -webkit-box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text), 1); - text-shadow: none; - padding: var(--blades-spacer-pf) var(--blades-spacer-xs); - -webkit-padding-start: var(--blades-spacer-base); - padding-inline-start: var(--blades-spacer-base); } - -body .dialog a.entity-link:hover, -body .dialog a.inline-roll:hover, -body #sidebar a.entity-link:hover, -body #sidebar a.inline-roll:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link:hover, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll:hover { - color: rgba(var(--color-primary), 1); } - -body .dialog a.entity-link > i, -body .dialog a.inline-roll > i, -body #sidebar a.entity-link > i, -body #sidebar a.inline-roll > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.entity-link > i, -body .window-app:not([id*="Actor-"], [id*="Item-"]) a.inline-roll > i { - color: inherit; - -webkit-margin-end: var(--blades-spacer-xs); - margin-inline-end: var(--blades-spacer-xs); } - -body .dialog p, -body #sidebar p, -body .window-app:not([id*="Actor-"], [id*="Item-"]) p { - margin: var(--blades-spacer-base) 0; } - -body .dialog ul, -body .dialog ol, -body #sidebar ul, -body #sidebar ol, -body .window-app:not([id*="Actor-"], [id*="Item-"]) ul, -body .window-app:not([id*="Actor-"], [id*="Item-"]) ol { - margin: var(--blades-spacer-base) 0; - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .dialog dl, -body #sidebar dl, -body .window-app:not([id*="Actor-"], [id*="Item-"]) dl { - margin: var(--blades-spacer-base) 0; } - -body .dialog dd, -body #sidebar dd, -body .window-app:not([id*="Actor-"], [id*="Item-"]) dd { - -webkit-padding-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-base); - margin: var(--blades-spacer-base) 0; } - -body .dialog hr, -body #sidebar hr, -body .window-app:not([id*="Actor-"], [id*="Item-"]) hr { - border: none; - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-border-after: none; - border-block-end: none; - width: 100%; } - -body .dialog button[hidden], -body #sidebar button[hidden], -body .window-app:not([id*="Actor-"], [id*="Item-"]) button[hidden] { - display: none; } - -body .dialog blockquote, -body #sidebar blockquote, -body .window-app:not([id*="Actor-"], [id*="Item-"]) blockquote { - -webkit-border-start: 3px solid rgba(var(--color-border), 1); - border-inline-start: 3px solid rgba(var(--color-border), 1); - margin: var(--blades-spacer-base) 0 var(--blades-spacer-base) var(--blades-spacer-md); - -webkit-padding-start: var(--blades-spacer-lg); - padding-inline-start: var(--blades-spacer-lg); } - -body .dialog blockquote em, -body #sidebar blockquote em, -body .window-app:not([id*="Actor-"], [id*="Item-"]) blockquote em { - font-style: normal; } - -body .dialog section.secret, -body #sidebar section.secret, -body .window-app:not([id*="Actor-"], [id*="Item-"]) section.secret { - background-color: rgba(var(--color-background-light), 0.2); - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: 0 var(--blades-spacer-base); } - -body .dialog .tox-toolbar__primary, -body #sidebar .tox-toolbar__primary, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox-toolbar__primary { - background: transparent; } - -body .dialog .tox.tox-tinymce .tox-edit-area__iframe, -body #sidebar .tox.tox-tinymce .tox-edit-area__iframe, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox.tox-tinymce .tox-edit-area__iframe { - background-color: var(--blades-white-bright); - padding: var(--blades-spacer-base); } - -body .dialog .tox .tox-tbtn, -body #sidebar .tox .tox-tbtn, -body .window-app:not([id*="Actor-"], [id*="Item-"]) .tox .tox-tbtn { - background: transparent; - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); - height: var(--blades-spacer-button-sm); - -webkit-margin-before: var(--blades-spacer-xs); - margin-block-start: var(--blades-spacer-xs); - padding: 0 var(--blades-spacer-base); } - -.window-app body #context-menu { - z-index: 101; } - -body .dialog div.dialog-content h4:first-child, -body .dialog div.dialog-content p:first-child { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -.-emu-compact body #hotbar .bar-controls { - width: 2rem; - height: 2.5rem; } - .-emu-compact body #hotbar .bar-controls .page-control { - font-size: var(--size-10px); } - -.-emu-compact body #hotbar .macro { - width: 2.5rem; - height: 2.5rem; } - .-emu-compact body #hotbar .macro .macro-icon { - width: 2rem; - height: 2rem; } - -.-emu-compact body #logo { - max-height: 2.125rem; - max-width: 4.25rem; } - -.-emu-compact body #notifications { - left: 7rem; - top: 6rem; } - -.-emu-compact body #players { - width: 10.5rem; } - -.-emu-compact body #navigation #scene-list .scene { - height: 1.75rem; - line-height: 1.75rem; - min-width: 5.5rem; } - -.-emu-compact body #navigation #scene-list .scene-player { - width: 0.5rem; - height: 0.5rem; } - -.-emu-compact body .window-app[id*="JournalEntry-"] a.editor-edit { - top: -1.75rem; } - -.-emu-compact body #tokenAttacher { - left: 4.5rem; - top: 2.375rem; } - -body #hotbar .bar-controls:first-child #macro-directory, -body #hotbar .bar-controls:first-child #bar-toggle { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body #hotbar .bar-controls:first-child #macro-directory:first-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:first-of-type { - border: none; - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; } - -body #hotbar .bar-controls:first-child #macro-directory:last-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:last-of-type { - border: none; - border-radius: 0 0 0 0; } - -body #hotbar .bar-controls .page-control, -body #hotbar .bar-controls #macro-directory, -body #hotbar .bar-controls #bar-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - position: relative; } - -body #hotbar .bar-controls .page-control:first-of-type, -body #hotbar .bar-controls #macro-directory:first-of-type, -body #hotbar .bar-controls #bar-toggle:first-of-type { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; } - -body #hotbar .bar-controls .page-control:last-of-type, -body #hotbar .bar-controls #macro-directory:last-of-type, -body #hotbar .bar-controls #bar-toggle:last-of-type { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body #loading #context, -body #loading #progress { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - top: 0; - position: absolute; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 100%; - font-size: var(--size-14px); - line-height: initial; - margin: 0 var(--blades-spacer-md); - padding: 0; } - -.-emu-layout.-emu-logo body #logo { - display: block !important; } - -.-emu-layout.-emu-control-align-top body #controls .control-tools .scene-control { - position: initial; } - -body #menu #menu-items li i, -body #menu #menu-items li h4 { - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); } - -body #players > h3:hover, -body #players > h3:active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -.-emu-subtle-layout body #controls:hover, -.-emu-subtle-layout body #controls:active { - opacity: 1; } - -.-emu-subtle-layout body #controls:hover .control-tools, -.-emu-subtle-layout body #controls:active .control-tools { - opacity: 1; } - -body #controls .control-tools .scene-control, -body #controls .control-tools .control-tool { - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: initial; - margin: 0; - padding: 0; - pointer-events: all; - position: relative; } - -body #controls .control-tools .scene-control > i, -body #controls .control-tools .control-tool > i { - margin: 0; - position: relative; } - -.-emu-compact body #controls .control-tools .scene-control, -.-emu-compact body #controls .control-tools .control-tool { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); } - -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover { - background-image: none; } - -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus { - background-image: none; } - -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active { - background-image: none; } - -.-emu-subtle-layout body #navigation:hover, -.-emu-subtle-layout body #navigation:active { - opacity: 1; } - -.-emu-subtle-layout body #navigation:hover #scene-list .scene, -.-emu-subtle-layout body #navigation:active #scene-list .scene { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - opacity: 1; } - -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view { - background-image: none; } - -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm) { - background-image: none; } - -body #ui-left, -body #ui-middle, -body #ui-right { - pointer-events: none; - position: relative; - z-index: 10; } - -body .window-app .window-header > a, -body .window-app .window-header a.header-button { - background: transparent; - text-shadow: none; - padding: var(--blades-spacer-base); - position: relative; - width: auto; } - -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover { - color: rgba(var(--color-text-lightest), 1); - color: rgba(var(--color-primary), 1); } - -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus { - color: rgba(var(--color-primary), 1); - text-decoration: underline; } - -body .window-app .window-header > a.close, -body .window-app .window-header a.header-button.close { - color: transparent; - overflow: hidden; - padding: 0; - width: var(--blades-spacer-button-sm); } - -body .window-app .window-header > a.close:hover, -body .window-app .window-header > a.close:focus, -body .window-app .window-header a.header-button.close:hover, -body .window-app .window-header a.header-button.close:focus { - color: transparent; } - -body .window-app .window-header > a.close > i, -body .window-app .window-header a.header-button.close > i { - top: 0; - left: 0; - position: absolute; - width: 100%; - height: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-16px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; } - -body .window-app .window-header > a > i, -body .window-app .window-header > a > span.fas, -body .window-app .window-header a.header-button > i, -body .window-app .window-header a.header-button > span.fas { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar, -body .sidebar-popout { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - top: calc(var(--blades-spacer-md) / 2); - right: 0; - bottom: auto; - position: fixed; - width: var(--blades-spacer-sidebar); - height: calc(100% - var(--blades-spacer-md)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - overflow: hidden; - padding: 0; - z-index: 10; } - -body #sidebar ol, -body #sidebar ul, -body .sidebar-popout ol, -body .sidebar-popout ul { - margin: 0; - padding: 0; } - -body #sidebar.collapsed, -body .sidebar-popout.collapsed { - height: auto !important; - width: 2rem !important; } - -.-emu-subtle-layout body #sidebar.collapsed, -.-emu-subtle-layout body .sidebar-popout.collapsed { - opacity: 0.3; } - -.-emu-subtle-layout body #sidebar.collapsed:hover, -.-emu-subtle-layout body .sidebar-popout.collapsed:hover { - opacity: 1; } - -body #sidebar.collapsed #sidebar-tabs, -body .sidebar-popout.collapsed #sidebar-tabs { - -webkit-border-after: none; - border-block-end: none; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -body #sidebar.collapsed #sidebar-tabs > .collapse, -body .sidebar-popout.collapsed #sidebar-tabs > .collapse { - border-radius: 0 0 0 0; } - -body #sidebar.collapsed .sidebar-tab, -body #sidebar.collapsed .sidebar-tab.active, -body .sidebar-popout.collapsed .sidebar-tab, -body .sidebar-popout.collapsed .sidebar-tab.active { - display: none !important; } - -body #sidebar #sidebar-tabs, -body .sidebar-popout #sidebar-tabs { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - font-size: var(--size-12px); - margin: 0; - position: relative; } - -body #sidebar #sidebar-tabs > .item, -body #sidebar #sidebar-tabs > .collapse, -body .sidebar-popout #sidebar-tabs > .item, -body .sidebar-popout #sidebar-tabs > .collapse { - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 20%; - flex: 1 1 20%; - font-size: var(--size-12px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: auto; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); - position: relative; - top: auto; } - -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active { - border-radius: 0; - border: none; } - -body #sidebar #sidebar-tabs > .item.active:first-child, -body #sidebar #sidebar-tabs > .collapse.active:first-child, -body .sidebar-popout #sidebar-tabs > .item.active:first-child, -body .sidebar-popout #sidebar-tabs > .collapse.active:first-child { - border-radius: 0 0 0 0; } - -body #sidebar #sidebar-tabs > .item:first-child, -body #sidebar #sidebar-tabs > .collapse:first-child, -body .sidebar-popout #sidebar-tabs > .item:first-child, -body .sidebar-popout #sidebar-tabs > .collapse:first-child { - border-radius: 0 0 0 0; } - -body #sidebar #sidebar-tabs > .item > i, -body #sidebar #sidebar-tabs > .collapse > i, -body .sidebar-popout #sidebar-tabs > .item > i, -body .sidebar-popout #sidebar-tabs > .collapse > i { - margin: 0; - position: relative; - z-index: 1; } - -body #sidebar #sidebar-tabs > .item .notification-pip, -body #sidebar #sidebar-tabs > .collapse .notification-pip, -body .sidebar-popout #sidebar-tabs > .item .notification-pip, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip { - background-color: rgba(var(--color-primary), 1); - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: emu-notification-flash; - animation-name: emu-notification-flash; - -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; } - -body #sidebar #sidebar-tabs > .item .notification-pip::before, -body #sidebar #sidebar-tabs > .collapse .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .item .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip::before { - display: none; } - -body #sidebar .window-content .sidebar-tab, -body .sidebar-popout .window-content .sidebar-tab { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body #sidebar .sidebar-tab, -body .sidebar-popout .sidebar-tab { - display: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - -webkit-box-pack: initial; - -ms-flex-pack: initial; - justify-content: initial; - margin: 0; - min-height: 12.5rem; - position: relative; } - -body #sidebar .sidebar-tab.active, -body .sidebar-popout .sidebar-tab.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.-emu-compact body #sidebar .sidebar-tab, -.-emu-compact body .sidebar-popout .sidebar-tab { - min-height: 11rem; } - -body #sidebar .sidebar-tab.directory .directory-list, -body .sidebar-popout .sidebar-tab.directory .directory-list { - -webkit-padding-after: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); } - -body #sidebar .sidebar-tab .directory-header .header-actions button, -body #sidebar .sidebar-tab .directory-footer button, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button, -body .sidebar-popout .sidebar-tab .directory-footer button { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - height: auto; - line-height: var(--line-height-compact); - width: auto; } - -body #sidebar .sidebar-tab .directory-header .header-actions button > i, -body #sidebar .sidebar-tab .directory-footer button > i, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button > i, -body .sidebar-popout .sidebar-tab .directory-footer button > i { - font-size: var(--size-14px); } - -body #sidebar .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-header { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar .sidebar-tab .directory-header .header-search, -body .sidebar-popout .sidebar-tab .directory-header .header-search { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-header .header-search > i, -body .sidebar-popout .sidebar-tab .directory-header .header-search > i { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar .sidebar-tab .directory-header .header-search input, -body .sidebar-popout .sidebar-tab .directory-header .header-search input { - background-color: rgba(var(--color-background-lightest), 1); - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin: 0; } - -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - width: 2rem; - height: 2rem; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i { - margin: 0; } - -body #sidebar .sidebar-tab .directory-header .header-actions, -body .sidebar-popout .sidebar-tab .directory-header .header-actions { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-header .header-actions:only-child, -body #sidebar .sidebar-tab .directory-header .header-actions:last-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:only-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - -body #sidebar .sidebar-tab .directory-header > .action-buttons, -body .sidebar-popout .sidebar-tab .directory-header > .action-buttons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; - width: 100%; } - -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-footer { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -.-emu-subtle-layout body #sidebar.collapsed::before, -.-emu-subtle-layout body #sidebar.collapsed #emu-sidebar-lock { - display: none; } - -.-emu-subtle-layout body #sidebar:hover, -.-emu-subtle-layout body #sidebar.is-locked { - opacity: 1; - right: 0; } - -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock::before, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock::before { - content: "\f0da"; } - -.-emu-subtle-layout-sidebar-locked body #sidebar { - opacity: 1; - right: 0; } - .-emu-subtle-layout-sidebar-locked body #sidebar #emu-sidebar-lock { - display: none; } - -body #sidebar [data-tab="chat"] #chat-log, -body .sidebar-popout [data-tab="chat"] #chat-log { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - height: auto; - list-style: none; - margin: 0; - padding: 0; - overflow-y: auto; - overflow-x: hidden; } - -body #sidebar [data-tab="chat"] #chat-log .message, -body .sidebar-popout [data-tab="chat"] #chat-log .message { - background-color: rgba(var(--color-background-chat-message), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - font-family: inherit; - font-size: var(--size-14px); - padding: var(--blades-spacer-base); - margin: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message:hover .message-metadata, -body #sidebar [data-tab="chat"] #chat-log .message:focus .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message:hover .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message:focus .message-metadata { - opacity: 1; } - -body #sidebar [data-tab="chat"] #chat-log .message.whisper, -body .sidebar-popout [data-tab="chat"] #chat-log .message.whisper { - background-color: rgba(var(--color-background-chat-message-whisper), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message.blind, -body .sidebar-popout [data-tab="chat"] #chat-log .message.blind { - background-color: rgba(var(--color-background-chat-message-blind), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-header, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-header { - background-color: transparent; - color: inherit; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - line-height: var(--line-height-default); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata, -body #sidebar [data-tab="chat"] #chat-log .message .message-sender, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-sender { - color: inherit; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: var(--size-12px); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-sender, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-sender { - margin: 0; - overflow: hidden; - white-space: initial; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata { - -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); - opacity: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata a, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata a { - color: inherit; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-metadata a:hover, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-metadata a:hover { - color: rgba(var(--color-primary), 1); } - -body #sidebar [data-tab="chat"] #chat-log .message .message-content, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -body #sidebar [data-tab="chat"] #chat-log .message .message-content .table-result, -body .sidebar-popout [data-tab="chat"] #chat-log .message .message-content .table-result { - padding: var(--blades-spacer-base) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .flavor-text, -body #sidebar [data-tab="chat"] #chat-log .message .whisper-to, -body .sidebar-popout [data-tab="chat"] #chat-log .message .flavor-text, -body .sidebar-popout [data-tab="chat"] #chat-log .message .whisper-to { - color: inherit; - font-size: var(--size-12px); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll, -body #sidebar [data-tab="chat"] #chat-log .message .dice-result, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-result { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total { - background-color: rgba(var(--color-background), 0.1); - -webkit-box-shadow: none; - box-shadow: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: inherit; - line-height: initial; - font-size: inherit; - font-weight: normal; - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-formula { - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total { - font-size: var(--size-18px); - padding: var(--blades-spacer-xs) 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.critical, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.success, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.critical, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.success { - background-color: var(--blades-color-positive); - border-color: var(--blades-color-positive); - color: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.fumble, -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-total.failure, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.fumble, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-total.failure { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - color: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip { - -webkit-box-ordinal-group: initial; - -ms-flex-order: initial; - order: initial; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - line-height: initial; - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-weight: 700; } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total { - background-color: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border-lighter), 1) 1px solid; - -webkit-border-after: none; - border-block-end: none; - border-radius: 0 0 0 0; - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - font-size: var(--size-14px); - font-weight: 700; - padding: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .dice-rolls, -body .sidebar-popout [data-tab="chat"] #chat-log .message .dice-rolls { - margin: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab="chat"] #chat-log .message .button.message-delete { - color: rgba(var(--color-text), 1); } - -body #sidebar [data-tab="chat"] #chat-controls, -body .sidebar-popout [data-tab="chat"] #chat-controls { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab="chat"] #chat-controls .chat-control-icon .fa-dice-d20 { - font-size: var(--size-14px); - margin: 0; } - -body #sidebar [data-tab="chat"] #chat-controls .roll-type-select, -body .sidebar-popout [data-tab="chat"] #chat-controls .roll-type-select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - height: 2rem; - margin: 0; - width: auto; } - -body #sidebar [data-tab="chat"] #chat-controls .control-buttons, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab="chat"] #chat-controls .control-buttons a > i { - font-size: inherit; - line-height: initial; } - -body #sidebar [data-tab="chat"] #chat-form, -body .sidebar-popout [data-tab="chat"] #chat-form { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: 7rem; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar [data-tab="chat"] #chat-form textarea, -body .sidebar-popout [data-tab="chat"] #chat-form textarea { - background-color: rgba(var(--color-background-lightest), 0.9); - background-image: none; - width: 100%; - height: 100%; - padding: var(--blades-spacer-sm); } - -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar #combat .combat-tracker-header .encounters, -body #sidebar #combat .combat-tracker-header .encounter-controls, -body .sidebar-popout #combat .combat-tracker-header .encounters, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - width: 100%; } - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounters h4, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h4, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h4, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h4 { - -webkit-border-after: none; - border-block-end: none; - color: rgba(var(--color-text-lightest), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px); - text-align: center; } - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-20px); - -webkit-margin-start: var(--blades-spacer-button-sm); - margin-inline-start: var(--blades-spacer-button-sm); } - -body #sidebar #combat .combat-tracker-header .encounters a[disabled], -body #sidebar #combat .combat-tracker-header .encounter-controls a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounters a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a[disabled] { - pointer-events: none; - visibility: hidden; } - -body #sidebar #combat .combat-tracker-header .encounters a:first-child, -body #sidebar #combat .combat-tracker-header .encounter-controls a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounters a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:first-child { - -webkit-margin-start: 0; - margin-inline-start: 0; } - -body #sidebar #combat #combat-tracker .combatant, -body .sidebar-popout #combat #combat-tracker .combatant { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: auto; - line-height: initial; - margin: 0 var(--blades-spacer-sm); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: auto; } - -body #sidebar #combat #combat-tracker .combatant.hidden .token-name h4, -body #sidebar #combat #combat-tracker .combatant.hidden .token-image, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-image { - opacity: 0.5; } - -body #sidebar #combat #combat-tracker .combatant.active .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.active .token-name h4 { - border-color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #combat #combat-tracker .combatant.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.active .combatant-control.active { - background-color: var(--blades-white-bright); - color: rgba(var(--color-primary), 1); } - -body #sidebar #combat #combat-tracker .combatant.defeated, -body .sidebar-popout #combat #combat-tracker .combatant.defeated { - background-color: rgba(176, 16, 48, 0.5); } - -body #sidebar #combat #combat-tracker .combatant.defeated.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active .combatant-control.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #combat #combat-tracker .combatant .token-name, -body .sidebar-popout #combat #combat-tracker .combatant .token-name { - text-shadow: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; - overflow: hidden; - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant .token-name h4 { - color: rgba(var(--color-text-lightest), 1); - -webkit-border-after: 1px solid rgba(var(--color-border-lighter), 0.1); - border-block-end: 1px solid rgba(var(--color-border-lighter), 0.1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-flex: initial; - -ms-flex: initial; - flex: initial; - font-size: var(--size-16px); - line-height: initial; } - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource { - -webkit-border-end: rgba(var(--color-border-lighter), 1) 1px solid; - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-14px); - line-height: var(--line-height-compact); - -webkit-margin-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - -webkit-padding-end: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - padding: 0; - -webkit-padding-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-tracker .combatant .token-initiative .initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative .initiative { - color: inherit; - text-shadow: none; - font-size: var(--size-16px); - font-weight: normal; } - -body #sidebar #combat #combat-tracker .combatant .combatant-controls, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-controls { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: var(--blades-spacer-base); } - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - background: transparent; - font-size: var(--size-20px); - margin: 0; } - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll::before, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll::before { - content: "\f6cf"; } - -body #sidebar #combat #combat-tracker .combatant .token-effects, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; } - -body #sidebar #combat #combat-tracker .combatant .token-effects img, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects img { - cursor: default; - margin: 0; - max-height: 0.875rem; - max-width: 0.875rem; - opacity: 1; - -webkit-transform: none; - -ms-transform: none; - transform: none; } - -body #sidebar #combat #combat-controls, -body .sidebar-popout #combat #combat-controls { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - -body #sidebar #combat #combat-controls:empty, -body .sidebar-popout #combat #combat-controls:empty { - display: none; } - -body #sidebar #combat #combat-controls .combat-control.center, -body .sidebar-popout #combat #combat-controls .combat-control.center { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - white-space: nowrap; } - -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i { - margin: 0; } - -body #sidebar #scenes .scene, -body .sidebar-popout #scenes .scene { - background-position: 50%; - background-size: cover; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - height: auto; - line-height: var(--line-height-compact); } - -body #sidebar #scenes .scene:hover, -body .sidebar-popout #scenes .scene:hover { - background-position: 50%; - background-size: cover; } - -body #sidebar #scenes .scene h3 > a, -body .sidebar-popout #scenes .scene h3 > a { - text-shadow: 1px 1px 2px var(--blades-black-dark), -1px -1px 2px var(--blades-black-dark); - padding: var(--blades-spacer-sm) 0; } - -body #sidebar #playlists, -body .sidebar-popout #playlists { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #playlists .global-control, -body .sidebar-popout #playlists .global-control { - background-color: rgba(var(--color-background), 0.5); - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; } - -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds { - height: auto !important; - max-height: 0 !important; - padding: 0 !important; } - -body #sidebar #playlists .global-control .playlist-header, -body .sidebar-popout #playlists .global-control .playlist-header { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; - width: 100%; } - -body #sidebar #playlists .global-control .playlist-header h4, -body .sidebar-popout #playlists .global-control .playlist-header h4 { - text-decoration: none; - height: auto; - margin: 0; - -webkit-padding-start: 0; - padding-inline-start: 0; } - -body #sidebar #playlists .global-control .playlist-header h4 i.fa, -body .sidebar-popout #playlists .global-control .playlist-header h4 i.fa { - color: inherit; - -webkit-margin-start: var(--blades-spacer-xs); - margin-inline-start: var(--blades-spacer-xs); } - -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds { - background: transparent; - -webkit-border-start: none; - border-inline-start: none; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - height: auto !important; - padding: 0 !important; - width: 100%; } - -body #sidebar #playlists .global-control .playlist-sounds h4, -body .sidebar-popout #playlists .global-control .playlist-sounds h4 { - -webkit-border-after: 0; - border-block-end: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - margin: 0; } - -body #sidebar #playlists .global-control .playlist-sounds h4 + input[type="range"], -body .sidebar-popout #playlists .global-control .playlist-sounds h4 + input[type="range"] { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #playlists .global-control .playlist-sounds .sound, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound { - -webkit-border-after: 0; - border-block-end: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-padding-start: 0; - padding-inline-start: 0; - -webkit-padding-end: 0; - padding-inline-end: 0; } - -body #sidebar #playlists .global-control .playlist-sounds .sound:last-of-type, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound:last-of-type { - -webkit-padding-after: 0; - padding-block-end: 0; } - -body #sidebar #playlists .global-control .playlist-sounds .sound .global-volume, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound .global-volume { - -webkit-box-flex: 0; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - -body #sidebar #playlists .directory-list .directory-item.playlist, -body .sidebar-popout #playlists .directory-list .directory-item.playlist { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - line-height: var(--line-height-compact); - padding: 0 var(--blades-spacer-sm); } - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):focus, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):focus { - background-color: rgba(var(--color-folder-directory), 1); } - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body #sidebar #playlists .directory-list .playlist-sounds, -body .sidebar-popout #playlists .directory-list .playlist-sounds { - height: auto !important; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .playlist-sounds .sound:first-child { - -webkit-border-before: transparent 1px solid; - border-block-start: transparent 1px solid; } - -body #sidebar #playlists .directory-list .playlist-header, -body #sidebar #playlists .directory-list .sound, -body .sidebar-popout #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .sound { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; - text-decoration: none; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-header .playlist-name, -body #sidebar #playlists .directory-list .sound .playlist-name, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name, -body .sidebar-popout #playlists .directory-list .sound .playlist-name { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - overflow: visible; - padding: var(--blades-spacer-base) 0; - word-break: normal; - white-space: initial; - width: 100%; } - -body #sidebar #playlists .directory-list .playlist-header .playlist-name > i, -body #sidebar #playlists .directory-list .sound .playlist-name > i, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name > i, -body .sidebar-popout #playlists .directory-list .sound .playlist-name > i { - display: none; } - -body #sidebar #playlists .directory-list .playlist-header .sound-controls, -body #sidebar #playlists .directory-list .sound .sound-controls, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls, -body .sidebar-popout #playlists .directory-list .sound .sound-controls { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; } - -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control.inactive { - opacity: 0.5; } - -body #sidebar #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .playlist-header { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar #playlists .directory-list .sound:nth-child(even), -body .sidebar-popout #playlists .directory-list .sound:nth-child(even) { - background-color: rgba(var(--color-background-darkest), 0.2); } - -body #sidebar #playlists h4, -body #sidebar #playlists i, -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists h4, -body .sidebar-popout #playlists i, -body .sidebar-popout #playlists input[type=range] { - color: inherit; - height: auto; - line-height: var(--line-height-default); - word-break: normal; } - -body #sidebar #playlists h4 + input[type="range"], -body #sidebar #playlists i + input[type="range"], -body .sidebar-popout #playlists h4 + input[type="range"], -body .sidebar-popout #playlists i + input[type="range"] { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #playlists h4, -body .sidebar-popout #playlists h4 { - padding: var(--blades-spacer-base); } - -body #sidebar #playlists input[type="range"], -body .sidebar-popout #playlists input[type="range"] { - margin: 0; } - -body #sidebar #playlists #currently-playing, -body .sidebar-popout #playlists #currently-playing { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - max-height: 30%; - overflow-x: hidden; - overflow-y: auto; } - -body #sidebar #playlists #currently-playing .sound, -body .sidebar-popout #playlists #currently-playing .sound { - display: grid; - -webkit-box-flex: 1; - -ms-flex: 1 1 100%; - flex: 1 1 100%; - grid-template-areas: "name controls" "playback playback"; - grid-template-columns: 1fr -webkit-min-content; - grid-template-columns: 1fr min-content; - grid-template-rows: -webkit-min-content -webkit-min-content; - grid-template-rows: min-content min-content; - margin: 0; - text-decoration: none; - width: 100%; } - -body #sidebar #playlists #currently-playing .sound + .sound, -body .sidebar-popout #playlists #currently-playing .sound + .sound { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-padding-before: var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); } - -body #sidebar #playlists #currently-playing .sound .sound-name, -body .sidebar-popout #playlists #currently-playing .sound .sound-name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - grid-area: name; - margin: 0; - padding: var(--blades-spacer-base) 0; } - -body #sidebar #playlists #currently-playing .sound .sound-controls, -body .sidebar-popout #playlists #currently-playing .sound .sound-controls { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - grid-area: controls; - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; } - -body #sidebar #playlists #currently-playing .sound .sound-control.inactive, -body .sidebar-popout #playlists #currently-playing .sound .sound-control.inactive { - opacity: 0.5; } - -body #sidebar #playlists #currently-playing .sound .sound-playback, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - grid-area: playback; - padding: 0; } - -body #sidebar #playlists #currently-playing .sound .sound-playback .sound-timer, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .sound-timer { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); } - -body #sidebar #playlists #currently-playing .sound .sound-playback .volume-icon, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .volume-icon { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar #compendium h3, -body .sidebar-popout #compendium h3 { - background-color: rgba(var(--color-background), 1); - border: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - -body #sidebar #compendium .compendium-type, -body .sidebar-popout #compendium .compendium-type { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); } - -body #sidebar #compendium .compendium-list, -body .sidebar-popout #compendium .compendium-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-xs); } - -body #sidebar #compendium .compendium-list .directory-item, -body .sidebar-popout #compendium .compendium-list .directory-item { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: var(--line-height-compact); } - -body #sidebar #compendium .compendium-list .directory-item h4, -body .sidebar-popout #compendium .compendium-list .directory-item h4 { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; } - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons { - color: rgba(var(--color-text-lightest), 1); - position: relative; } - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons i { - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #compendium .compendium-list .directory-item .compendium-footer, -body .sidebar-popout #compendium .compendium-list .directory-item .compendium-footer { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-14px); - -webkit-padding-after: var(--blades-spacer-base); - padding-block-end: var(--blades-spacer-base); - width: 100%; } - -body #sidebar #settings, -body .sidebar-popout #settings { - padding: var(--blades-spacer-sm); } - -body #sidebar #settings > div, -body .sidebar-popout #settings > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; } - -body #sidebar #settings h2, -body #sidebar #settings h4, -body .sidebar-popout #settings h2, -body .sidebar-popout #settings h4 { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - padding: 0; - margin: 0; } - -body #sidebar #settings h2, -body .sidebar-popout #settings h2 { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-20px); - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - -body #sidebar #settings h4, -body .sidebar-popout #settings h4 { - color: rgba(var(--color-primary), 1); - font-size: var(--size-16px); } - -body #sidebar #settings button, -body .sidebar-popout #settings button { - margin: 0; } - -body #sidebar #settings #game-details, -body .sidebar-popout #settings #game-details { - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: 0; } - -body #sidebar .notification-pip, -body .sidebar-popout .notification-pip { - color: rgba(var(--color-primary), 1); - -webkit-margin-end: var(--blades-spacer-xs); - margin-inline-end: var(--blades-spacer-xs); - padding: 0; - position: relative; - right: auto; - text-shadow: none; - top: auto; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - text-shadow: none; - -webkit-transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - height: auto; - line-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:last-child, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:last-child { - -webkit-border-after: 0; - border-block-end: 0; } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:hover, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:hover { - background-color: rgba(var(--color-primary), 1); - -webkit-box-shadow: inset 0 0 0 2px var(--blades-white-bright); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - color: rgba(var(--color-text-lightest), 1); } - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:focus, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:focus { - -webkit-box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); } - -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .page-heading, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings { - margin: 0; - width: 100%; } - -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h2, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h3, -body .window-app[id*="JournalEntry-"] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h4 { - border: none; - margin: 0; } - -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.previous, -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.next { - -webkit-box-flex: 0; - -ms-flex: 0 0 var(--blades-spacer-button); - flex: 0 0 var(--blades-spacer-button); } - -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.previous i, -body .window-app[id*="JournalEntry-"] aside.sidebar .action-buttons button.next i { - margin: 0; } - -body #module-management .package[data-module-name="ernies-modern-layout"] a, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-title, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-description, -body #module-management .package[data-module-name="ernies-modern-layout"] .package-metadata { - color: rgba(var(--color-text-lightest), 1); } - -body .package-configuration .categories .scrollable, -body .package-configuration .categories footer { - margin: 0; - padding: var(--blades-spacer-sm); } - -body .window-app[id*="trait-selector-"] .window-content form > ol, -body .window-app[id*="trait-selector-"] .window-content form > ul { - margin: 0; } - -body .window-app[id*="trait-selector-"] .window-content form > ol li, -body .window-app[id*="trait-selector-"] .window-content form > ul li { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .window-app[id*="trait-selector-"] .window-content form > ol li:last-child, -body .window-app[id*="trait-selector-"] .window-content form > ul li:last-child { - -webkit-margin-after: 0; - margin-block-end: 0; } - -body .window-app[id*="trait-selector-"] .window-content form > ol li, -body .window-app[id*="trait-selector-"] .window-content form > ol label, -body .window-app[id*="trait-selector-"] .window-content form > ul li, -body .window-app[id*="trait-selector-"] .window-content form > ul label { - color: rgba(var(--color-text), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -body .window-app[id*="trait-selector-"] .window-content form > ol label.checkbox, -body .window-app[id*="trait-selector-"] .window-content form > ul label.checkbox { - height: auto; - font-size: var(--size-14px); - line-height: initial; } - -body .window-app[id*="trait-selector-"] .window-content form > ol label.checkbox > input, -body .window-app[id*="trait-selector-"] .window-content form > ul label.checkbox > input { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br { - padding: 0 var(--blades-spacer-xs); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .die-result-overlay-br button { - margin: 0 var(--blades-spacer-xs); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip), -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - min-height: var(--blades-spacer-button); } - -body .window-app[id*="chat-popout-"] .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total, -body #sidebar [data-tab="chat"] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total { - -webkit-margin-before: 0; - margin-block-start: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: default; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-margin-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - position: relative; } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper .token-image, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper .token-image { - width: 100%; - height: 100%; - margin: 0; } - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper svg, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper svg { - -webkit-box-shadow: none; - box-shadow: none; } - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper { - color: rgba(var(--color-text-lightest), 1); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: var(--blades-spacer-xs); } - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper input, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper input { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - height: auto; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-lg); } - -body .combatready-timebar, -body .combatready-timebar-fill { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - bottom: 0; - height: 0.4375rem; - top: auto; } - -.-emu-compact body .combatready-timebar, -.-emu-compact body .combatready-timebar-fill { - height: 0.1875rem; } - -body #sidebar #combat #combat-tracker .token-resource input, -body .sidebar-popout #combat #combat-tracker .token-resource input { - border: none; - color: rgba(var(--color-text-lightest), 1); - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - padding: 0; - text-align: center; } - -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary { - margin: var(--blades-spacer-sm); - text-shadow: none; - width: 100%; } - -body #sidebar #settings #combat-utility-belt, -body .sidebar-popout #settings #combat-utility-belt { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; } - -body #sidebar #settings #combat-utility-belt h4, -body .sidebar-popout #settings #combat-utility-belt h4 { - -webkit-border-after: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - -webkit-margin-before: var(--blades-spacer-sm); - margin-block-start: var(--blades-spacer-sm); } - -body #cub-puter::before, -body #cub-puter::after { - display: none; } - -body .compendium-browser.window-app .control-area, -body .compendium-browser.window-app .list-area { - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-base); } - -body #sidebar #compendium > ul.directory-list > .directory-item, -body .sidebar-popout #compendium > ul.directory-list > .directory-item { - margin: 0; - padding: 0; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack { - cursor: pointer; - line-height: var(--line-height-compact) !important; - margin: 0 !important; - padding: 0 var(--blades-spacer-sm) !important; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover { - background-color: rgba(var(--color-primary), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer { - color: rgba(var(--color-text-lightest), 1); } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title { - margin: 0 !important; } - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack i.folder, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack i.folder { - border: none; } - -body #sidebar #settings #df-chat-enhance-settings h4, -body .sidebar-popout #settings #df-chat-enhance-settings h4 { - -webkit-border-after: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - -webkit-margin-before: var(--blades-spacer-md) !important; - margin-block-start: var(--blades-spacer-md) !important; } - -body #sidebar [data-tab="chat"] section.dice-tray, -body .sidebar-popout [data-tab="chat"] section.dice-tray { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -body #sidebar [data-tab="chat"] section.dice-tray > .flexrow, -body .sidebar-popout [data-tab="chat"] section.dice-tray > .flexrow { - gap: var(--blades-spacer-base); - margin: 0; - width: 100%; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__roll { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-weight: normal; - margin: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button { - padding: var(--blades-spacer-base) var(--blades-spacer-sm); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button:hover svg *, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button:hover svg * { - fill: var(--blades-white-bright); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__button svg, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__button svg { - -webkit-transition: initial; - transition: initial; } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__flag, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__flag { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - -webkit-transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - bottom: 100%; - left: 0; - position: absolute; - height: var(--blades-spacer-button-xs); - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: var(--size-14px); - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - line-height: var(--line-height-compact); - max-height: var(--blades-spacer-button-xs); - overflow: hidden; - width: 100%; } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__flag.hide, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__flag.hide { - max-height: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__roll { - width: auto; - height: var(--blades-spacer-button); - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--add, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--sub, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--add, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--sub { - min-width: var(--blades-spacer-button); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__advantage:hover, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--add:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__advantage:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--add:hover { - background-color: var(--blades-color-positive); } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__disadvantage:hover, -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__math--sub:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__disadvantage:hover, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__math--sub:hover { - background-color: var(--blades-color-negative); } - -body #sidebar [data-tab="chat"] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab="chat"] section.dice-tray input.dice-tray__input { - background-color: rgba(var(--color-background-lightest), 1); } - -body #sidebar [data-tab="chat"] section.dice-tray .dice-tray__stacked, -body .sidebar-popout [data-tab="chat"] section.dice-tray .dice-tray__stacked { - height: var(--blades-spacer-button); - margin: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad { - font-size: var(--size-10px); - margin: 0; - padding: 0; } - -body #sidebar [data-tab="chat"] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage, -body .sidebar-popout [data-tab="chat"] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage { - -webkit-border-before: rgba(var(--color-border), 1) 1px solid; - border-block-start: rgba(var(--color-border), 1) 1px solid; } - -body .dialog--dice-calculator.window-app .dice-calculator > button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button { - color: rgba(var(--color-text-lightest), 1); - font-weight: normal; } - -body .dialog--dice-calculator.window-app .dice-calculator > button + button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button + button { - margin: 0; } - -body #sidebar .dnd5ehelpers .dice-result, -body .sidebar-popout .dnd5ehelpers .dice-result { - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -body #sidebar .dnd5ehelpers .dice-result .desc, -body .sidebar-popout .dnd5ehelpers .dice-result .desc { - background-color: rgba(var(--color-background-light), 1); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - -webkit-box-shadow: 0 2px 4px var(--blades-black-dark); - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - padding: var(--blades-spacer-sm); } - -body #sidebar .dnd5ehelpers .cover-button, -body .sidebar-popout .dnd5ehelpers .cover-button { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - margin: 0; - -webkit-margin-before: var(--blades-spacer-base); - margin-block-start: var(--blades-spacer-base); } - -body #sidebar .dnd5ehelpers .cover-button img, -body .sidebar-popout .dnd5ehelpers .cover-button img { - margin: 0; - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-xs); } - -body #sidebar #playlists .header-actions > .flexrow, -body .sidebar-popout #playlists .header-actions > .flexrow { - -webkit-box-flex: 0; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - gap: var(--blades-spacer-base); } - -body #sidebar [data-tab="chat"] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action="attack"], -body .sidebar-popout [data-tab="chat"] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action="attack"] { - -webkit-margin-after: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); } - -body .monsterblock .tweak-menu ul li labal:hover, -body .monsterblock .tweak-menu ul li a:hover, -body .monsterblock .tweak-menu ul li label:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; } - -body .monsterblock .tweak-menu ul li labal, -body .monsterblock .tweak-menu ul li a, -body .monsterblock .tweak-menu ul li label { - padding: var(--blades-spacer-xs); } - -body .monsterblock .tweak-menu ul li labal.menu-toggle, -body .monsterblock .tweak-menu ul li a.menu-toggle, -body .monsterblock .tweak-menu ul li label.menu-toggle { - -webkit-padding-start: var(--blades-spacer-md); - padding-inline-start: var(--blades-spacer-md); } - -body .monsterblock .tweak-menu ul li labal:not(:only-child)::before, -body .monsterblock .tweak-menu ul li a:not(:only-child)::before, -body .monsterblock .tweak-menu ul li label:not(:only-child)::before { - left: var(--blades-spacer-base); - top: var(--blades-spacer-xs); } - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox, -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - font-size: var(--size-14px) !important; - margin: 0; } - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type="checkbox"], -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type="checkbox"] { - margin: 0; } - -body #sidebar .sidebar-tab .directory-footer button.create-pdf, -body .sidebar-popout .sidebar-tab .directory-footer button.create-pdf { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body .window-app .window-header a.pop__btn-open, -body .window-app .window-header a.tit-menu__btn-open--sheet { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0 !important; - width: var(--blades-spacer-button-sm); } - -body .window-app .window-header a.pop__btn-open > i, -body .window-app .window-header a.pop__btn-open > span.fas, -body .window-app .window-header a.tit-menu__btn-open--sheet > i, -body .window-app .window-header a.tit-menu__btn-open--sheet > span.fas { - -webkit-margin-end: 0; - margin-inline-end: 0; } - -body #sidebar .dir__wrp-header, -body .sidebar-popout .dir__wrp-header { - padding: 0; } - -body #sidebar .dir__wrp-header .w-100, -body .sidebar-popout .dir__wrp-header .w-100 { - gap: var(--blades-spacer-base); } - -body #sidebar .dir__wrp-header .w-100 > *, -body .sidebar-popout .dir__wrp-header .w-100 > * { - margin: 0 !important; } - -body #sidebar [data-tab="chat"] .tabbedchatlog, -body .sidebar-popout [data-tab="chat"] .tabbedchatlog { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -body #sidebar [data-tab="chat"] .tabbedchatlog a, -body .sidebar-popout [data-tab="chat"] .tabbedchatlog a { - color: rgba(var(--color-text-lightest), 1); } - -body #token-action-hud:hover #tah-reposition, -body #token-action-hud:hover #tah-categories { - visibility: visible; } - -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories { - left: initial; - margin: 0; - visibility: hidden; } - -body #token-action-hud #tah-reposition i, -body #token-action-hud #tah-categories i { - color: inherit; - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - padding: initial; - margin: initial; - text-align: initial; } - -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button { - -webkit-margin-start: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); } - -body #token-action-hud button.tah-title-button > .fa, -body #token-action-hud .tah-action button > .fa { - display: none; } - -body #hud .token-info-container .token-info-column-left, -body #hud .token-info-container .token-info-column-right { - padding: 0; - width: auto; } - -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -body #sidebar .token-mold h3, -body .sidebar-popout .token-mold h3 { - font-size: var(--size-16px); - font-weight: normal; - margin: 0; - width: 100%; } - -body #sidebar .token-mold > label, -body .sidebar-popout .token-mold > label { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - width: 100%; - height: var(--blades-spacer-button-sm); - font-size: var(--size-12px); - padding: var(--blades-spacer-base); } - -body #sidebar .token-mold > label > span > span, -body .sidebar-popout .token-mold > label > span > span { - -webkit-margin-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-base); } - -body #sidebar .import-dd, -body .sidebar-popout .import-dd { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-flex: 1 !important; - -ms-flex: 1 1 100% !important; - flex: 1 1 100% !important; - margin: 0 !important; } - -body #sidebar .sidebar-tab .directory-header .header-actions #world-anvil img, -body .sidebar-popout .sidebar-tab .directory-header .header-actions #world-anvil img { - max-height: var(--size-16px); - top: auto; } diff --git a/css/style.min.css b/css/style.min.css deleted file mode 100644 index 103849a9..00000000 --- a/css/style.min.css +++ /dev/null @@ -1,37796 +0,0 @@ -@charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers. - */ -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ -/** - * Remove the gray background on active links in IE 10. - */ -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10. - */ -img { - border-style: none; -} - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ -button, -[type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ -[type=checkbox], -[type=radio] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type=search] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ -/** - * Add the correct display in IE 10+. - */ -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ -[hidden] { - display: none; -} - -/* - * Turf Block - */ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); -} -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); -} -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort B.otf") format("opentype"); - font-style: normal; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Bi.otf") format("opentype"); - font-style: italic; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort L.otf") format("opentype"); - font-style: normal; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Li.otf") format("opentype"); - font-style: italic; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -:root, -* { - scrollbar-color: var(--blades-white) var(--blades-black); - scrollbar-width: thin; -} - -*::-webkit-scrollbar { - width: var(--blades-spacer-sm); -} - -*::-webkit-scrollbar-track { - box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - border: none; - border-radius: 0; -} - -*::-webkit-scrollbar-thumb { - background-color: rgba(var(--color-background-light), 1); - border: none; - border-radius: 0; - outline: none; -} - -:root, -:root * { - --min-tinymce-height: 40px; - --clock-glow-size: 50px; - --clock-frame-size: 50px; - --clock-glow-correction: -175px; - --color-text-light-highlight: #f0f0e0; - --color-text-light-heading: #c9c7b8; - --color-text-light-primary: #b5b3a4; - --color-text-dark-primary: #191813; - --color-text-dark-secondary: #4b4a44; - --color-text-dark-header: #23221d; - --color-text-dark-inactive: #7a7971; - --color-text-light-0: #fff; - --color-text-light-1: #eee; - --color-text-light-2: #ddd; - --color-text-light-3: #ccc; - --color-text-light-4: #bbb; - --color-text-light-5: #aaa; - --color-text-light-6: #999; - --color-text-light-7: #888; - --color-text-dark-1: #111; - --color-text-dark-2: #222; - --color-text-dark-3: #444; - --color-text-dark-4: #555; - --color-text-dark-5: #666; - --color-text-dark-6: #777; - --color-border-light-1: #ddd; - --color-border-light-2: #999; - --color-border-dark-1: #111; - --color-border-dark-2: #222; - --color-border-dark-3: #333; - --color-border-dark-4: #444; - --color-border-dark-5: #666; - --color-shadow-dark: #000; - --color-underline-inactive: #7a7971; - --color-underline-active: #44191A; - --color-border-light-highlight: #f0f0e0; - --color-border-light-primary: #b5b3a4; - --color-border-light-secondary: #c9c7b8; - --color-border-light-tertiary: #7a7971; - --color-border-dark: #000; - --color-border-dark-primary: #191813; - --color-border-dark-secondary: #23221d; - --color-border-dark-tertiary: #4b4a44; - --color-bg-btn-minor-inactive: #c9c7b8; - --color-bg-btn-minor-active: #b5b3a4; - --color-bg-option: #dad8cc; - --color-ownership-none: #5500ff; - --color-ownership-observer: #7a7971; - --color-ownership-owner: #b5b3a4; - --color-level-info: #5c87b9; - --color-level-warning: #b18404; - --color-level-error: #750003; - --z-index-canvas: 0; - --z-index-app: 30; - --z-index-ui: 60; - --z-index-window: 100; - --sidebar-width: 300px; - --sidebar-header-height: 32px; - --sidebar-item-height: 48px; - --hotbar-height: 52px; - --hotbar-width: 578px; - --macro-size: 50px; - --players-width: 200px; - --form-field-height: 26px; - --font-size-11: 0.6875rem; - --font-size-12: 0.75rem; - --font-size-13: 0.8125rem; - --font-size-14: 0.875rem; - --font-size-16: 1rem; - --font-size-18: 1.125rem; - --font-size-20: 1.25rem; - --font-size-24: 1.5rem; - --font-size-28: 1.75rem; - --font-size-32: 2rem; - --font-size-48: 3rem; - --line-height-12: 0.75rem; - --line-height-16: 1rem; - --line-height-20: 1.25rem; - --line-height-30: 1.875rem; - --color-text-hyperlink: var(--blades-gold-bright); - --color-shadow-primary: var(--blades-white); - --color-shadow-highlight: var(--blades-gold-bright); - --color-underline-header: var(--blades-grey); - --color-border-highlight: var(--blades-gold-bright); - --color-border-highlight-alt: var(--blades-gold); - --size-10px: 0.625rem; - --size-11px: var(--font-size-11); - --size-12px: var(--font-size-12); - --size-13px: var(--font-size-13); - --size-14px: var(--font-size-14); - --size-16px: var(--font-size-16); - --size-18px: var(--font-size-18); - --size-20px: var(--font-size-20); - --size-24px: var(--font-size-24); - --size-28px: var(--font-size-28); - --size-30px: 1.875rem; - --size-32px: var(--font-size-32); - --size-48px: var(--font-size-48); - --blades-white-bright-nums: 255, 255, 255; - --blades-white-nums: 200, 200, 200; - --blades-grey-bright-nums: 170, 170, 170; - --blades-grey-nums: 119, 119, 119; - --blades-grey-dark-nums: 68, 68, 68; - --blades-black-nums: 32, 32, 32; - --blades-black-dark-nums: 0, 0, 0; - --blades-gold-bright-nums: 206,180, 71; - --blades-gold-nums: 143,118, 11; - --blades-gold-dark-nums: 105, 86, 0; - --blades-gold-darkest-nums: 64, 52, 0; - --blades-red-bright-nums: 255, 0, 0; - --blades-red-nums: 200, 0, 0; - --blades-red-dark-nums: 150, 0, 0; - --blades-red-darkest-nums: 50, 0, 0; - --blades-red-black-nums: 25, 0, 0; - --blades-green-bright-nums: 20, 220, 60; - --blades-green-nums: 0, 204, 0; - --blades-green-dark-nums: 0, 122, 0; - --blades-green-darkest-nums: 0, 60, 0; - --blades-blue-bright-nums: 198, 255, 255; - --blades-blue-nums: 150, 255, 255; - --blades-blue-dark-nums: 40, 120, 120; - --blades-blue-darkest-nums: 25, 49, 49; - /* - NEW COLOR PALETTE OVERRIDE - - == GOLD == - http://paletton.com/#uid=11n0u0kNTr2qtG1K2DKRbkEVqcT - - shade 0 = #D7AF00 = rgb(215,175, 0) = rgba(215,175, 0,1) = rgb0(0.843,0.686,0) - shade 1 = #FFD82C = rgb(255,216, 44) = rgba(255,216, 44,1) = rgb0(1,0.847,0.173) - shade 2 = #FFCF00 = rgb(255,207, 0) = rgba(255,207, 0,1) = rgb0(1,0.812,0) - shade 3 = #A58600 = rgb(165,134, 0) = rgba(165,134, 0,1) = rgb0(0.647,0.525,0) - shade 4 = #675300 = rgb(103, 83, 0) = rgba(103, 83, 0,1) = rgb0(0.404,0.325,0)' - - == RED == - http://paletton.com/#uid=1000u0kTixTijNOwGQpTXmEXg9Y - shade 0 = #FF0000 = rgb(255, 0, 0) = rgba(255, 0, 0,1) = rgb0(1,0,0) - shade 1 = #FF6D6D = rgb(255,109,109) = rgba(255,109,109,1) = rgb0(1,0.427,0.427) - shade 2 = #FF0000 = rgb(255, 0, 0) = rgba(255, 0, 0,1) = rgb0(1,0,0) - shade 3 = #B40000 = rgb(180, 0, 0) = rgba(180, 0, 0,1) = rgb0(0.706,0,0) - shade 4 = #4F0000 = rgb( 79, 0, 0) = rgba( 79, 0, 0,1) = rgb0(0.31,0,0) - - == BLUE == - http://paletton.com/#uid=13i0u0kTixTodNREARdTRoAV1g4 - shade 0 = #009F9F = rgb( 0,159,159) = rgba( 0,159,159,1) = rgb0(0,0.624,0.624) - shade 1 = #34D5D5 = rgb( 52,213,213) = rgba( 52,213,213,1) = rgb0(0.204,0.835,0.835) - shade 2 = #00E0E0 = rgb( 0,224,224) = rgba( 0,224,224,1) = rgb0(0,0.878,0.878) - shade 3 = #007676 = rgb( 0,118,118) = rgba( 0,118,118,1) = rgb0(0,0.463,0.463) - shade 4 = #004D4D = rgb( 0, 77, 77) = rgba( 0, 77, 77,1) = rgb0(0,0.302,0.302) - */ - --blades-gold-bright-nums: 255,216, 44; - --blades-gold-nums: 215,175, 0; - --blades-gold-dark-nums: 165,134, 0; - --blades-gold-darkest-nums: 103, 83, 0; - /* --blades-red-bright-nums: 255,109,109; - --blades-red-nums: 255, 0, 0; - --blades-red-dark-nums: 180, 0, 0; - --blades-red-darkest-nums: 79, 0, 0; */ - --blades-blue-bright-nums: 0,224,224; - --blades-blue-nums: 52,213,213; - --blades-blue-dark-nums: 0,118,118; - --blades-blue-darkest-nums: 0, 77, 77; - /* END OVERRIDE */ - --blades-white-bright: rgba(var(--blades-white-bright-nums), 1); - --blades-white: rgba(var(--blades-white-nums), 1); - --blades-grey-bright: rgba(var(--blades-grey-bright-nums), 1); - --blades-grey: rgba(var(--blades-grey-nums), 1); - --blades-grey-dark: rgba(var(--blades-grey-dark-nums), 1); - --blades-black: rgba(var(--blades-black-nums), 1); - --blades-black-dark: rgba(var(--blades-black-dark-nums), 1); - --blades-gold-brightest: rgba(var(--blades-gold-brightest-nums), 1); - --blades-gold-bright: rgba(var(--blades-gold-bright-nums), 1); - --blades-gold: rgba(var(--blades-gold-nums), 1); - --blades-gold-dark: rgba(var(--blades-gold-dark-nums), 1); - --blades-gold-darkest: rgba(var(--blades-gold-darkest-nums), 1); - --blades-red-bright: rgba(var(--blades-red-bright-nums), 1); - --blades-red: rgba(var(--blades-red-nums), 1); - --blades-red-dark: rgba(var(--blades-red-dark-nums), 1); - --blades-red-darkest: rgba(var(--blades-red-darkest-nums), 1); - --blades-red-black: rgba(var(--blades-red-black-nums), 1); - --blades-green-bright: rgba(var(--blades-green-bright-nums), 1); - --blades-green: rgba(var(--blades-green-nums), 1); - --blades-green-dark: rgba(var(--blades-green-dark-nums), 1); - --blades-green-darkest: rgba(var(--blades-green-darkest-nums), 1); - --blades-blue-bright: rgba(var(--blades-blue-bright-nums), 1); - --blades-blue: rgba(var(--blades-blue-nums), 1); - --blades-blue-dark: rgba(var(--blades-blue-dark-nums), 1); - --blades-blue-darkest: rgba(var(--blades-blue-darkest-nums), 1); - --blades-white-fade: rgba(var(--blades-white-nums), 0.5); - --blades-white-fade-strong: rgba(var(--blades-white-nums), 0.25); - --blades-white-bright-fade: rgba(var(--blades-white-bright-nums), 0.5); - --blades-white-bright-fade-strong: rgba(var(--blades-white-bright-nums), 0.25); - --blades-black-fade: rgba(var(--blades-black-nums), 0.5); - --blades-black-fade-strong: rgba(var(--blades-black-nums), 0.25); - --blades-black-dark-fade: rgba(var(--blades-black-dark-nums), 0.5); - --blades-black-dark-fade-strong: rgba(var(--blades-black-dark-nums), 0.25); - --blades-red-dark-fade: rgba(var(--blades-red-dark-nums), 0.5); - --blades-green-dark-fade: rgba(var(--blades-green-dark-nums), 0.5); - --blades-blue-dark-fade: rgba(var(--blades-blue-dark-nums), 0.5); - --blades-red-dark-fade-strong: rgba(var(--blades-red-dark-nums), 0.25); - --blades-green-dark-fade-strong: rgba(var(--blades-green-dark-nums), 0.25); - --blades-blue-dark-fade-strong: rgba(var(--blades-blue-dark-nums), 0.25); - --color-primary: var(--blades-white-nums); - --color-background: var(--blades-black-nums); - --color-background-lightest: var(--blades-grey-nums); - --color-background-light: var(--blades-grey-dark-nums); - --color-background-darkest: var(--blades-black-dark-nums); - --color-background-button: var(--blades-grey-dark-nums); - --color-background-chat-message: var(--blades-black-nums); - --color-background-chat-message-whisper: var(--blades-grey-nums); - --color-background-chat-message-blind: var(--blades-grey-dark-nums); - --color-border: var(--blades-grey-dark-nums); - --color-border-lighter: var(--blades-grey-nums); - --color-folder-header: var(--blades-grey-nums); - --color-folder-directory: var(--blades-grey-dark-nums); - --color-folder-subdirectory: var(--blades-black-nums); - --color-text: var(--blades-white-nums); - --color-text-lightest: var(--blades-white-bright-nums); - --color-text-darker: var(--blades-grey-bright-nums); - --color-shadow-primary: var(--blades-white-bright-nums); - --color-text-dark-primary: var(--blades-white-nums); - --color-bg-option: var(--blades-black-nums); - --color-background-lightest: var(--blades-black-nums); - --color-background-light: var(--blades-black-dark-nums); - --blades-color-negative: var(--blades-red-bright); - --blades-color-positive: var(--blades-gold-bright); - --font-primary: "Minion Pro", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: "Minion Pro Caption", serif; - --font-primary-narrow: "Minion Pro Cond", serif; - --font-primary-small-narrow: "Minion Pro Caption Cond", serif; - --font-primary: "Beaufort", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: var(--font-primary); - --font-primary-narrow: var(--font-primary); - --font-primary-small-narrow: var(--font-primary); - --font-primary-alt: "Historical FellType", serif; - --font-primary-alt-smallcaps: "Historical FellType SC", serif; - --font-emphasis: "Kirsty", serif; - --font-emphasis-smallcaps: "Kirsty", serif; - --font-emphasis-alt: "Ravenscroft", serif; - --font-emphasis-alt-smallcaps: var(--font-emphasis-alt), serif; - --font-emphasis-narrow: "Oswald", sans-serif; - --font-emphasis-narrower: "Fjalla One", sans-serif; - --font-mono: "Pragmata", monospace; - --font-mono-smallcaps: var(--font-mono); - --font-decorative: "UglyQua", serif; - --font-decorative-alt: "IM FELL Double Pica", serif; - --font-decorative-alt-smallcaps: "IM FELL Double Pica SC", serif; - --font-handwritten: "PWSignaturetwo", serif; - --font-awesome: "Font Awesome 6 Pro", sans-serif; - --font-awesome-alt: "Font Awesome 6 Brands", sans-serif; - --font-awesome-duotone: "Font Awesome 6 Duotone", sans-serif; - --line-height-expanded: 1.4; - --line-height-primary: 1.2; - --line-height-compact: 1; - --text-shadow-dark: - 1px 1px 2px var(--blades-black-dark); - --text-shadow-dark-strong: - 1px 1px 2px var(--blades-black-dark), - 1px 1px 2px var(--blades-black-dark), - 1px 1px 2px var(--blades-black-dark); - --text-shadow-emboss: - -1px -1px 1px var(--blades-white), - 1px 1px 1px var(--blades-black-dark); - --box-shadow-dark: inset 0 0 0.3rem var(--blades-black-dark-fade); - --box-shadow-dark-strong: inset 0 0 0.5rem var(--blades-black-dark); - --color-default: var(--blades-white); - --background-default: var(--blades-dark); - --font-default: var(--font-primary); - --font-size-default: var(--size-14px); - --font-weight-default: normal; - --font-style-default: normal; - --font-variant-default: normal; - --line-height-default: var(--line-height-primary); - --text-shadow-default: none; - --box-shadow-default: none; - --text-transform-default: none; - --color-heading: var(--blades-white-bright); - --color-heading-strong: var(--color-heading); - --background-heading: none; - --background-heading-strong: var(--blades-grey-dark); - --margin-heading: 0; - --margin-heading-strong: 0 0 0.5rem 0; - --padding-heading: 0; - --padding-heading-strong: 0.25rem; - --font-heading: var(--font-emphasis); - --font-heading-strong: var(--font-heading); - --font-weight-heading: bold; - --font-weight-heading-strong: var(--font-weight-heading); - --font-style-heading: var(--font-style-default); - --font-style-heading-strong: var(--font-style-heading); - --font-variant-heading: var(--font-variant-default); - --font-variant-heading-strong: var(--font-variant-heading); - --line-height-heading: var(--line-height-compact); - --line-height-heading-strong: var(--line-height-heading); - --text-shadow-heading: var(--text-shadow-dark); - --text-shadow-heading-strong: var(--text-shadow-heading); - --box-shadow-heading: none; - --box-shadow-heading-strong: var(--box-shadow-input); - --text-transform-heading: uppercase; - --text-transform-heading-strong: var(--text-transform-heading); - --border-color-heading: var(--background-heading-strong); - --border-color-heading-strong: var(--border-color-heading); - --border-width-heading: 0.125rem; - --border-width-heading-strong: var(--border-width-heading); - --border-style-heading: none none solid none; - --border-style-heading-strong: none; - --color-input: var(--blades-white-bright); - --background-input: var(--blades-black-dark-fade-strong); - --margin-input: 0; - --padding-input: 0; - --font-input: var(--font-primary); - --font-number-input: var(--font-emphasis); - --font-size-input: var(--font-size-primary); - --font-weight-input: var(--font-weight-primary); - --font-style-input: var(--font-style-primary); - --font-variant-input: var(--font-variant-primary); - --line-height-input: var(--line-height-compact); - --text-shadow-input: var(--text-shadow-dark); - --box-shadow-input: var(--box-shadow-dark); - --box-shadow-input-strong: var(--box-shadow-dark-strong); - --text-transform-input: var(--text-transform-default); - --border-color-heading: transparent; - --border-width-heading: 0; - --border-style-heading: none; - --font-monospace: var(--font-mono); - --blades-spacer-pf: 0.0625rem; - --blades-spacer-xs: 0.125rem; - --blades-spacer-base: 0.125rem; - --blades-spacer-sm: 0.25rem; - --blades-spacer-md: 0.5rem; - --blades-spacer-lg: 0.75rem; - --blades-spacer-xl: 1rem; - --blades-spacer-button-lg: 2rem; - --blades-spacer-button: 1.5rem; - --blades-spacer-button-sm: 1.25rem; - --blades-spacer-button-xs: 1.125rem; - --blades-spacer-sidebar: 17.875rem; -} -:root .comp, -:root * .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root .comp:hover, -:root * .comp:hover { - z-index: 10; -} -:root .comp.full-width, -:root * .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body, -:root * .comp .comp-control, -:root * .comp .comp-title, -:root * .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root .comp .comp-label, -:root * .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root .comp .comp-label.comp-prompt, -:root * .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root .comp .comp-label.comp-prompt .sur-title, -:root * .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root .comp .comp-label.comp-prompt .main-title, -:root * .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root .comp .comp-label:hover, :root .comp .comp-title:hover, -:root * .comp .comp-label:hover, -:root * .comp .comp-title:hover { - z-index: 5 !important; -} -:root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a, -:root * .comp .comp-label:hover.comp-label a, -:root * .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title, -:root * .comp .comp-label:hover.comp-title, -:root * .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root .comp .comp-control, -:root * .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root .comp .comp-control:hover, -:root * .comp .comp-control:hover { - transform: scale(1.5); -} -:root .comp .comp-control.comp-button, -:root * .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock, -:root * .comp .comp-control.comp-button.comp-delete, -:root * .comp .comp-control.comp-button.comp-delete-full, -:root * .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock, -:root * .comp .comp-control.comp-button.comp-add, -:root * .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i, -:root * .comp .comp-control.comp-button.comp-add i, -:root * .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root .comp .comp-control.comp-button:hover, -:root * .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root .comp .comp-body, -:root * .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root .comp .comp-body .comp-title, -:root * .comp .comp-body .comp-title { - z-index: 2; -} -:root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table, -:root * .comp .comp-body h1, -:root * .comp .comp-body h2, -:root * .comp .comp-body h3, -:root * .comp .comp-body h4, -:root * .comp .comp-body p, -:root * .comp .comp-body blockquote, -:root * .comp .comp-body table { - margin: 0; - padding: 0; -} -:root .comp .comp-toggle, -:root * .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root .comp .comp-toggle.comp-toggle-red, -:root * .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root .comp .comp-toggle.comp-toggle-red:hover, -:root * .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root .comp .comp-toggle.comp-toggle-grey, -:root * .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root .comp .comp-toggle.comp-toggle-grey:hover, -:root * .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root .comp .number-circle, -:root * .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root .comp .comp-number-input, -:root * .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root .comp .comp-status-toggle, -:root * .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root .comp .comp-status-toggle > *, -:root * .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root .comp .comp-status-toggle .status-positive, -:root * .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root .comp .comp-status-toggle .status-negative, -:root * .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root .comp .comp-status-toggle .status-neutral, -:root * .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root .comp .comp-status-toggle:hover, -:root * .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root .comp .comp-status-toggle:hover .status-neutral, -:root * .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root .comp.portrait-container, -:root * .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root .comp.comp-labeled-input, -:root * .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root .comp.comp-vertical, -:root * .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root .comp.comp-vertical .comp-button.comp-delete, -:root * .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root .comp.comp-vertical > .comp-label, -:root * .comp.comp-vertical > .comp-label { - text-align: center; -} -:root .comp.comp-vertical > .comp-label.comp-prompt, -:root * .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root .comp.comp-vertical .comp-title, -:root * .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root .comp.comp-vertical .comp-body, -:root * .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root .comp.comp-vertical .comp-body > img, -:root * .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root .comp.comp-vertical .comp-body .comp-body-text, -:root * .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root .comp.comp-vertical.comp-playbook, -:root * .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root * .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root * .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root .comp.comp-vertical.comp-playbook .comp-body img, -:root * .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root * .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root .comp.comp-vertical.portrait-block, -:root * .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root * .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root * .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root .comp.comp-vertical.portrait-block .comp-body, -:root * .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root * .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root * .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root * .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root .comp.comp-horizontal:not(.comp-vertical), -:root * .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root * .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root * .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root * .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root * .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root * .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root .comp.comp-teeth.comp-horizontal .dotline, -:root * .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root .comp.comp-teeth.comp-horizontal .dotline .dot, -:root * .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp, -:root * .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root * .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root * .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root .comp.comp-teeth.comp-vertical, -:root * .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root .comp.comp-teeth.comp-vertical .comp-body, -:root * .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root .comp.comp-teeth.comp-vertical .dotline-label, -:root * .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root .comp.comp-teeth.comp-vertical .dotline, -:root * .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root .comp.comp-coins, :root .comp.comp-stash, -:root * .comp.comp-coins, -:root * .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins, -:root * .comp.comp-coins.comp-coins, -:root * .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body, -:root * .comp.comp-coins.comp-coins .comp-body, -:root * .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline, -:root * .comp.comp-coins .dotline, -:root * .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot, -:root * .comp.comp-coins .dotline .dot.empty-dot, -:root * .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot, -:root * .comp.comp-coins .dotline .dot.full-dot, -:root * .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root * .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root * .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root * .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root * .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root .comp.comp-tier, -:root * .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root .comp.comp-tier > .full-width.flex-horizontal, -:root * .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root .comp.comp-tier .tier-bonus-container, -:root * .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root .comp.comp-tier .tier-bonus-container .filled-label, -:root * .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root .comp.comp-tier .tier-bonus-container .dotline, -:root * .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root * .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root * .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root .comp.comp-tier .tier-total-container, -:root * .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root .comp.controls-container, -:root * .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root .comp.controls-container .controls-panel, -:root * .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root .comp.controls-container .controls-panel .controls-toggle, -:root * .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root .comp.controls-container .controls-panel .controls-toggle:hover, -:root * .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root .comp.controls-container .controls-panel .controls-toggle i, -:root * .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root * .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root * .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root .comp.controls-container .controls-panel .controls-list, -:root * .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root .comp.controls-container .controls-panel .controls-list li, -:root * .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root * .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root .comp.controls-container .controls-panel .controls-list li > a, -:root * .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root * .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root .comp.controls-container .controls-panel .controls-list li > a::before, -:root * .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root .comp.controls-container .controls-panel .controls-list li > a:hover, -:root * .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root * .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root .comp.controls-container .controls-panel .controls-list li > a > i, -:root * .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root .comp.controls-container .controls-panel.active, -:root * .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root .comp.controls-container .controls-panel.active .controls-toggle, -:root * .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root .comp.controls-container .controls-panel.active .controls-toggle i, -:root * .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root * .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root * .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root .comp.controls-container .controls-panel.active .controls-list, -:root * .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root .comp.controls-container .controls-panel.active .controls-list li, -:root * .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root * .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root .comp.consequence-display-container, -:root * .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root .comp.consequence-display-container:nth-child(1), -:root * .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root .comp.consequence-display-container:nth-child(2), -:root * .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root .comp.consequence-display-container:nth-child(3), -:root * .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root .comp.consequence-display-container:hover .consequence-icon-circle, -:root * .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root .comp.consequence-display-container:hover .consequence-icon-circle img, -:root * .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root .comp.consequence-display-container.consequence-accepted, :root .comp.consequence-display-container.consequence-accepted *, -:root * .comp.consequence-display-container.consequence-accepted, -:root * .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root * .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root .comp.consequence-display-container .base-consequence, -:root * .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root .comp.consequence-display-container .accept-consequence, -:root * .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root .comp.consequence-display-container .resist-consequence, -:root * .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root .comp.consequence-display-container .armor-consequence, -:root * .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root .comp.consequence-display-container .special-consequence, -:root * .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root .comp.consequence-display-container .consequence-bg-image, -:root * .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root .comp.consequence-display-container .consequence-interaction-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root * .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root * .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root .comp.consequence-display-container .consequence-icon-container, -:root * .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root * .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root .comp.consequence-display-container .consequence-type-container, -:root * .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root * .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root .comp.consequence-display-container .consequence-type-container .consequence-type, -:root * .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root .comp.consequence-display-container .consequence-name-container, -:root * .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root .comp.consequence-display-container .consequence-name-container .consequence-name, -:root * .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root * .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root .comp.consequence-display-container .consequence-footer-container, -:root * .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root * .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root * .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root * .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root * .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root .comp.consequence-display-container .consequence-footer-container .dotline, -:root * .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root * .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root .comp.consequence-display-container .roll-consequence-row .button-icon, -:root * .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root * .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root * .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root * .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root * .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root * .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root .button-icon, :root .toggle-icon, -:root * .button-icon, -:root * .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root .button-icon i, :root .toggle-icon i, -:root * .button-icon i, -:root * .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off, -:root * .button-icon i.toggle-off, -:root * .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle, -:root * .button-icon .hidden-toggle, -:root * .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root * .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root * .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root * .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root * .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root .dotline, -:root * .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root .dotline.centered, -:root * .dotline.centered { - --dotline-horiz-align: center; -} -:root .dotline.locked .dot, -:root * .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root .dotline.dotline-right, -:root * .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root .dotline .dotline-label, -:root * .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root .dotline .dot, -:root * .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root .dotline .dot:last-of-type, -:root * .dotline .dot:last-of-type { - margin: 0; -} -:root .dotline .dot .img-main, :root .dotline .dot .img-hover, -:root * .dotline .dot .img-main, -:root * .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover, -:root * .dotline .dot .img-main.img-hover, -:root * .dotline .dot .img-hover.img-hover { - display: none; -} -:root .dotline .dot.svg-dot, -:root * .dotline .dot.svg-dot { - height: auto; -} -:root .dotline .dot.svg-dot svg, -:root * .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root .dotline .dot.svg-dot.full-dot svg .full, -:root * .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root .dotline .dot.svg-dot.full-dot svg .frame, -:root * .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root .dotline .dot.svg-dot.full-dot svg .half, -:root * .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root .dotline .dot.svg-dot.empty-dot svg .full, -:root * .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root .dotline .dot.svg-dot.empty-dot svg .frame, -:root * .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root .dotline .dot.svg-dot.empty-dot svg .half, -:root * .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root .dotline .dot:hover .img-main, -:root * .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root .dotline .dot:hover .img-hover, -:root * .dotline .dot:hover .img-hover { - display: block; -} -:root .dotline .dot:hover .img-hover + .img-main, -:root * .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root .dotline .dot:hover.svg-dot, -:root * .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root * .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root .dotline .advance-button, -:root * .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root .dotline .advance-button.rainbow-glow, -:root * .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root .dotline .advance-button.rainbow-glow:before, -:root * .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root .dotline .advance-button.rainbow-glow:hover:before, -:root * .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root .dotline .advance-button.rainbow-glow:after, -:root * .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root .dotline .advance-button.gold-orbit, -:root * .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root .dotline .advance-button.gold-orbit:hover, -:root * .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root .dotline .advance-button.gold-orbit span, -:root * .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root .dotline .advance-button.gold-orbit span:nth-child(1), -:root * .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root .dotline .advance-button.gold-orbit span:nth-child(2), -:root * .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root .dotline .advance-button.gold-orbit span:nth-child(3), -:root * .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root .dotline .advance-button.gold-orbit span:nth-child(4), -:root * .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades .notification.error.permanent { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #pause img.fa-spin { - top: unset; - bottom: -200px; -} -:root body.vtt.game.system-eunos-blades #pause figcaption { - text-shadow: 1px 1px 3px #000, 1px 1px 3px #000, 1px 1px 3px #000, 0px 0px 5px #000; - font-family: var(--font-emphasis), serif !important; - line-height: 2rem; - padding: 0 25%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -:root body.vtt.game.system-eunos-blades #blades-overlay *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -:root body.vtt.game.system-eunos-blades #blades-overlay b, :root body.vtt.game.system-eunos-blades #blades-overlay strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay i:not([class]), :root body.vtt.game.system-eunos-blades #blades-overlay em { - font-style: italic !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay i[class] { - font-family: var(--font-awesome); -} -:root body.vtt.game.system-eunos-blades #blades-overlay i.fab { - font-family: var(--font-awesome-alt); -} -:root body.vtt.game.system-eunos-blades #blades-overlay i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -:root body.vtt.game.system-eunos-blades #blades-overlay button { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #blades-overlay h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -:root body.vtt.game.system-eunos-blades #blades-overlay h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #blades-overlay h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -:root body.vtt.game.system-eunos-blades #blades-overlay h1:not(i):not(button) { - font-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #blades-overlay h3:not(i):not(button) { - font-size: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay h4:not(i):not(button) { - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #blades-overlay input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #blades-overlay option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #blades-overlay textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -:root body.vtt.game.system-eunos-blades #blades-overlay select:not(i):not(button)[type=number], :root body.vtt.game.system-eunos-blades #blades-overlay select:not(i):not(button)[data-dtype=number], :root body.vtt.game.system-eunos-blades #blades-overlay select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #blades-overlay input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #blades-overlay input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #blades-overlay input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #blades-overlay option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #blades-overlay option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #blades-overlay option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #blades-overlay textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #blades-overlay textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #blades-overlay textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -:root body.vtt.game.system-eunos-blades #blades-overlay select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #blades-overlay input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #blades-overlay option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #blades-overlay textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #blades-overlay p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header a { - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .directory h1, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .directory h2, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .directory h3, :root body.vtt.game.system-eunos-blades #blades-overlay .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-title, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-title:hover { - z-index: 5 !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control:hover { - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body .comp-title { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body p, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-body table { - margin: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical > .comp-label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon i, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #blades-overlay .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline.centered { - --dotline-horiz-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot:last-of-type { - margin: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot .img-hover.img-hover { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot { - height: auto; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot:hover .img-hover { - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades #blades-overlay blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay table, -:root body.vtt.game.system-eunos-blades #blades-overlay table tr, -:root body.vtt.game.system-eunos-blades #blades-overlay table tr th, -:root body.vtt.game.system-eunos-blades #blades-overlay table tr td, -:root body.vtt.game.system-eunos-blades #blades-overlay table tbody, -:root body.vtt.game.system-eunos-blades #blades-overlay table tbody tr, -:root body.vtt.game.system-eunos-blades #blades-overlay table tbody td, -:root body.vtt.game.system-eunos-blades #blades-overlay table thead, -:root body.vtt.game.system-eunos-blades #blades-overlay table thead tr, -:root body.vtt.game.system-eunos-blades #blades-overlay table thead tr th, -:root body.vtt.game.system-eunos-blades #blades-overlay table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay table { - border-collapse: collapse; -} -:root body.vtt.game.system-eunos-blades #blades-overlay table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay figure { - display: table; - margin: 1rem auto; -} -:root body.vtt.game.system-eunos-blades #blades-overlay figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay code { - padding: 0.1rem 0.2rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay i.fa-duotone[style] { - /* Your code here */ -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-secret:first-child:last-child { - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .gold-bright { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .red-bright { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .red-dark { - color: var(--blades-red-dark) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .grey { - color: var(--blades-grey) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .white { - color: var(--blades-white) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .white-bright { - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .cyan-bright { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .uppercase { - text-transform: uppercase !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .hidden { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .start-invisible { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-checkbox { - position: relative; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-checkbox span { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .no-img img { - display: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .full-width { - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip-trigger, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip-container { - position: relative; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip-trigger { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip > p, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip ul, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip ol, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip > ul, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip > ul li, :root body.vtt.game.system-eunos-blades #blades-overlay .tooltip ol li { - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip h2 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .tooltip-scaling-elem { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .accordian-label { - position: relative; - filter: sepia(0.75); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} -:root body.vtt.game.system-eunos-blades #blades-overlay { - display: block; - height: 0px; - width: 0px; - position: static; - pointer-events: none; - /* Sizing the Keys for Overlay Display */ - /* VISIBILITY HIDDEN FOR ANIMATED COMPONENTS */ -} -:root body.vtt.game.system-eunos-blades #blades-overlay > .overlay-section { - display: block; - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - perspective: 500px; - transform-style: preserve-3d; - z-index: 80; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay > .overlay-section.overlay-section-notifications, :root body.vtt.game.system-eunos-blades #blades-overlay > .overlay-section.overlay-section-transitions, :root body.vtt.game.system-eunos-blades #blades-overlay > .overlay-section.overlay-section-tooltips { - z-index: 150; -} -:root body.vtt.game.system-eunos-blades #blades-overlay { - --key-elem-square-size: 100px; - /* COMMON ELEMENTS */ - /* KEYS */ - /* CLOCKS */ -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-label, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .faction-label, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-label { - z-index: 20; - text-transform: uppercase; - height: auto; - width: max-content; - color: var(--blades-white-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - white-space: balance; - left: 50%; - position: absolute; - transform: translate(-50%, 0%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-label { - font-size: 24px; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .faction-label { - font-size: 32px; - line-height: 32px; - font-family: var(--font-emphasis); - text-align: center; - color: var(--blades-gold-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container { - height: var(--key-height); - width: var(--key-width); - position: absolute; - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .toggle-icon { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container * { - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="1"] { - --key-height: 836px; - --key-width: 230px; - --clock-size: 169px; - --label-top: -150px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="1"] .clock-key .faction-container { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] { - --key-height: 625.438px; - --key-width: 197.009px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] .clock-key .faction-container { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.579px; - top: 280px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] { - --key-height: 915.936px; - --key-width: 277.634px; - --clock-size: 108px; - --label-top: 0px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .faction-container { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 72.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 204.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] { - --key-height: 1041px; - --key-width: 368.697px; - --clock-size: 108px; - --label-top: -100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] { - --key-height: 1148.657px; - --key-width: 368.698px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 184.245px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] { - --key-height: 1148.98px; - --key-width: 370.141px; - --clock-size: 108px; - --label-top: 300px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .faction-container { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 272.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 185.128px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 185.128px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) { - left: 185.128px; - top: 684px; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key { - position: absolute; - display: block; - height: var(--key-elem-square-size); - width: var(--key-elem-square-size); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key > * { - position: absolute; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-label { - font-family: var(--font-emphasis); - font-size: 48px; - line-height: 48px; - font-weight: bold; - text-align: center; - letter-spacing: 1px; - top: var(--label-top); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container { - height: var(--key-height); - width: var(--key-width); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .key-image { - height: var(--key-height); - width: var(--key-width); - z-index: 1; - overflow: visible; - filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .key-image .key-bg { - fill: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .key-image .metallic-overlay { - height: var(--key-height); - width: var(--key-width); - filter: url(#metallicFilter) blur(1px); - fill: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .faction-container { - position: absolute; - transform: translate(-50%, 175%); - width: var(--clock-size); - height: var(--clock-size); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .faction-container .faction-image { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - filter: blur(2px); - opacity: 0.75; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container .clock-key .key-image-container .faction-container .faction-image img { - scale: 2; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container { - position: absolute; - top: 0px; - left: 0px; - display: flex; - align-items: center; - justify-content: center; - overflow: visible; - height: var(--clock-size); - width: var(--clock-size); - transform: translate(-50%, -50%) !important; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock { - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock * { - height: var(--clock-size); - width: var(--clock-size); - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-frame, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-fill, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-cover, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-one-segment { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-one-segment { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-frame { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-fill { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow { - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-one-segment { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-cover { - z-index: 6; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow { - transform-origin: 50% 50%; - scale: 3; - background-position-y: 42%; - background-repeat: no-repeat; - background-size: cover; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow.clock-glow-white { - background-image: url("../assets/animations/clock-flare-white.webp"); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow.clock-glow-red { - background-image: url("../assets/animations/clock-flare-red.webp"); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow.clock-glow-yellow { - background-image: url("../assets/animations/clock-flare-yellow.webp"); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock .clock-glow.clock-glow-blue { - background-image: url("../assets/animations/clock-flare-blue.webp"); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="2"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="3"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="4"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="5"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="6"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="7"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 74.0779156508% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 25.9220843492% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="8"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 99.9976837139% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 99.9976837139%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0.0023162861% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="9"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 68.1979287832% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 31.8020712168% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 8.0467727429% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="10"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 13.6742892016% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="11"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 64.6808671851% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 35.3191328149% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 17.8681413172% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="11"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="11"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-max="12"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="0"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="1"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="2"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="3"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="4"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="5"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 78.8664839843% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="6"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="7"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 21.1335160157% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="8"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="9"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="10"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="11"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="11"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 21.1335160157% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="12"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #blades-overlay .clock-container .clock[data-value="12"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container { - height: calc(0.5 * var(--key-height)); - width: calc(0.5 * var(--key-width)); -} -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-key-container.clock-key-dragger { - background: rgba(0, 255, 255, 0.25); - outline: 1px solid rgb(0, 255, 255); - visibility: visible; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades #blades-overlay .key-label, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-frame, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-glow, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-label, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-bg, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-fill, -:root body.vtt.game.system-eunos-blades #blades-overlay .clock-one-segment { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay { - margin-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay b, :root body.vtt.game.system-eunos-blades #clocks-overlay strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay i:not([class]), :root body.vtt.game.system-eunos-blades #clocks-overlay em { - font-style: italic !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay i[class] { - font-family: var(--font-awesome); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay i.fab { - font-family: var(--font-awesome-alt); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay button { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #clocks-overlay h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #clocks-overlay h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay h1:not(i):not(button) { - font-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #clocks-overlay h3:not(i):not(button) { - font-size: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay h4:not(i):not(button) { - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[type=number], :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[data-dtype=number], :root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #clocks-overlay input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #clocks-overlay option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #clocks-overlay textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header a { - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover { - z-index: 5 !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control:hover { - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body .comp-title { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body p, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-body table { - margin: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical > .comp-label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon i, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #clocks-overlay .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.centered { - --dotline-horiz-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:last-of-type { - margin: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot .img-hover.img-hover { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot { - height: auto; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-hover { - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades #clocks-overlay blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay table, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tr, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tr th, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tr td, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tbody, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tbody tr, -:root body.vtt.game.system-eunos-blades #clocks-overlay table tbody td, -:root body.vtt.game.system-eunos-blades #clocks-overlay table thead, -:root body.vtt.game.system-eunos-blades #clocks-overlay table thead tr, -:root body.vtt.game.system-eunos-blades #clocks-overlay table thead tr th, -:root body.vtt.game.system-eunos-blades #clocks-overlay table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay table { - border-collapse: collapse; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay figure { - display: table; - margin: 1rem auto; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay code { - padding: 0.1rem 0.2rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay i.fa-duotone[style] { - /* Your code here */ -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-secret:first-child:last-child { - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .gold-bright { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .red-bright { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .red-dark { - color: var(--blades-red-dark) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .grey { - color: var(--blades-grey) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .white { - color: var(--blades-white) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .white-bright { - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .cyan-bright { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .uppercase { - text-transform: uppercase !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .hidden { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .start-invisible { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-checkbox { - position: relative; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-checkbox span { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .no-img img { - display: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .full-width { - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip-trigger, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip-container { - position: relative; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip-trigger { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip > p, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip ul, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip ol, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip > ul, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip > ul li, :root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip ol li { - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip h2 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .tooltip-scaling-elem { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .accordian-label { - position: relative; - filter: sepia(0.75); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - align-items: flex-start; - position: absolute !important; - width: 100%; - height: 100%; - top: var(--top-shift); - left: var(--left-shift); - pointer-events: none; - z-index: 50; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay, :root body.vtt.game.system-eunos-blades #clocks-overlay * { - --top-shift: 50px; - --left-shift: 75px; - --key-scale: 0.8; - --alternating-top-shift: 120px; - --clock-frame-size: 108px; - --clock-glow-size: calc(var(--clock-frame-size) * 3); - --clock-glow-correction: -37px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .svg-defs { - position: absolute; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:nth-child(2n+1) { - top: var(--alternating-top-shift); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay { - --key-elem-square-size: 100px; - /* COMMON ELEMENTS */ - /* KEYS */ - /* CLOCKS */ -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-label, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .faction-label, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-label { - z-index: 20; - text-transform: uppercase; - height: auto; - width: max-content; - color: var(--blades-white-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - white-space: balance; - left: 50%; - position: absolute; - transform: translate(-50%, 0%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-label { - font-size: 24px; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .faction-label { - font-size: 32px; - line-height: 32px; - font-family: var(--font-emphasis); - text-align: center; - color: var(--blades-gold-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container { - height: var(--key-height); - width: var(--key-width); - position: absolute; - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .toggle-icon { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container * { - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="1"] { - --key-height: 836px; - --key-width: 230px; - --clock-size: 169px; - --label-top: -150px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="1"] .clock-key .faction-container { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] { - --key-height: 625.438px; - --key-width: 197.009px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] .clock-key .faction-container { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.579px; - top: 280px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] { - --key-height: 915.936px; - --key-width: 277.634px; - --clock-size: 108px; - --label-top: 0px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .faction-container { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 72.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 204.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] { - --key-height: 1041px; - --key-width: 368.697px; - --clock-size: 108px; - --label-top: -100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] { - --key-height: 1148.657px; - --key-width: 368.698px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 184.245px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] { - --key-height: 1148.98px; - --key-width: 370.141px; - --clock-size: 108px; - --label-top: 300px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .faction-container { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 272.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 185.128px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 185.128px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) { - left: 185.128px; - top: 684px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key { - position: absolute; - display: block; - height: var(--key-elem-square-size); - width: var(--key-elem-square-size); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key > * { - position: absolute; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-label { - font-family: var(--font-emphasis); - font-size: 48px; - line-height: 48px; - font-weight: bold; - text-align: center; - letter-spacing: 1px; - top: var(--label-top); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container { - height: var(--key-height); - width: var(--key-width); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .key-image { - height: var(--key-height); - width: var(--key-width); - z-index: 1; - overflow: visible; - filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .key-image .key-bg { - fill: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .key-image .metallic-overlay { - height: var(--key-height); - width: var(--key-width); - filter: url(#metallicFilter) blur(1px); - fill: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .faction-container { - position: absolute; - transform: translate(-50%, 175%); - width: var(--clock-size); - height: var(--clock-size); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .faction-container .faction-image { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - filter: blur(2px); - opacity: 0.75; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container .clock-key .key-image-container .faction-container .faction-image img { - scale: 2; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container { - position: absolute; - top: 0px; - left: 0px; - display: flex; - align-items: center; - justify-content: center; - overflow: visible; - height: var(--clock-size); - width: var(--clock-size); - transform: translate(-50%, -50%) !important; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock { - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock * { - height: var(--clock-size); - width: var(--clock-size); - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-frame, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-fill, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-cover, -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-one-segment { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-one-segment { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-frame { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-fill { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow { - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-one-segment { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-cover { - z-index: 6; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow { - transform-origin: 50% 50%; - scale: 3; - background-position-y: 42%; - background-repeat: no-repeat; - background-size: cover; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow.clock-glow-white { - background-image: url("../assets/animations/clock-flare-white.webp"); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow.clock-glow-red { - background-image: url("../assets/animations/clock-flare-red.webp"); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow.clock-glow-yellow { - background-image: url("../assets/animations/clock-flare-yellow.webp"); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock .clock-glow.clock-glow-blue { - background-image: url("../assets/animations/clock-flare-blue.webp"); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="2"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="3"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="4"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="5"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="6"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="7"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 74.0779156508% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 25.9220843492% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="8"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 99.9976837139% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 99.9976837139%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0.0023162861% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="9"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 68.1979287832% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 31.8020712168% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 8.0467727429% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="10"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 13.6742892016% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="11"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 64.6808671851% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 35.3191328149% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 17.8681413172% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="11"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="11"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-max="12"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="0"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="1"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="2"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="3"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="4"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="5"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 78.8664839843% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="6"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="7"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 21.1335160157% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="8"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="9"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="10"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="11"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="11"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 21.1335160157% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="12"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades #clocks-overlay .clock-container .clock[data-value="12"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container { - height: calc(0.5 * var(--key-height)); - width: calc(0.5 * var(--key-width)); - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container.active-key { - min-width: 200px; - margin-right: calc(-0.175 * var(--key-width)); - scale: 0.7; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key) { - top: calc(-1 * var(--top-shift)); - top: unset; - bottom: 10px; - width: calc(0.35 * var(--key-width)); - margin-right: calc(-0.15 * var(--key-width)); - transform-origin: 50% 0%; - scale: 0.5; - left: calc(-1 * var(--left-shift)); -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key):nth-child(2n+1) { - margin-top: 20px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="1"] { - bottom: 150px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="2"] { - bottom: 200px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="3"] { - bottom: 315px; - margin-left: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="4"] { - bottom: 350px; - margin-left: -25px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="5"] { - bottom: 390px; - margin-left: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="6"] { - bottom: 390px; - margin-left: -10px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key) .clock-key .key-label { - font-size: 32px; - white-space: nowrap; - z-index: 2000; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="1"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 120px); - left: -30px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="2"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 120px); - left: -30px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="3"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 120px); - left: -80px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="4"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 220px); - left: -80px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="5"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 120px); - left: -60px; -} -:root body.vtt.game.system-eunos-blades #clocks-overlay .clock-key-container:not(.active-key)[data-size="6"] .clock-key .key-label { - top: unset; - bottom: calc(-0.5 * var(--key-height) + 120px); - left: -60px; -} -:root body.vtt.game.system-eunos-blades #sidebar { - border: none; - background: transparent; - top: 0px; - bottom: 0px; - height: 100%; -} -:root body.vtt.game.system-eunos-blades #sidebar #sidebar-tabs { - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #sidebar { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications { - height: auto; - width: 300px; - display: flex; - flex-direction: column; - position: absolute; - right: calc(100% + 20px); -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice { - background: var(--blades-white); - border: 2px solid var(--blades-black-dark); - position: relative; - padding: 5px; - margin: 5px 0; - box-shadow: inset 0 0 4px var(--blades-black), 5px 5px 10px var(--blades-black-dark); - border-radius: 5px; - transition: 0.25s; - width: 100%; - overflow: hidden; - transform-origin: 100% 0%; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice.to-gm-notice { - background: rgb(111, 97, 175); -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice strong { - color: var(--blades-black-dark) !important; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice:hover { - filter: brightness(1.25); -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .author { - position: absolute; - top: 2px; - right: 5px; - font-size: 12px; - font-family: var(--font-primary); - text-align: right; - color: var(--blades-red-dark); - font-weight: bold; - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .header { - width: 100%; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - text-align: left; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .body { - width: 100%; - font-family: var(--font-primary); - font-size: 14px; - line-height: 14px; - text-align: justify; - hyphens: auto; - color: var(--blades-black); - text-shadow: 0 0 0px var(--blades-black-dark); - padding-top: 5px; -} -:root body.vtt.game.system-eunos-blades #sidebar #blades-push-notifications .push-notice .body:not(.no-border) { - border-top: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface, -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #players { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -:root body.vtt.game.system-eunos-blades #interface *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -:root body.vtt.game.system-eunos-blades #interface b, :root body.vtt.game.system-eunos-blades #interface strong, -:root body.vtt.game.system-eunos-blades #controls b, -:root body.vtt.game.system-eunos-blades #controls strong, -:root body.vtt.game.system-eunos-blades #navigation b, -:root body.vtt.game.system-eunos-blades #navigation strong, -:root body.vtt.game.system-eunos-blades #hotbar b, -:root body.vtt.game.system-eunos-blades #hotbar strong, -:root body.vtt.game.system-eunos-blades #players b, -:root body.vtt.game.system-eunos-blades #players strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface i:not([class]), :root body.vtt.game.system-eunos-blades #interface em, -:root body.vtt.game.system-eunos-blades #controls i:not([class]), -:root body.vtt.game.system-eunos-blades #controls em, -:root body.vtt.game.system-eunos-blades #navigation i:not([class]), -:root body.vtt.game.system-eunos-blades #navigation em, -:root body.vtt.game.system-eunos-blades #hotbar i:not([class]), -:root body.vtt.game.system-eunos-blades #hotbar em, -:root body.vtt.game.system-eunos-blades #players i:not([class]), -:root body.vtt.game.system-eunos-blades #players em { - font-style: italic !important; -} -:root body.vtt.game.system-eunos-blades #interface i[class], -:root body.vtt.game.system-eunos-blades #controls i[class], -:root body.vtt.game.system-eunos-blades #navigation i[class], -:root body.vtt.game.system-eunos-blades #hotbar i[class], -:root body.vtt.game.system-eunos-blades #players i[class] { - font-family: var(--font-awesome); -} -:root body.vtt.game.system-eunos-blades #interface i.fab, -:root body.vtt.game.system-eunos-blades #controls i.fab, -:root body.vtt.game.system-eunos-blades #navigation i.fab, -:root body.vtt.game.system-eunos-blades #hotbar i.fab, -:root body.vtt.game.system-eunos-blades #players i.fab { - font-family: var(--font-awesome-alt); -} -:root body.vtt.game.system-eunos-blades #interface i.fa-duotone, -:root body.vtt.game.system-eunos-blades #controls i.fa-duotone, -:root body.vtt.game.system-eunos-blades #navigation i.fa-duotone, -:root body.vtt.game.system-eunos-blades #hotbar i.fa-duotone, -:root body.vtt.game.system-eunos-blades #players i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -:root body.vtt.game.system-eunos-blades #interface button, -:root body.vtt.game.system-eunos-blades #controls button, -:root body.vtt.game.system-eunos-blades #navigation button, -:root body.vtt.game.system-eunos-blades #hotbar button, -:root body.vtt.game.system-eunos-blades #players button { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -:root body.vtt.game.system-eunos-blades #interface h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -:root body.vtt.game.system-eunos-blades #interface h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h1:not(i):not(button) { - font-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h3:not(i):not(button) { - font-size: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #interface h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players h4:not(i):not(button) { - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades #interface select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -:root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[type=number], :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[data-dtype=number], :root body.vtt.game.system-eunos-blades #interface select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -:root body.vtt.game.system-eunos-blades #interface select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface p + p, -:root body.vtt.game.system-eunos-blades #controls p + p, -:root body.vtt.game.system-eunos-blades #navigation p + p, -:root body.vtt.game.system-eunos-blades #hotbar p + p, -:root body.vtt.game.system-eunos-blades #players p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades #interface .window-header, -:root body.vtt.game.system-eunos-blades #controls .window-header, -:root body.vtt.game.system-eunos-blades #navigation .window-header, -:root body.vtt.game.system-eunos-blades #hotbar .window-header, -:root body.vtt.game.system-eunos-blades #players .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -:root body.vtt.game.system-eunos-blades #interface .window-header > *, -:root body.vtt.game.system-eunos-blades #controls .window-header > *, -:root body.vtt.game.system-eunos-blades #navigation .window-header > *, -:root body.vtt.game.system-eunos-blades #hotbar .window-header > *, -:root body.vtt.game.system-eunos-blades #players .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .window-header .window-title, -:root body.vtt.game.system-eunos-blades #controls .window-header .window-title, -:root body.vtt.game.system-eunos-blades #navigation .window-header .window-title, -:root body.vtt.game.system-eunos-blades #hotbar .window-header .window-title, -:root body.vtt.game.system-eunos-blades #players .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .window-header a, -:root body.vtt.game.system-eunos-blades #controls .window-header a, -:root body.vtt.game.system-eunos-blades #navigation .window-header a, -:root body.vtt.game.system-eunos-blades #hotbar .window-header a, -:root body.vtt.game.system-eunos-blades #players .window-header a { - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface .window-header .close, -:root body.vtt.game.system-eunos-blades #controls .window-header .close, -:root body.vtt.game.system-eunos-blades #navigation .window-header .close, -:root body.vtt.game.system-eunos-blades #hotbar .window-header .close, -:root body.vtt.game.system-eunos-blades #players .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #interface .window-header .close i, -:root body.vtt.game.system-eunos-blades #controls .window-header .close i, -:root body.vtt.game.system-eunos-blades #navigation .window-header .close i, -:root body.vtt.game.system-eunos-blades #hotbar .window-header .close i, -:root body.vtt.game.system-eunos-blades #players .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -:root body.vtt.game.system-eunos-blades #interface .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #controls .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #navigation .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #hotbar .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #players .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #interface .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h1, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h2, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h3, :root body.vtt.game.system-eunos-blades #interface .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #controls .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #controls .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #controls .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #controls .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #controls .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #controls .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #controls .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #controls .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #navigation .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #navigation .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #navigation .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #navigation .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #navigation .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #hotbar .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #players .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #players .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #players .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #players .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #players .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #players .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #players .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #players .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp, -:root body.vtt.game.system-eunos-blades #controls .comp, -:root body.vtt.game.system-eunos-blades #navigation .comp, -:root body.vtt.game.system-eunos-blades #hotbar .comp, -:root body.vtt.game.system-eunos-blades #players .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface .comp:hover, -:root body.vtt.game.system-eunos-blades #controls .comp:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp:hover, -:root body.vtt.game.system-eunos-blades #players .comp:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #interface .comp.full-width, -:root body.vtt.game.system-eunos-blades #controls .comp.full-width, -:root body.vtt.game.system-eunos-blades #navigation .comp.full-width, -:root body.vtt.game.system-eunos-blades #hotbar .comp.full-width, -:root body.vtt.game.system-eunos-blades #players .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title, :root body.vtt.game.system-eunos-blades #interface .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control, -:root body.vtt.game.system-eunos-blades #players .comp .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover { - z-index: 5 !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #interface .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #players .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #players .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control:hover { - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body .comp-title { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body p, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #interface .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #players .comp .comp-body table { - margin: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #players .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface .comp .number-circle, -:root body.vtt.game.system-eunos-blades #controls .comp .number-circle, -:root body.vtt.game.system-eunos-blades #navigation .comp .number-circle, -:root body.vtt.game.system-eunos-blades #hotbar .comp .number-circle, -:root body.vtt.game.system-eunos-blades #players .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #players .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root body.vtt.game.system-eunos-blades #interface .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #controls .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #navigation .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #hotbar .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #players .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #controls .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #players .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #players .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical > .comp-label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #players .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #controls .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #players .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #interface .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #controls .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #players .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #controls .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #navigation .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #hotbar .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #players .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades #interface .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #controls .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #players .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades #interface .button-icon, :root body.vtt.game.system-eunos-blades #interface .toggle-icon, -:root body.vtt.game.system-eunos-blades #controls .button-icon, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon, -:root body.vtt.game.system-eunos-blades #navigation .button-icon, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon, -:root body.vtt.game.system-eunos-blades #players .button-icon, -:root body.vtt.game.system-eunos-blades #players .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface .button-icon i, :root body.vtt.game.system-eunos-blades #interface .toggle-icon i, -:root body.vtt.game.system-eunos-blades #controls .button-icon i, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon i, -:root body.vtt.game.system-eunos-blades #navigation .button-icon i, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon i, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon i, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon i, -:root body.vtt.game.system-eunos-blades #players .button-icon i, -:root body.vtt.game.system-eunos-blades #players .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #interface .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #controls .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #navigation .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #players .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #players .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #interface .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #controls .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #controls .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #navigation .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #navigation .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #hotbar .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #hotbar .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #players .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #players .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .dotline, -:root body.vtt.game.system-eunos-blades #controls .dotline, -:root body.vtt.game.system-eunos-blades #navigation .dotline, -:root body.vtt.game.system-eunos-blades #hotbar .dotline, -:root body.vtt.game.system-eunos-blades #players .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface .dotline.centered, -:root body.vtt.game.system-eunos-blades #controls .dotline.centered, -:root body.vtt.game.system-eunos-blades #navigation .dotline.centered, -:root body.vtt.game.system-eunos-blades #hotbar .dotline.centered, -:root body.vtt.game.system-eunos-blades #players .dotline.centered { - --dotline-horiz-align: center; -} -:root body.vtt.game.system-eunos-blades #interface .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #controls .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #navigation .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #hotbar .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #players .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades #interface .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #controls .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #navigation .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #hotbar .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #players .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #controls .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #players .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot, -:root body.vtt.game.system-eunos-blades #players .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #players .dotline .dot:last-of-type { - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #players .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #players .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #interface .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #players .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #players .dotline .dot .img-hover.img-hover { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot { - height: auto; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-hover { - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #players .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #players .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #controls .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #navigation .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #players .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #controls .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #players .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades #interface, -:root body.vtt.game.system-eunos-blades #interface *, -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #controls *, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #navigation *, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #hotbar *, -:root body.vtt.game.system-eunos-blades #players, -:root body.vtt.game.system-eunos-blades #players * { - --font-primary: "Fjalla One"; - --font-heading: "Fjalla One"; - --font-weight-heading: normal; - --text-shadow-heading: none; - --line-height-heading: 1.2; -} -:root body.vtt.game.system-eunos-blades #interface .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #controls .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #navigation .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #hotbar .control-tools .scene-control:hover, -:root body.vtt.game.system-eunos-blades #players .control-tools .scene-control:hover { - height: calc(var(--blades-spacer-button-lg) - 2px); - width: calc(var(--blades-spacer-button-lg) - 2px); -} -:root body.vtt.game.system-eunos-blades #interface #chat, -:root body.vtt.game.system-eunos-blades #controls #chat, -:root body.vtt.game.system-eunos-blades #navigation #chat, -:root body.vtt.game.system-eunos-blades #hotbar #chat, -:root body.vtt.game.system-eunos-blades #players #chat { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -:root body.vtt.game.system-eunos-blades #interface #chat *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat *:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -:root body.vtt.game.system-eunos-blades #interface #chat b, :root body.vtt.game.system-eunos-blades #interface #chat strong, -:root body.vtt.game.system-eunos-blades #controls #chat b, -:root body.vtt.game.system-eunos-blades #controls #chat strong, -:root body.vtt.game.system-eunos-blades #navigation #chat b, -:root body.vtt.game.system-eunos-blades #navigation #chat strong, -:root body.vtt.game.system-eunos-blades #hotbar #chat b, -:root body.vtt.game.system-eunos-blades #hotbar #chat strong, -:root body.vtt.game.system-eunos-blades #players #chat b, -:root body.vtt.game.system-eunos-blades #players #chat strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat i:not([class]), :root body.vtt.game.system-eunos-blades #interface #chat em, -:root body.vtt.game.system-eunos-blades #controls #chat i:not([class]), -:root body.vtt.game.system-eunos-blades #controls #chat em, -:root body.vtt.game.system-eunos-blades #navigation #chat i:not([class]), -:root body.vtt.game.system-eunos-blades #navigation #chat em, -:root body.vtt.game.system-eunos-blades #hotbar #chat i:not([class]), -:root body.vtt.game.system-eunos-blades #hotbar #chat em, -:root body.vtt.game.system-eunos-blades #players #chat i:not([class]), -:root body.vtt.game.system-eunos-blades #players #chat em { - font-style: italic !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat i[class], -:root body.vtt.game.system-eunos-blades #controls #chat i[class], -:root body.vtt.game.system-eunos-blades #navigation #chat i[class], -:root body.vtt.game.system-eunos-blades #hotbar #chat i[class], -:root body.vtt.game.system-eunos-blades #players #chat i[class] { - font-family: var(--font-awesome); -} -:root body.vtt.game.system-eunos-blades #interface #chat i.fab, -:root body.vtt.game.system-eunos-blades #controls #chat i.fab, -:root body.vtt.game.system-eunos-blades #navigation #chat i.fab, -:root body.vtt.game.system-eunos-blades #hotbar #chat i.fab, -:root body.vtt.game.system-eunos-blades #players #chat i.fab { - font-family: var(--font-awesome-alt); -} -:root body.vtt.game.system-eunos-blades #interface #chat i.fa-duotone, -:root body.vtt.game.system-eunos-blades #controls #chat i.fa-duotone, -:root body.vtt.game.system-eunos-blades #navigation #chat i.fa-duotone, -:root body.vtt.game.system-eunos-blades #hotbar #chat i.fa-duotone, -:root body.vtt.game.system-eunos-blades #players #chat i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -:root body.vtt.game.system-eunos-blades #interface #chat button, -:root body.vtt.game.system-eunos-blades #controls #chat button, -:root body.vtt.game.system-eunos-blades #navigation #chat button, -:root body.vtt.game.system-eunos-blades #hotbar #chat button, -:root body.vtt.game.system-eunos-blades #players #chat button { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat h1:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -:root body.vtt.game.system-eunos-blades #interface #chat h3:not(i):not(button), :root body.vtt.game.system-eunos-blades #interface #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -:root body.vtt.game.system-eunos-blades #interface #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h1:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h1:not(i):not(button) { - font-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h3:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h3:not(i):not(button) { - font-size: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat h4:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat h4:not(i):not(button) { - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button), -:root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -:root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[type=number], :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[data-dtype=number], :root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -:root body.vtt.game.system-eunos-blades #interface #chat select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface #chat input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface #chat option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #interface #chat textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls #chat select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls #chat input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls #chat option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #controls #chat textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation #chat select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation #chat input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation #chat option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #navigation #chat textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar #chat select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar #chat input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar #chat option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #hotbar #chat textarea:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players #chat select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players #chat input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players #chat option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades #players #chat textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface #chat p + p, -:root body.vtt.game.system-eunos-blades #controls #chat p + p, -:root body.vtt.game.system-eunos-blades #navigation #chat p + p, -:root body.vtt.game.system-eunos-blades #hotbar #chat p + p, -:root body.vtt.game.system-eunos-blades #players #chat p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header, -:root body.vtt.game.system-eunos-blades #players #chat .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header > *, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header > *, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header > *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header > *, -:root body.vtt.game.system-eunos-blades #players #chat .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header .window-title, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header .window-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header .window-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .window-title, -:root body.vtt.game.system-eunos-blades #players #chat .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header a, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header a, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header a, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header a, -:root body.vtt.game.system-eunos-blades #players #chat .window-header a { - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header .close, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header .close, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close, -:root body.vtt.game.system-eunos-blades #players #chat .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header .close i, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header .close i, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close i, -:root body.vtt.game.system-eunos-blades #players #chat .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #controls #chat .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-header .close i::before, -:root body.vtt.game.system-eunos-blades #players #chat .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h1, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h2, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h3, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .compendium h4, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h1, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h2, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h3, :root body.vtt.game.system-eunos-blades #interface #chat .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #controls #chat .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .window-content .directory h4, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h1, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h2, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h3, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .compendium h4, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h1, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h2, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h3, -:root body.vtt.game.system-eunos-blades #players #chat .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp, -:root body.vtt.game.system-eunos-blades #controls #chat .comp, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp, -:root body.vtt.game.system-eunos-blades #players #chat .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.full-width, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.full-width, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.full-width, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.full-width, -:root body.vtt.game.system-eunos-blades #players #chat .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title, :root body.vtt.game.system-eunos-blades #interface #chat .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .portrait-block.comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt .sur-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label.comp-prompt .main-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover { - z-index: 5 !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover.comp-label a, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-title:hover.comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-label:hover.comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control:hover { - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-delete-clock, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete-full, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add-clock, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button.comp-add-clock i, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add i, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-control.comp-button:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body .comp-title { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h1, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h2, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h3, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body h4, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body p, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-body table, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h1, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h2, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h3, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body h4, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body p, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body blockquote, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-body table { - margin: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-red, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-red:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-grey, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-toggle.comp-toggle-grey:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .number-circle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .number-circle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .number-circle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .number-circle, -:root body.vtt.game.system-eunos-blades #players #chat .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-number-input, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle > *, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-positive, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-negative, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle .status-neutral, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #controls #chat .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp .comp-status-toggle:hover .status-neutral, -:root body.vtt.game.system-eunos-blades #players #chat .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.portrait-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-labeled-input, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical > .comp-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical > .comp-label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical > .comp-label.comp-prompt, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body > img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-body img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-label.shadowed, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-vertical.portrait-block .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical), -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical) .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal .dotline .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .dotline-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-teeth.comp-vertical .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins .comp-body, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins .dotline .dot.full-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier > .full-width.flex-horizontal, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .filled-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.comp-tier .tier-total-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a::before, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a:hover, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel .controls-list li > a > i, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li, -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), -:root body.vtt.game.system-eunos-blades #players #chat .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container:nth-child(1), -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container:nth-child(2), -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container:nth-child(3), -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container:hover .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container:hover .consequence-icon-circle img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted *, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted *, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .accept-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .resist-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .armor-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .special-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-bg-image, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-type-container .consequence-type-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .consequence-footer-container .dotline .dot, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .button-icon, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades #interface #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #controls #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, -:root body.vtt.game.system-eunos-blades #players #chat .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon i, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon i, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon i, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon i, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon i, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon i, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon i, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon i.toggle-off, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades #interface #chat .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #controls #chat .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #controls #chat .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #navigation #chat .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #navigation #chat .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #hotbar #chat .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #hotbar #chat .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #players #chat .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, -:root body.vtt.game.system-eunos-blades #players #chat .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline, -:root body.vtt.game.system-eunos-blades #players #chat .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline.centered, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline.centered, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline.centered, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.centered, -:root body.vtt.game.system-eunos-blades #players #chat .dotline.centered { - --dotline-horiz-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.locked .dot, -:root body.vtt.game.system-eunos-blades #players #chat .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline.dotline-right, -:root body.vtt.game.system-eunos-blades #players #chat .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dotline-label, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:last-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:last-of-type { - margin: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-hover, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-main, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot .img-hover.img-hover, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-main.img-hover, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot .img-hover.img-hover { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot { - height: auto; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot svg, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .full, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .frame, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.full-dot svg .half, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .full, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .frame, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.svg-dot.empty-dot svg .half, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-main, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-hover, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-hover { - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover .img-hover + .img-main, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot:hover.svg-dot, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .dot.full-dot:last-of-type ~ .advance-button, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:before, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:hover:before, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.rainbow-glow:after, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit:hover, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span, -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(1), -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(2), -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(3), -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #controls #chat .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #navigation #chat .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #hotbar #chat .dotline .advance-button.gold-orbit span:nth-child(4), -:root body.vtt.game.system-eunos-blades #players #chat .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades #interface #chat blockquote, -:root body.vtt.game.system-eunos-blades #controls #chat blockquote, -:root body.vtt.game.system-eunos-blades #navigation #chat blockquote, -:root body.vtt.game.system-eunos-blades #hotbar #chat blockquote, -:root body.vtt.game.system-eunos-blades #players #chat blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat table, -:root body.vtt.game.system-eunos-blades #interface #chat table tr, -:root body.vtt.game.system-eunos-blades #interface #chat table tr th, -:root body.vtt.game.system-eunos-blades #interface #chat table tr td, -:root body.vtt.game.system-eunos-blades #interface #chat table tbody, -:root body.vtt.game.system-eunos-blades #interface #chat table tbody tr, -:root body.vtt.game.system-eunos-blades #interface #chat table tbody td, -:root body.vtt.game.system-eunos-blades #interface #chat table thead, -:root body.vtt.game.system-eunos-blades #interface #chat table thead tr, -:root body.vtt.game.system-eunos-blades #interface #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #interface #chat table thead tr td, -:root body.vtt.game.system-eunos-blades #controls #chat table, -:root body.vtt.game.system-eunos-blades #controls #chat table tr, -:root body.vtt.game.system-eunos-blades #controls #chat table tr th, -:root body.vtt.game.system-eunos-blades #controls #chat table tr td, -:root body.vtt.game.system-eunos-blades #controls #chat table tbody, -:root body.vtt.game.system-eunos-blades #controls #chat table tbody tr, -:root body.vtt.game.system-eunos-blades #controls #chat table tbody td, -:root body.vtt.game.system-eunos-blades #controls #chat table thead, -:root body.vtt.game.system-eunos-blades #controls #chat table thead tr, -:root body.vtt.game.system-eunos-blades #controls #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #controls #chat table thead tr td, -:root body.vtt.game.system-eunos-blades #navigation #chat table, -:root body.vtt.game.system-eunos-blades #navigation #chat table tr, -:root body.vtt.game.system-eunos-blades #navigation #chat table tr th, -:root body.vtt.game.system-eunos-blades #navigation #chat table tr td, -:root body.vtt.game.system-eunos-blades #navigation #chat table tbody, -:root body.vtt.game.system-eunos-blades #navigation #chat table tbody tr, -:root body.vtt.game.system-eunos-blades #navigation #chat table tbody td, -:root body.vtt.game.system-eunos-blades #navigation #chat table thead, -:root body.vtt.game.system-eunos-blades #navigation #chat table thead tr, -:root body.vtt.game.system-eunos-blades #navigation #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #navigation #chat table thead tr td, -:root body.vtt.game.system-eunos-blades #hotbar #chat table, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tr, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tr th, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tr td, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tbody, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tbody tr, -:root body.vtt.game.system-eunos-blades #hotbar #chat table tbody td, -:root body.vtt.game.system-eunos-blades #hotbar #chat table thead, -:root body.vtt.game.system-eunos-blades #hotbar #chat table thead tr, -:root body.vtt.game.system-eunos-blades #hotbar #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #hotbar #chat table thead tr td, -:root body.vtt.game.system-eunos-blades #players #chat table, -:root body.vtt.game.system-eunos-blades #players #chat table tr, -:root body.vtt.game.system-eunos-blades #players #chat table tr th, -:root body.vtt.game.system-eunos-blades #players #chat table tr td, -:root body.vtt.game.system-eunos-blades #players #chat table tbody, -:root body.vtt.game.system-eunos-blades #players #chat table tbody tr, -:root body.vtt.game.system-eunos-blades #players #chat table tbody td, -:root body.vtt.game.system-eunos-blades #players #chat table thead, -:root body.vtt.game.system-eunos-blades #players #chat table thead tr, -:root body.vtt.game.system-eunos-blades #players #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #players #chat table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat table, -:root body.vtt.game.system-eunos-blades #controls #chat table, -:root body.vtt.game.system-eunos-blades #navigation #chat table, -:root body.vtt.game.system-eunos-blades #hotbar #chat table, -:root body.vtt.game.system-eunos-blades #players #chat table { - border-collapse: collapse; -} -:root body.vtt.game.system-eunos-blades #interface #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #controls #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #navigation #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #hotbar #chat table thead tr th, -:root body.vtt.game.system-eunos-blades #players #chat table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -:root body.vtt.game.system-eunos-blades #interface #chat figure, -:root body.vtt.game.system-eunos-blades #controls #chat figure, -:root body.vtt.game.system-eunos-blades #navigation #chat figure, -:root body.vtt.game.system-eunos-blades #hotbar #chat figure, -:root body.vtt.game.system-eunos-blades #players #chat figure { - display: table; - margin: 1rem auto; -} -:root body.vtt.game.system-eunos-blades #interface #chat figure figcaption, -:root body.vtt.game.system-eunos-blades #controls #chat figure figcaption, -:root body.vtt.game.system-eunos-blades #navigation #chat figure figcaption, -:root body.vtt.game.system-eunos-blades #hotbar #chat figure figcaption, -:root body.vtt.game.system-eunos-blades #players #chat figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat hr, -:root body.vtt.game.system-eunos-blades #controls #chat hr, -:root body.vtt.game.system-eunos-blades #navigation #chat hr, -:root body.vtt.game.system-eunos-blades #hotbar #chat hr, -:root body.vtt.game.system-eunos-blades #players #chat hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat code, -:root body.vtt.game.system-eunos-blades #controls #chat code, -:root body.vtt.game.system-eunos-blades #navigation #chat code, -:root body.vtt.game.system-eunos-blades #hotbar #chat code, -:root body.vtt.game.system-eunos-blades #players #chat code { - padding: 0.1rem 0.2rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat i.fa-duotone[style], -:root body.vtt.game.system-eunos-blades #controls #chat i.fa-duotone[style], -:root body.vtt.game.system-eunos-blades #navigation #chat i.fa-duotone[style], -:root body.vtt.game.system-eunos-blades #hotbar #chat i.fa-duotone[style], -:root body.vtt.game.system-eunos-blades #players #chat i.fa-duotone[style] { - /* Your code here */ -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-secret, -:root body.vtt.game.system-eunos-blades #controls #chat .text-secret, -:root body.vtt.game.system-eunos-blades #navigation #chat .text-secret, -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-secret, -:root body.vtt.game.system-eunos-blades #players #chat .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-secret:first-child:last-child, -:root body.vtt.game.system-eunos-blades #controls #chat .text-secret:first-child:last-child, -:root body.vtt.game.system-eunos-blades #navigation #chat .text-secret:first-child:last-child, -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-secret:first-child:last-child, -:root body.vtt.game.system-eunos-blades #players #chat .text-secret:first-child:last-child { - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat label:not([class]), -:root body.vtt.game.system-eunos-blades #controls #chat label:not([class]), -:root body.vtt.game.system-eunos-blades #navigation #chat label:not([class]), -:root body.vtt.game.system-eunos-blades #hotbar #chat label:not([class]), -:root body.vtt.game.system-eunos-blades #players #chat label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface #chat .filled-label, -:root body.vtt.game.system-eunos-blades #controls #chat .filled-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .filled-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .filled-label, -:root body.vtt.game.system-eunos-blades #players #chat .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades #interface #chat .filled-label.narrow-label, -:root body.vtt.game.system-eunos-blades #controls #chat .filled-label.narrow-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .filled-label.narrow-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .filled-label.narrow-label, -:root body.vtt.game.system-eunos-blades #players #chat .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .number-circle, -:root body.vtt.game.system-eunos-blades #controls #chat .number-circle, -:root body.vtt.game.system-eunos-blades #navigation #chat .number-circle, -:root body.vtt.game.system-eunos-blades #hotbar #chat .number-circle, -:root body.vtt.game.system-eunos-blades #players #chat .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .gold-bright, -:root body.vtt.game.system-eunos-blades #controls #chat .gold-bright, -:root body.vtt.game.system-eunos-blades #navigation #chat .gold-bright, -:root body.vtt.game.system-eunos-blades #hotbar #chat .gold-bright, -:root body.vtt.game.system-eunos-blades #players #chat .gold-bright { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .red-bright, -:root body.vtt.game.system-eunos-blades #controls #chat .red-bright, -:root body.vtt.game.system-eunos-blades #navigation #chat .red-bright, -:root body.vtt.game.system-eunos-blades #hotbar #chat .red-bright, -:root body.vtt.game.system-eunos-blades #players #chat .red-bright { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .red-dark, -:root body.vtt.game.system-eunos-blades #controls #chat .red-dark, -:root body.vtt.game.system-eunos-blades #navigation #chat .red-dark, -:root body.vtt.game.system-eunos-blades #hotbar #chat .red-dark, -:root body.vtt.game.system-eunos-blades #players #chat .red-dark { - color: var(--blades-red-dark) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .grey, -:root body.vtt.game.system-eunos-blades #controls #chat .grey, -:root body.vtt.game.system-eunos-blades #navigation #chat .grey, -:root body.vtt.game.system-eunos-blades #hotbar #chat .grey, -:root body.vtt.game.system-eunos-blades #players #chat .grey { - color: var(--blades-grey) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .white, -:root body.vtt.game.system-eunos-blades #controls #chat .white, -:root body.vtt.game.system-eunos-blades #navigation #chat .white, -:root body.vtt.game.system-eunos-blades #hotbar #chat .white, -:root body.vtt.game.system-eunos-blades #players #chat .white { - color: var(--blades-white) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .white-bright, -:root body.vtt.game.system-eunos-blades #controls #chat .white-bright, -:root body.vtt.game.system-eunos-blades #navigation #chat .white-bright, -:root body.vtt.game.system-eunos-blades #hotbar #chat .white-bright, -:root body.vtt.game.system-eunos-blades #players #chat .white-bright { - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .cyan-bright, -:root body.vtt.game.system-eunos-blades #controls #chat .cyan-bright, -:root body.vtt.game.system-eunos-blades #navigation #chat .cyan-bright, -:root body.vtt.game.system-eunos-blades #hotbar #chat .cyan-bright, -:root body.vtt.game.system-eunos-blades #players #chat .cyan-bright { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .uppercase, -:root body.vtt.game.system-eunos-blades #controls #chat .uppercase, -:root body.vtt.game.system-eunos-blades #navigation #chat .uppercase, -:root body.vtt.game.system-eunos-blades #hotbar #chat .uppercase, -:root body.vtt.game.system-eunos-blades #players #chat .uppercase { - text-transform: uppercase !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .inline-code, -:root body.vtt.game.system-eunos-blades #controls #chat .inline-code, -:root body.vtt.game.system-eunos-blades #navigation #chat .inline-code, -:root body.vtt.game.system-eunos-blades #hotbar #chat .inline-code, -:root body.vtt.game.system-eunos-blades #players #chat .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades #interface #chat .shadowed, -:root body.vtt.game.system-eunos-blades #controls #chat .shadowed, -:root body.vtt.game.system-eunos-blades #navigation #chat .shadowed, -:root body.vtt.game.system-eunos-blades #hotbar #chat .shadowed, -:root body.vtt.game.system-eunos-blades #players #chat .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .hidden, -:root body.vtt.game.system-eunos-blades #controls #chat .hidden, -:root body.vtt.game.system-eunos-blades #navigation #chat .hidden, -:root body.vtt.game.system-eunos-blades #hotbar #chat .hidden, -:root body.vtt.game.system-eunos-blades #players #chat .hidden { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .start-invisible, -:root body.vtt.game.system-eunos-blades #controls #chat .start-invisible, -:root body.vtt.game.system-eunos-blades #navigation #chat .start-invisible, -:root body.vtt.game.system-eunos-blades #hotbar #chat .start-invisible, -:root body.vtt.game.system-eunos-blades #players #chat .start-invisible { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-checkbox, -:root body.vtt.game.system-eunos-blades #controls #chat .text-checkbox, -:root body.vtt.game.system-eunos-blades #navigation #chat .text-checkbox, -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-checkbox, -:root body.vtt.game.system-eunos-blades #players #chat .text-checkbox { - position: relative; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-checkbox input[type=checkbox], -:root body.vtt.game.system-eunos-blades #controls #chat .text-checkbox input[type=checkbox], -:root body.vtt.game.system-eunos-blades #navigation #chat .text-checkbox input[type=checkbox], -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-checkbox input[type=checkbox], -:root body.vtt.game.system-eunos-blades #players #chat .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-checkbox span, -:root body.vtt.game.system-eunos-blades #controls #chat .text-checkbox span, -:root body.vtt.game.system-eunos-blades #navigation #chat .text-checkbox span, -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-checkbox span, -:root body.vtt.game.system-eunos-blades #players #chat .text-checkbox span { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .text-checkbox input[type=checkbox]:checked + span, -:root body.vtt.game.system-eunos-blades #controls #chat .text-checkbox input[type=checkbox]:checked + span, -:root body.vtt.game.system-eunos-blades #navigation #chat .text-checkbox input[type=checkbox]:checked + span, -:root body.vtt.game.system-eunos-blades #hotbar #chat .text-checkbox input[type=checkbox]:checked + span, -:root body.vtt.game.system-eunos-blades #players #chat .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .no-img img, -:root body.vtt.game.system-eunos-blades #controls #chat .no-img img, -:root body.vtt.game.system-eunos-blades #navigation #chat .no-img img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .no-img img, -:root body.vtt.game.system-eunos-blades #players #chat .no-img img { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .flex-horizontal, -:root body.vtt.game.system-eunos-blades #controls #chat .flex-horizontal, -:root body.vtt.game.system-eunos-blades #navigation #chat .flex-horizontal, -:root body.vtt.game.system-eunos-blades #hotbar #chat .flex-horizontal, -:root body.vtt.game.system-eunos-blades #players #chat .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .flex-horizontal.flex-wrap, -:root body.vtt.game.system-eunos-blades #controls #chat .flex-horizontal.flex-wrap, -:root body.vtt.game.system-eunos-blades #navigation #chat .flex-horizontal.flex-wrap, -:root body.vtt.game.system-eunos-blades #hotbar #chat .flex-horizontal.flex-wrap, -:root body.vtt.game.system-eunos-blades #players #chat .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .flex-horizontal.full-width, -:root body.vtt.game.system-eunos-blades #controls #chat .flex-horizontal.full-width, -:root body.vtt.game.system-eunos-blades #navigation #chat .flex-horizontal.full-width, -:root body.vtt.game.system-eunos-blades #hotbar #chat .flex-horizontal.full-width, -:root body.vtt.game.system-eunos-blades #players #chat .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface #chat .flex-vertical, -:root body.vtt.game.system-eunos-blades #controls #chat .flex-vertical, -:root body.vtt.game.system-eunos-blades #navigation #chat .flex-vertical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .flex-vertical, -:root body.vtt.game.system-eunos-blades #players #chat .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .full-width, -:root body.vtt.game.system-eunos-blades #controls #chat .full-width, -:root body.vtt.game.system-eunos-blades #navigation #chat .full-width, -:root body.vtt.game.system-eunos-blades #hotbar #chat .full-width, -:root body.vtt.game.system-eunos-blades #players #chat .full-width { - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip-trigger, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip-container, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip-container, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip-container { - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip-trigger, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip-trigger { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip > h1, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip > h1, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip > h1, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip > h1, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip > h1:last-of-type, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip > h1:last-of-type, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip > h1:last-of-type, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip > h1:last-of-type, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip > p, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip ul, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip ol, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip li, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip > p, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip ul, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip li, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip > p, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip ul, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip li, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip > p, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip ul, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip li, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip > p, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip ul, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip > ul, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip > ul, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip > ul, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip > ul, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip ol, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip > ul, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip > ul li, :root body.vtt.game.system-eunos-blades #interface #chat .tooltip ol li, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip > ul li, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip ol li, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip > ul li, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip ol li, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip > ul li, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip ol li, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip > ul li, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip ol li { - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip h2, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip h2, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip h2, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip h2, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip h2 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .tooltip-scaling-elem, -:root body.vtt.game.system-eunos-blades #controls #chat .tooltip-scaling-elem, -:root body.vtt.game.system-eunos-blades #navigation #chat .tooltip-scaling-elem, -:root body.vtt.game.system-eunos-blades #hotbar #chat .tooltip-scaling-elem, -:root body.vtt.game.system-eunos-blades #players #chat .tooltip-scaling-elem { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel > *, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel > *, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel > *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel > *, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary:hover, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary .pc-summary-img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary .pc-summary-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary .pc-summary-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary .pc-summary-img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-notes, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-notes, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-notes, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-notes, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -:root body.vtt.game.system-eunos-blades #interface #chat .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, -:root body.vtt.game.system-eunos-blades #controls #chat .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, -:root body.vtt.game.system-eunos-blades #navigation #chat .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, -:root body.vtt.game.system-eunos-blades #hotbar #chat .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, -:root body.vtt.game.system-eunos-blades #players #chat .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .selectable-image-panel, -:root body.vtt.game.system-eunos-blades #controls #chat .selectable-image-panel, -:root body.vtt.game.system-eunos-blades #navigation #chat .selectable-image-panel, -:root body.vtt.game.system-eunos-blades #hotbar #chat .selectable-image-panel, -:root body.vtt.game.system-eunos-blades #players #chat .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .selectable-image-panel .selectable-image, -:root body.vtt.game.system-eunos-blades #controls #chat .selectable-image-panel .selectable-image, -:root body.vtt.game.system-eunos-blades #navigation #chat .selectable-image-panel .selectable-image, -:root body.vtt.game.system-eunos-blades #hotbar #chat .selectable-image-panel .selectable-image, -:root body.vtt.game.system-eunos-blades #players #chat .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -:root body.vtt.game.system-eunos-blades #interface #chat .selectable-image-panel .selectable-image.image-selected, -:root body.vtt.game.system-eunos-blades #controls #chat .selectable-image-panel .selectable-image.image-selected, -:root body.vtt.game.system-eunos-blades #navigation #chat .selectable-image-panel .selectable-image.image-selected, -:root body.vtt.game.system-eunos-blades #hotbar #chat .selectable-image-panel .selectable-image.image-selected, -:root body.vtt.game.system-eunos-blades #players #chat .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface #chat .selectable-image-panel .add-image-control, -:root body.vtt.game.system-eunos-blades #controls #chat .selectable-image-panel .add-image-control, -:root body.vtt.game.system-eunos-blades #navigation #chat .selectable-image-panel .add-image-control, -:root body.vtt.game.system-eunos-blades #hotbar #chat .selectable-image-panel .add-image-control, -:root body.vtt.game.system-eunos-blades #players #chat .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .selectable-image-panel .add-image-control:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .selectable-image-panel .add-image-control:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .selectable-image-panel .add-image-control:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .selectable-image-panel .add-image-control:hover, -:root body.vtt.game.system-eunos-blades #players #chat .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container.selected-opposition, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container.selected-opposition, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container.selected-opposition, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container.selected-opposition, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container.opposition-blank, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container.opposition-blank, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container.opposition-blank, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container.opposition-blank, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .opposition-creation-panel .roll-opposition-container input.shadowed, -:root body.vtt.game.system-eunos-blades #controls #chat .opposition-creation-panel .roll-opposition-container input.shadowed, -:root body.vtt.game.system-eunos-blades #navigation #chat .opposition-creation-panel .roll-opposition-container input.shadowed, -:root body.vtt.game.system-eunos-blades #hotbar #chat .opposition-creation-panel .roll-opposition-container input.shadowed, -:root body.vtt.game.system-eunos-blades #players #chat .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .accordian-label, -:root body.vtt.game.system-eunos-blades #controls #chat .accordian-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .accordian-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .accordian-label, -:root body.vtt.game.system-eunos-blades #players #chat .accordian-label { - position: relative; - filter: sepia(0.75); -} -:root body.vtt.game.system-eunos-blades #interface #chat .accordian-label .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #controls #chat .accordian-label .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #navigation #chat .accordian-label .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #hotbar #chat .accordian-label .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #players #chat .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .accordian-label .randomizer-trigger:hover, -:root body.vtt.game.system-eunos-blades #controls #chat .accordian-label .randomizer-trigger:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat .accordian-label .randomizer-trigger:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat .accordian-label .randomizer-trigger:hover, -:root body.vtt.game.system-eunos-blades #players #chat .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .accordian-label.accordian-label-small, -:root body.vtt.game.system-eunos-blades #controls #chat .accordian-label.accordian-label-small, -:root body.vtt.game.system-eunos-blades #navigation #chat .accordian-label.accordian-label-small, -:root body.vtt.game.system-eunos-blades #hotbar #chat .accordian-label.accordian-label-small, -:root body.vtt.game.system-eunos-blades #players #chat .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .accordian-label.accordian-label-small .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #controls #chat .accordian-label.accordian-label-small .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #navigation #chat .accordian-label.accordian-label-small .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #hotbar #chat .accordian-label.accordian-label-small .randomizer-trigger, -:root body.vtt.game.system-eunos-blades #players #chat .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, -:root body.vtt.game.system-eunos-blades #controls #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, -:root body.vtt.game.system-eunos-blades #navigation #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, -:root body.vtt.game.system-eunos-blades #hotbar #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, -:root body.vtt.game.system-eunos-blades #players #chat .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-form, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-form, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-form, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-form, -:root body.vtt.game.system-eunos-blades #players #chat #chat-form { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #players #chat #chat-controls { - opacity: 0 !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-controls:hover, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-controls:hover, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-controls:hover, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-controls:hover, -:root body.vtt.game.system-eunos-blades #players #chat #chat-controls:hover { - opacity: 1 !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat, -:root body.vtt.game.system-eunos-blades #interface #chat *, -:root body.vtt.game.system-eunos-blades #controls #chat, -:root body.vtt.game.system-eunos-blades #controls #chat *, -:root body.vtt.game.system-eunos-blades #navigation #chat, -:root body.vtt.game.system-eunos-blades #navigation #chat *, -:root body.vtt.game.system-eunos-blades #hotbar #chat, -:root body.vtt.game.system-eunos-blades #hotbar #chat *, -:root body.vtt.game.system-eunos-blades #players #chat, -:root body.vtt.game.system-eunos-blades #players #chat * { - --font-heading: var(--font-emphasis); - --font-weight-heading: normal; - --text-shadow-heading: none; - --line-height-heading: 1.2; -} -:root body.vtt.game.system-eunos-blades #interface #chat, -:root body.vtt.game.system-eunos-blades #controls #chat, -:root body.vtt.game.system-eunos-blades #navigation #chat, -:root body.vtt.game.system-eunos-blades #hotbar #chat, -:root body.vtt.game.system-eunos-blades #players #chat { - row-gap: 0px; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-log, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-log, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-log, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-log, -:root body.vtt.game.system-eunos-blades #players #chat #chat-log { - scrollbar-width: none; - -ms-overflow-style: none; - width: 125%; - margin-left: -25%; - padding-left: 25%; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-log::-webkit-scrollbar, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-log::-webkit-scrollbar, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-log::-webkit-scrollbar, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-log::-webkit-scrollbar, -:root body.vtt.game.system-eunos-blades #players #chat #chat-log::-webkit-scrollbar { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-log, :root body.vtt.game.system-eunos-blades #interface #chat #chat-log *, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-log, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-log *, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-log, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-log *, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-log, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-log *, -:root body.vtt.game.system-eunos-blades #players #chat #chat-log, -:root body.vtt.game.system-eunos-blades #players #chat #chat-log * { - --font-primary: "Beaufort", serif, ; -} -:root body.vtt.game.system-eunos-blades #interface #chat .flexrow.jump-to-bottom, -:root body.vtt.game.system-eunos-blades #controls #chat .flexrow.jump-to-bottom, -:root body.vtt.game.system-eunos-blades #navigation #chat .flexrow.jump-to-bottom, -:root body.vtt.game.system-eunos-blades #hotbar #chat .flexrow.jump-to-bottom, -:root body.vtt.game.system-eunos-blades #players #chat .flexrow.jump-to-bottom { - bottom: 25px; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades #interface #chat #chat-controls, :root body.vtt.game.system-eunos-blades #interface #chat #chat-form, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #controls #chat #chat-form, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #navigation #chat #chat-form, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #hotbar #chat #chat-form, -:root body.vtt.game.system-eunos-blades #players #chat #chat-controls, -:root body.vtt.game.system-eunos-blades #players #chat #chat-form { - background: var(--blades-black); - opacity: 1; - position: relative; - place-self: stretch flex-end; - z-index: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] { - background: var(--blades-black-dark); - background: transparent; - border: 2px ouset var(--blades-white); - overflow: visible; - padding: 0; - margin: var(--chat-vertical-gap) 0px; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll], :root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] *, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] *, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] *, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll], -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] * { - --chat-header-height: 15px; - --chat-vertical-gap: 15px; - --resistance-right-shift: 60px; - --speaker-portrait-height: 100px; - --bg-controlled: var(--blades-grey-bright); - --bg-risky: var(--blades-black-dark); - --bg-desperate: var(--blades-red-darkest); - --bg-critical: transparent; - --bg-success: transparent; - --bg-partial: transparent; - --bg-fail: transparent; - --dice-strip-bg: var(--blades-black-dark); - --top-die-animation: none; - --ghost-die-animation: die-ghost 2s ease infinite; - --ghost-die-filter: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-header, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-header, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-header, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-header, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-header { - position: relative; - z-index: 3; - height: var(--chat-header-height); - max-height: var(--chat-header-height); - top: 4px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-header .message-sender, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-header .message-sender, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-header .message-sender, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-header .message-sender, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-header .message-sender { - display: unset; - text-align: left !important; - color: var(--blades-white-bright); - text-indent: 25px; - text-shadow: var(--text-shadow-dark-strong); - line-height: 20px; - font-size: 20px; - position: relative; - vertical-align: top; - left: 20px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-header .message-sender::first-letter, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-header .message-sender::first-letter, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-header .message-sender::first-letter, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-header .message-sender::first-letter, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-header .message-sender::first-letter { - font-size: 32px; - line-height: 0.6; - vertical-align: -8px; - margin-right: -3px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper { - --border-gradient: linear-gradient(-72deg, - #6b5630, - #9e7f46 16%, - #6b5630 21%, - #9e7f46 24%, - #46381f 27%, - #6b5630 36%, - #9e7f46 45%, - #9e7f46 60%, - #6b5630 72%, - #9e7f46 80%, - #6b5630 84%, - #2c2315); - height: var(--speaker-portrait-height); - width: calc(var(--speaker-portrait-height)); - position: absolute; - left: -5px; - top: 20px; - transform: translate(-50%, -50%); - border-radius: calc(0.5 * var(--speaker-portrait-height)); - scale: 0.8 1; - transform-origin: 50% 50%; - background: var(--border-gradient); - background-repeat: no-repeat; - outline: 3px solid black; - box-shadow: 0 0 5px 5px black; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait { - height: 100%; - width: 100%; - box-shadow: inset 0px 0px 5px var(--blades-black-dark), inset 0px 0px 5px var(--blades-black-dark), inset 0px 0px 5px var(--blades-black-dark); - overflow: hidden; - border-radius: calc(0.5 * var(--speaker-portrait-height)); - display: flex; - justify-content: center; - align-items: center; - scale: 0.9 0.9; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .portrait-image, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .portrait-image, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .portrait-image, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .portrait-image, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .portrait-image { - height: 100%; - transform-origin: 50% 50%; - scale: 1.875 1.5; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .chat-message-speaker-portrait-overlay, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .chat-message-speaker-portrait-overlay, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .chat-message-speaker-portrait-overlay, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .chat-message-speaker-portrait-overlay, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .chat-message-speaker-portrait-wrapper .chat-message-speaker-portrait .chat-message-speaker-portrait-overlay { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - border-radius: calc(0.5 * var(--speaker-portrait-height)); - box-shadow: inset 0px 0px 10px 5px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll { - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-message-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-message-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-message-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-message-bg, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-message-bg { - position: absolute; - display: none; - top: -5px; - left: 0; - height: calc(100% + 5px); - width: 100%; - z-index: -1; - border-bottom-left-radius: 30px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg { - position: absolute; - top: unset; - left: 0; - width: 100%; - z-index: 0; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg.roll-result-fail, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg.roll-result-fail, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg.roll-result-fail, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg.roll-result-fail, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-result-bg.roll-result-fail { - background: var(--bg-fail); - background-size: cover; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header { - margin: 0; - padding: 0; - text-align: left; - background: transparent; - box-shadow: none; - color: var(--blades-grey); - z-index: -1; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label { - font-family: var(--font-primary); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-verb { - padding-left: 70px; - font-weight: 700; - color: var(--blades-gold-bright); - font-size: 32px; - line-height: 38px; - font-style: italic; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-header .trait-label.trait-past-verb { - padding-left: 70px; - font-weight: 700; - color: var(--blades-grey-bright); - font-size: 28px; - line-height: 38px; - font-style: italic; - text-transform: capitalize; - font-variant: small-caps; - transform-origin: 0% 50%; - scale: 1.25 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-headerh1, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-headerh1, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-headerh1, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-headerh1, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .chat-headerh1 { - margin: 0; - padding: 0; - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip { - position: relative; - --die-size: 30px; - z-index: -1; - --fade-none: 1; - --fade-lightest: 0.9; - --fade-light: 0.8; - --fade-med: 0.7; - --fade-strong: 0.6; - --fade-strongest: 0.5; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - height: calc(var(--die-size) + 8px); - height: calc(var(--die-size) * 2); - width: 150%; - align-items: stretch; - justify-content: center; - gap: calc(var(--die-size) * 0.3); - margin: 0px 0px calc(var(--die-size) * -1 - 6px + 5px) 0px; - padding: 4px 50% 4px 0; - background: var(--dice-strip-bg); - background-position-y: 150%; -} -@keyframes die-pulse { - 0% { - scale: 1; - } - 50% { - scale: 1.25; - } - 100% { - scale: 1; - } -} -@keyframes die-ghost { - 8% { - opacity: var(--fade-strongest); - } - 10% { - opacity: var(--fade-med); - } - 12% { - opacity: var(--fade-strongest); - } - 33% { - opacity: var(--fade-strongest); - } - 35% { - opacity: var(--fade-light); - } - 37% { - opacity: var(--fade-strongest); - } - 62% { - opacity: var(--fade-strong); - } - 64% { - opacity: var(--fade-lightest); - } - 66% { - opacity: var(--fade-strong); - } - 95% { - opacity: var(--fade-strongest); - } - 97% { - opacity: var(--fade-med); - } - 99% { - opacity: var(--fade-strongest); - } -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die { - display: block; - position: relative; - z-index: 5; - height: var(--die-size); - transform-origin: 50% 50%; - overflow: hidden; - border-radius: calc(0.2 * var(--die-size)); - scale: 1.25; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die img { - height: var(--die-size); - width: var(--die-size); - display: block; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical { - animation: var(--top-die-animation); - z-index: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical:first-child + .blades-die-critical, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical:first-child + .blades-die-critical, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical:first-child + .blades-die-critical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical:first-child + .blades-die-critical, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-critical:first-child + .blades-die-critical { - margin-left: 3px; - animation: var(--top-die-animation); - animation-delay: 0.15s; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-success:first-child, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-success:first-child, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-success:first-child, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-success:first-child, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-success:first-child { - animation: var(--top-die-animation); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-partial:first-child, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-partial:first-child, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-partial:first-child, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-partial:first-child, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-partial:first-child { - animation: var(--top-die-animation); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost { - scale: 1; - opacity: 1; - rotate: 10deg; - animation: var(--ghost-die-animation); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost img, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost img, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost img, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-ghost img { - filter: var(--ghost-die-filter); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-resistance, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-resistance, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-resistance, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-resistance, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die.blades-die-resistance { - filter: drop-shadow(0px 0px calc(var(--die-size) * 0.1) var(--blades-blue-bright)); - scale: 1.25; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die:nth-child(6), -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die:nth-child(6), -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die:nth-child(6), -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die:nth-child(6), -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .dice-roll-strip .blades-die:nth-child(6) { - margin-right: -50px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container { - justify-content: space-between; - align-items: center; - margin: 0; - margin-top: 15px; - z-index: -1; - position: relative; - height: var(--result-height); - --result-height: 50px; - --result-spread: 5px; - --side-height: calc(var(--result-height) + 2 * var(--result-spread)); - --side-vertical-shift: calc(-1 * var(--result-spread)); - --side-width-percent: 30%; - background: var(--result-bg-color); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical { - --result-bg-color: var(--blades-gold-bright); - --result-color-main: var(--blades-black); - --result-x-scale: 0.8; - --side-bg-color: var(--blades-gold); - --side-color-main: var(--blades-white-bright); - --side-color-secondary: var(--blades-grey-dark); - --side-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical .roll-result-container.roll-result-critical h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical .roll-result-container.roll-result-critical h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical .roll-result-container.roll-result-critical h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical .roll-result-container.roll-result-critical h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-critical .roll-result-container.roll-result-critical h3.roll-result-label.roll-result-bottom-label { - transform-origin: 50% 50%; - scale: 1.25 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-success, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-success, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-success, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-success, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-success { - --result-bg-color: var(--blades-white-bright); - --result-color-main: var(--blades-black); - --result-x-scale: 0.7; - --side-bg-color: var(--blades-white); - --side-color-main: var(--blades-gold-bright); - --side-color-secondary: var(--blades-grey-dark); - --side-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial { - --result-bg-color: var(--blades-grey-dark); - --result-color-main: var(--blades-white); - --result-x-scale: 0.75; - --side-bg-color: var(--blades-black); - --side-color-main: var(--blades-white-bright); - --side-color-secondary: var(--blades-grey); - --side-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h2.roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h2.roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h2.roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h2.roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h2.roll-result-label.roll-result-top-label { - margin-left: 15px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h3.roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-partial .roll-result-container.roll-result-partial h3.roll-result-label.roll-result-bottom-label { - margin-left: -15px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail { - --result-bg-color: var(--blades-red-black); - --result-color-main: var(--blades-red-bright); - --result-x-scale: 1.25; - --side-bg-color: var(--blades-red-darkest); - --side-color-main: var(--blades-white-bright); - --side-color-secondary: var(--blades-grey); - --side-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail .roll-result-container.roll-result-fail h2.roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail .roll-result-container.roll-result-fail h2.roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail .roll-result-container.roll-result-fail h2.roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail .roll-result-container.roll-result-fail h2.roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-result-fail .roll-result-container.roll-result-fail h2.roll-result-label.roll-result-main-label { - margin-left: -170px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-controlled, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-controlled, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-controlled, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-controlled, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-controlled { - --side-left-x-scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-risky, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-risky, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-risky, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-risky, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-risky { - --side-left-x-scale: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-desperate, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-desperate, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-desperate, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-desperate, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-position-desperate { - --side-left-x-scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-zero, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-zero, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-zero, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-zero, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-zero { - --side-right-x-scale: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-limited, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-limited, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-limited, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-limited, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-limited { - --side-right-x-scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-standard, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-standard, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-standard, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-standard, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-standard { - --side-right-x-scale: 0.8; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-great, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-great, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-great, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-great, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-great { - --side-right-x-scale: 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-extreme, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-extreme, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-extreme, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-extreme, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container.roll-effect-extreme { - --side-right-x-scale: 0.9; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container { - position: absolute; - width: calc(100% + 20px); - left: -10px; - height: var(--side-height); - overflow: hidden; - top: var(--side-vertical-shift); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background { - position: absolute; - height: 100%; - width: calc(var(--side-width-percent) + 100px); - top: 0px; - background: var(--side-bg-color); - transform: skewX(-25deg); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-position-background, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-position-background, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-position-background, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-position-background, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-position-background { - filter: drop-shadow(0px 0px 5px var(--side-shadow-color)); - left: -100px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-effect-background, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-effect-background, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-effect-background, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-effect-background, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-background-container .roll-state-background.roll-effect-background { - filter: drop-shadow(0px 0px 5px var(--side-shadow-color)); - right: -100px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container { - position: relative; - height: var(--side-height); - width: var(--side-width-percent); - padding: 4px; - gap: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label { - font-family: var(--font-emphasis-narrow); - font-size: 12px; - line-height: 12px; - display: block; - transform: translate(0%, -50%); - top: 50%; - text-align: center; - white-space: nowrap; - color: var(--side-color-secondary); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label strong, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label strong, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label strong, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label strong, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h4.roll-state-label strong { - color: var(--side-color-secondary) !important; - font-weight: 900 !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h3.roll-state, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h3.roll-state, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h3.roll-state, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h3.roll-state, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container h3.roll-state { - white-space: nowrap; - font-size: 18px; - line-height: 18px; - text-shadow: var(--text-shadow-dark-strong); - color: var(--side-color-main); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h4.roll-state-label { - position: absolute; - left: 30px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h3.roll-state, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h3.roll-state, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h3.roll-state, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h3.roll-state, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-left h3.roll-state { - position: absolute; - transform-origin: 100% 0%; - top: 5px; - right: 5px; - scale: var(--side-left-x-scale) 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h4.roll-state-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h4.roll-state-label { - position: absolute; - text-align: left; - left: 10px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h3.roll-state, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h3.roll-state, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h3.roll-state, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h3.roll-state, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-state-container.roll-state-container-right h3.roll-state { - width: 100%; - position: absolute; - transform-origin: 0% 0%; - bottom: 5px; - left: 5px; - text-align: left; - scale: var(--side-right-x-scale) 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container { - width: calc(100% - 2 * var(--side-width-percent)); - flex-basis: calc(100% - 2 * var(--side-width-percent)); - flex-grow: 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label { - background: none; - box-shadow: none; - color: var(--result-color-main); - white-space: nowrap; - margin: 0; - padding: 0; - transform-origin: 50% 50%; - scale: var(--result-x-scale) 1; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-top-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-top-label { - font-size: 26px; - line-height: 26px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-bottom-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-bottom-label { - font-size: 14px; - font-family: var(--font-emphasis-narrow); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-main-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .roll-outcome-container .roll-result-container .roll-result-label.roll-result-main-label { - font-size: 32px; - line-height: 32px; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll .consequence-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll .consequence-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll .consequence-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll .consequence-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll .consequence-container { - padding-top: 10px; - border-bottom-left-radius: 25px; - z-index: -3; - position: relative; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance { - width: calc(100% - var(--resistance-right-shift)); - left: var(--resistance-right-shift); - top: 0; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-message-bg, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-message-bg, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-message-bg, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-message-bg, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-message-bg { - display: block; - background: var(--blades-grey); - top: 0; - height: 100%; - left: -15px; - border-top-left-radius: 16px; - border-bottom-left-radius: 16px; - width: calc(100% + var(--resistance-right-shift)); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line { - position: relative; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-intro, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-intro, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-intro, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-intro, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-intro { - color: var(--blades-gold-bright); - z-index: 3; - position: absolute; - rotate: -45deg; - transform-origin: 50% 50%; - transform: translate(0%, 0%); - left: calc(-1 * var(--resistance-right-shift) - 0px); - text-transform: uppercase; - font-weight: bold; - font-size: 10px; - text-shadow: var(--text-shadow-dark-strong); - top: 7px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .consequence-icon-img, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .consequence-icon-img, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .consequence-icon-img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .consequence-icon-img, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .consequence-icon-img { - height: 32px; - border-radius: 16px; - background: var(--blades-black); - position: absolute; - left: -10px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right { - align-items: space-evenly; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice { - height: 24px; - justify-content: flex-start; - align-items: center; - padding: 0 10px 0 30px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-intro, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-intro, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-intro, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-intro, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-intro { - display: none; - color: var(--blades-black); - margin-right: 5px; - line-height: 24px; - font-size: 10px; - font-weight: bold; - margin-top: 3px; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-label, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-label, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-label, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-label, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .trait-label { - font-family: var(--font-emphasis); - color: var(--blades-gold-bright); - line-height: 24px; - text-shadow: var(--text-shadow-emboss); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip { - height: 24px; - width: fit-content; - padding: 4px 0px; - gap: 3px; - margin: 0 0 0 5px; - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die { - height: 16px; - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die img, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die img { - height: 16px; - width: 16px; - filter: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die:not(.blades-die-resistance), -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die:not(.blades-die-resistance), -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die:not(.blades-die-resistance), -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die:not(.blades-die-resistance), -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die:not(.blades-die-resistance) { - opacity: 0.5; - filter: blur(1px); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die + .blades-die + .blades-die + .blades-die + .blades-die ~ .blades-die:last-child, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die + .blades-die + .blades-die + .blades-die + .blades-die ~ .blades-die:last-child, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die + .blades-die + .blades-die + .blades-die + .blades-die ~ .blades-die:last-child, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die + .blades-die + .blades-die + .blades-die + .blades-die ~ .blades-die:last-child, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-roll-attr-dice .dice-roll-strip .blades-die + .blades-die + .blades-die + .blades-die + .blades-die ~ .blades-die:last-child { - margin-right: -50px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row h3, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row h3, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row h3 { - font-size: 12px; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-bonus h3, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-stress h3, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-stress h3, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-stress h3, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-stress h3, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .resistance-roll-one-line .resistance-roll-vertical-right .resistance-cost-row.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-header.roll-trait, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-header.roll-trait, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-header.roll-trait, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-header.roll-trait, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .chat-header.roll-trait { - font-size: 14px; - color: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-type-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-type-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-name-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-original .comp.consequence-display-container .consequence-name-container { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-resisted, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-resisted, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-resisted, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-resisted, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content .blades-roll.roll-type-resistance .consequence-container.consequence-resisted { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .message-content ~ *, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .message-content ~ *, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .message-content ~ *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .message-content ~ *, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .message-content ~ * { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence img, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll]:not(.unresolved-action-roll) .consequence-icon-circle.base-consequence img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll].active-chat-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll].active-chat-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll].active-chat-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll].active-chat-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll].active-chat-roll .message-content .blades-roll .trait-label.trait-past-verb { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .trait-label.trait-verb, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .trait-label.trait-verb { - display: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .blades-roll > *:not(.chat-message-speaker-portrait-wrapper), -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .blades-roll > *:not(.chat-message-speaker-portrait-wrapper), -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .blades-roll > *:not(.chat-message-speaker-portrait-wrapper), -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .blades-roll > *:not(.chat-message-speaker-portrait-wrapper), -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .blades-roll > *:not(.chat-message-speaker-portrait-wrapper) { - filter: sepia(1) grayscale(0.5) brightness(0.6); -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .chat-message-speaker-portrait-wrapper, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll]:not(.unresolved-action-roll):not(.active-chat-roll) .message-content .blades-roll .chat-message-speaker-portrait-wrapper { - --border-gradient: linear-gradient(-72deg, - #565656, - #9b9b9b 16%, - #565656 21%, - #9b9b9b 24%, - #383838 27%, - #565656 36%, - #9b9b9b 45%, - #9b9b9b 60%, - #565656 72%, - #9b9b9b 80%, - #565656 84%, - #232323); - transform-origin: 50% 0%; - scale: 0.6 0.75; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .roll-position-risky .chat-header, -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll] .roll-position-risky .consequence-container, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .roll-position-risky .chat-header, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll] .roll-position-risky .consequence-container, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .roll-position-risky .chat-header, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll] .roll-position-risky .consequence-container, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .roll-position-risky .chat-header, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll] .roll-position-risky .consequence-container, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .roll-position-risky .chat-header, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll] .roll-position-risky .consequence-container { - background: var(--bg-risky); - background-size: cover; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll { - margin-bottom: 0px; - opacity: 1; - filter: drop-shadow(5px 5px 5px black); - background: transparent; - outline: none; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .trait-label.trait-past-verb, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .trait-label.trait-past-verb { - display: none !important; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .dice-roll-strip, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message[class*=-roll].unresolved-action-roll .message-content .blades-roll .dice-roll-strip { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades #interface #chat .chat-message.unresolved-action-roll, :root body.vtt.game.system-eunos-blades #interface #chat .chat-message.unresolved-action-roll *, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message.unresolved-action-roll, -:root body.vtt.game.system-eunos-blades #controls #chat .chat-message.unresolved-action-roll *, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message.unresolved-action-roll, -:root body.vtt.game.system-eunos-blades #navigation #chat .chat-message.unresolved-action-roll *, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message.unresolved-action-roll, -:root body.vtt.game.system-eunos-blades #hotbar #chat .chat-message.unresolved-action-roll *, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message.unresolved-action-roll, -:root body.vtt.game.system-eunos-blades #players #chat .chat-message.unresolved-action-roll * { - --bg-controlled: url("../assets/animations/chat/roll-position-controlled.webp"); - --bg-risky: url("../assets/animations/chat/roll-position-risky.webp"); - --bg-desperate: url("../assets/animations/chat/roll-position-desperate.webp"); - --bg-fail: url("../assets/animations/chat/fail-bg.webp"); - --dice-strip-bg: url("../assets/animations/chat/lightning-ray.webp") no-repeat center / 100% auto; - --top-die-animation: die-pulse 5s ease infinite; - --ghost-die-animation: die-ghost 4s ease infinite; - --ghost-die-filter: sepia(1) saturate(2) hue-rotate(319deg); -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container { - position: absolute; - height: 100%; - width: 100%; - pointer-events: none; - overflow: visible; - background: linear-gradient(to left, rgba(0, 0, 0, 0.85) 250px, transparent 500px), url("../assets/debug-false-canvas.webp"); - background-size: cover; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning { - pointer-events: none; - position: absolute; - min-width: 1500px; - max-width: 1500px; - max-height: 200px; - min-height: 200px; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning { - transform-origin: 100% 0%; - rotate: -90deg; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning.right-lightning-a { - filter: grayscale(1) brightness(2) blur(3px); - top: -150px; - right: 120px; - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning.right-lightning-b, :root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning.right-lightning-c { - min-height: 100px; - max-height: 100px; - filter: brightness(3); - top: -550px; - right: -30px; - scale: 1 -1; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning.right-lightning-b.right-lightning-c, :root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.right-lightning.right-lightning-c.right-lightning-c { - right: -50px; - top: -350px; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning { - transform-origin: 0% 0%; - rotate: 90deg; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning.left-lightning-a { - top: -250px; - left: 125px; - z-index: 2; - filter: grayscale(1) brightness(2) blur(3px); - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning.left-lightning-b, :root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning.left-lightning-c { - min-height: 100px; - max-height: 100px; - filter: brightness(3); - top: -550px; - left: -30px; - scale: 1 -1; -} -:root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning.left-lightning-b.left-lightning-c, :root body.vtt.game.system-eunos-blades #interface .lightning-border-container .border-lightning.left-lightning.left-lightning-c.left-lightning-c { - left: -50px; - top: -350px; - scale: 1 1; -} -:root body.vtt.game.system-eunos-blades #controls, -:root body.vtt.game.system-eunos-blades #navigation, -:root body.vtt.game.system-eunos-blades #hotbar, -:root body.vtt.game.system-eunos-blades #players { - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades #controls:hover, -:root body.vtt.game.system-eunos-blades #navigation:hover, -:root body.vtt.game.system-eunos-blades #hotbar:hover, -:root body.vtt.game.system-eunos-blades #players:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -:root body.vtt.game.system-eunos-blades .app.window-app *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -:root body.vtt.game.system-eunos-blades .app.window-app b, :root body.vtt.game.system-eunos-blades .app.window-app strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app i:not([class]), :root body.vtt.game.system-eunos-blades .app.window-app em { - font-style: italic !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app i[class] { - font-family: var(--font-awesome); -} -:root body.vtt.game.system-eunos-blades .app.window-app i.fab { - font-family: var(--font-awesome-alt); -} -:root body.vtt.game.system-eunos-blades .app.window-app i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -:root body.vtt.game.system-eunos-blades .app.window-app button { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app h1:not(i):not(button), :root body.vtt.game.system-eunos-blades .app.window-app h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app h3:not(i):not(button), :root body.vtt.game.system-eunos-blades .app.window-app h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -:root body.vtt.game.system-eunos-blades .app.window-app h1:not(i):not(button) { - font-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app h2:not(i):not(button), -:root body.vtt.game.system-eunos-blades .app.window-app h3:not(i):not(button) { - font-size: 1.125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app h4:not(i):not(button) { - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button), -:root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button), -:root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button), -:root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -:root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[type=number], :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[data-dtype=number], :root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button)[data-dtype=number] option, -:root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[type=number], -:root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[data-dtype=number], -:root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app select:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades .app.window-app input:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades .app.window-app option:not(i):not(button) option, -:root body.vtt.game.system-eunos-blades .app.window-app textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header a { - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h1, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h2, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h3, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .compendium h4, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h1, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h2, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h3, :root body.vtt.game.system-eunos-blades .app.window-app .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title, :root body.vtt.game.system-eunos-blades .app.window-app .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover { - z-index: 5 !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover.comp-label a, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-label:hover.comp-title, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control:hover { - transform: scale(1.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete-full, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add i, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body .comp-title { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h1, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h2, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h3, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body h4, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body p, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body blockquote, :root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-body table { - margin: 0; - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .number-circle { - --number-circle-size: 1.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle > * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical > .comp-label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins .comp-body, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline .dot.empty-dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins .dotline .dot.full-dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon i, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon i.toggle-off, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon i.toggle-off { - opacity: 0.25; -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root body.vtt.game.system-eunos-blades .app.window-app .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline.centered { - --dotline-horiz-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:last-of-type { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-main, :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-main.img-hover, :root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot .img-hover.img-hover { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot { - height: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-main { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-hover { - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover .img-hover + .img-main { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -:root body.vtt.game.system-eunos-blades .app.window-app blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app table, -:root body.vtt.game.system-eunos-blades .app.window-app table tr, -:root body.vtt.game.system-eunos-blades .app.window-app table tr th, -:root body.vtt.game.system-eunos-blades .app.window-app table tr td, -:root body.vtt.game.system-eunos-blades .app.window-app table tbody, -:root body.vtt.game.system-eunos-blades .app.window-app table tbody tr, -:root body.vtt.game.system-eunos-blades .app.window-app table tbody td, -:root body.vtt.game.system-eunos-blades .app.window-app table thead, -:root body.vtt.game.system-eunos-blades .app.window-app table thead tr, -:root body.vtt.game.system-eunos-blades .app.window-app table thead tr th, -:root body.vtt.game.system-eunos-blades .app.window-app table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app table { - border-collapse: collapse; -} -:root body.vtt.game.system-eunos-blades .app.window-app table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app figure { - display: table; - margin: 1rem auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app code { - padding: 0.1rem 0.2rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app i.fa-duotone[style] { - /* Your code here */ -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-secret:first-child:last-child { - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .gold-bright { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .red-bright { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .red-dark { - color: var(--blades-red-dark) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .grey { - color: var(--blades-grey) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .white { - color: var(--blades-white) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .white-bright { - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .cyan-bright { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .uppercase { - text-transform: uppercase !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .hidden { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .start-invisible { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox { - position: relative; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox span { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .no-img img { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades .app.window-app .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .full-width { - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip-trigger, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip-container { - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip-trigger { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip > p, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ul, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ol, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip > ul, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip > ul li, :root body.vtt.game.system-eunos-blades .app.window-app .tooltip ol li { - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip h2 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tooltip-scaling-elem { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -:root body.vtt.game.system-eunos-blades .app.window-app .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-label { - position: relative; - filter: sepia(0.75); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group { - border: 0; - overflow: visible; - height: 24px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > * { - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal { - background-color: var(--blades-grey-bright); - align-items: center; - justify-content: space-around; - padding: 0; - overflow: visible; - height: 24px; - position: relative; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector { - height: 24px; - top: -1px; - flex-grow: 1; - text-align: center; - position: relative; - line-height: 1.625rem; - display: block; - text-transform: uppercase; - margin: 0; - padding: 0 0.3125rem; - text-decoration: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-size: 0.875rem; - transition: 0.25s; - z-index: 3; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:before { - content: ""; - position: absolute; - pointer-events: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-top: 2px solid var(--blades-white-bright); - border-bottom: 2px solid var(--blades-white-bright); - transform: scaleY(2); - opacity: 0; - transition: 0.3s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:after { - content: ""; - position: absolute; - pointer-events: none; - top: 2px; - left: 0; - width: 100%; - height: 100%; - background-color: var(--blades-white-bright); - transform: scale(0); - opacity: 0; - transition: 0.3s; - z-index: -1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover { - color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover:before { - transform: scaleY(1); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal .tab-selector:hover:after { - transform: scaleY(1); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal:not(:hover) .tab-selector.active:before { - transform: scaleY(1); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group > .nav-tabs.flex-horizontal:not(:hover) .tab-selector.active:after { - transform: scaleY(1); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group .tab[data-tab]:not(.active) { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .nav-group .tab[data-tab] { - width: 100%; - overflow-y: auto; - overflow-x: hidden; - padding: 0 var(--content-padding); - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block { - --full-block-height: 350px; - --num-blocks: 4; - --header-height: 25px; - background: transparent; - color: var(--blades-black); - border-top: solid 1px var(--blades-black); - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) { - height: 100%; - margin-top: -25px; - padding-top: 25px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) .editor-edit { - position: absolute; - top: 25px; - right: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor:not(.tinymce) .editor-content { - height: calc(100% - var(--header-height)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce { - margin-top: calc(-1 * var(--header-height)) !important; - height: calc(var(--full-block-height) - var(--num-blocks) * var(--header-height) - 2 * var(--header-height)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce .tox.tox-tinymce { - height: 100% !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header { - height: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type=radio] { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type=radio]:checked ~ .accordian-label { - background: linear-gradient(to bottom, var(--blades-white-bright), var(--blades-white)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type=radio]:checked ~ .accordian-contents { - height: auto; - overflow: visible; - transition: 0.1s linear; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type=radio]:checked ~ .accordian-contents.editor { - height: calc(var(--full-block-height) - var(--num-blocks) * var(--header-height)); - margin-bottom: -25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block input[type=radio]:checked ~ .accordian-contents.editor.tinymce { - height: calc(var(--full-block-height) - var(--num-blocks) * var(--header-height) - var(--header-height)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label { - background: linear-gradient(to bottom, var(--blades-grey-dark), var(--blades-grey-bright)); - width: 100%; - text-indent: 22px; - line-height: var(--header-height); - cursor: pointer; - height: var(--header-height); - display: inline-flex; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp { - text-indent: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp .comp-control.comp-button.comp-add { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label.comp .comp-control.comp-button.comp-add > i { - vertical-align: bottom; - margin: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-label .accordian-block-title { - font-family: var(--font-emphasis); - font-weight: bold; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-contents { - background: transparent; - color: var(--blades-white); - width: 100%; - height: 0; - margin: 0; - transform-origin: 50% 0%; - display: block; - overflow: hidden; - box-sizing: border-box; - transition: 0.1s linear; -} -:root body.vtt.game.system-eunos-blades .app.window-app .accordian-block .accordian-contents.tinymce { - height: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app :root { - --tagify-dd-color-primary: rgb(53,149,246); - --tagify-dd-bg-color: white; - --tagify-dd-item-pad: .3em .5em; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify { - --tags-disabled-bg: #F1F1F1; - --tags-border-color: #DDD; - --tags-hover-border-color: #CCC; - --tags-focus-border-color: #3595f6; - --tag-border-radius: 3px; - --tag-bg: #E5E5E5; - --tag-hover: #D3E2E2; - --tag-text-color: black; - --tag-text-color--edit: black; - --tag-pad: 0.3em 0.5em; - --tag-inset-shadow-size: 1.1em; - --tag-invalid-color: #D39494; - --tag-invalid-bg: rgba(211, 148, 148, 0.5); - --tag-remove-bg: rgba(211, 148, 148, 0.3); - --tag-remove-btn-color: black; - --tag-remove-btn-bg: none; - --tag-remove-btn-bg--hover: #c77777; - --input-color: inherit; - --tag--min-width: 1ch; - --tag--max-width: auto; - --tag-hide-transition: 0.3s; - --placeholder-color: rgba(0, 0, 0, 0.4); - --placeholder-color-focus: rgba(0, 0, 0, 0.25); - --loader-size: .8em; - --readonly-striped: 1; - display: inline-flex; - align-items: flex-start; - flex-wrap: wrap; - border: 1px solid var(--tags-border-color); - padding: 0; - line-height: 0; - cursor: text; - outline: none; - position: relative; - box-sizing: border-box; - transition: 0.1s; -} -@keyframes tags--bump { - 30% { - transform: scale(1.2); - } -} -@keyframes rotateLoader { - to { - transform: rotate(1turn); - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify:hover:not(.tagify--focus):not(.tagify--invalid) { - --tags-border-color: var(--tags-hover-border-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] { - background: var(--tags-disabled-bg); - filter: saturate(0); - opacity: 0.5; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select), :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) { - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - visibility: hidden; - width: 0; - margin: 5px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div { - padding: var(--tag-pad); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled]:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix):not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; -} -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn, :root body.vtt.game.system-eunos-blades .app.window-app .tagify[disabled] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input > br:last-child { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - content: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: ""; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader 0.4s infinite linear; - content: "" !important; - margin: -2px 0 -2px 0.5em; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--loading :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:empty::after { - margin-left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify + input, -:root body.vtt.game.system-eunos-blades .app.window-app .tagify + textarea { - position: absolute !important; - left: -9999em !important; - transform: scale(0) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - display: inline-flex; - align-items: center; - margin: 5px 0 5px 5px; - position: relative; - z-index: 1; - outline: none; - line-height: normal; - cursor: default; - transition: 0.13s ease-out; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div { - vertical-align: top; - box-sizing: border-box; - max-width: 100%; - padding: var(--tag-pad); - color: var(--tag-text-color); - line-height: inherit; - border-radius: var(--tag-border-radius); - white-space: nowrap; - transition: 0.13s ease-out; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div > * { - white-space: pre-wrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: top; - min-width: var(--tag--min-width); - max-width: var(--tag--max-width); - transition: 0.8s ease, 0.1s color; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div > *[contenteditable] { - outline: none; - user-select: text; - cursor: text; - margin: -2px; - padding: 2px; - max-width: 350px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag > div::before { - content: ""; - position: absolute; - border-radius: inherit; - inset: var(--tag-bg-inset, 0); - z-index: -1; - pointer-events: none; - transition: 120ms ease; - animation: tags--bump 0.3s ease-out 1; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:hover:not([readonly]) div::before, :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:focus div::before { - --tag-bg-inset: -2.5px; - --tag-bg: var(--tag-hover); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading .tagify__tag__removeBtn { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--loading::after { - --loader-size: .4em; - content: ""; - vertical-align: middle; - opacity: 1; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader 0.4s infinite linear; - margin: 0 0.5em 0 -0.1em; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--flash div::before { - animation: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--hide { - width: 0 !important; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - opacity: 0; - transform: scale(0); - transition: var(--tag-hide-transition); - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--hide > div > * { - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--noAnim > div::before { - animation: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--notAllowed:not(.tagify__tag--editable) div > span { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag:root body.vtt.game.system-eunos-blades .app.window-app .tagify--notAllowed:not(.tagify__tag--editable) div::before { - --tag-bg: var(--tag-invalid-bg); - transition: 0.2s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag[readonly] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag[readonly] > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; -} -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > div { - color: var(--tag-text-color--edit); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > div::before { - box-shadow: 0 0 0 2px var(--tag-hover) inset !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable > :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn::after { - opacity: 0; - transform: translateX(100%) translateX(5px); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag--editable.tagify--invalid > div::before { - box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn { - order: 5; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50px; - cursor: pointer; - font: 14px/1 Arial; - background: var(--tag-remove-btn-bg); - color: var(--tag-remove-btn-color); - width: 14px; - height: 14px; - margin-right: 4.662px; - margin-left: auto; - overflow: hidden; - transition: 0.2s ease-out; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn::after { - content: "×"; - transition: 0.3s, color 0s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover { - color: white; - background: var(--tag-remove-btn-bg--hover); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover + div > span { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag__removeBtn:hover + div::before { - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - transition: box-shadow 0.2s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input br { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify:not(:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix) :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input * { - display: inline; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - flex-grow: 1; - display: inline-block; - min-width: 110px; - margin: 5px; - padding: var(--tag-pad); - line-height: normal; - position: relative; - white-space: pre-wrap; - color: var(--input-color); - box-sizing: inherit; - /* Seems firefox newer versions don't need this any more - @supports ( -moz-appearance:none ){ - &::before{ - line-height: inherit; - position:relative; - } - } - */ -} -@-moz-document url-prefix() {} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:empty::before { - position: static; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus { - outline: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus::before { - transition: 0.2s ease-out; - opacity: 0; - transform: translatex(6px); - /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ - /* IE Edge 12+ CSS styles go here */ -} -@supports (-ms-ime-align: auto) { - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus::before { - display: none; - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus:empty::before { - transition: 0.2s ease-out; - opacity: 1; - transform: none; - color: rgba(0, 0, 0, 0.25); - color: var(--placeholder-color-focus); -} -@-moz-document url-prefix() { - :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input:focus:empty::after { - display: none; - } -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - content: attr(data-placeholder); - height: 1em; - line-height: 1em; - margin: auto 0; - z-index: 1; - color: var(--placeholder-color); - white-space: nowrap; - pointer-events: none; - opacity: 0; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: attr(data-suggest); - display: inline-block; - vertical-align: middle; - position: absolute; - min-width: calc(100% - 1.5em); - text-overflow: ellipsis; - overflow: hidden; - white-space: pre; /* allows spaces at the beginning */ - color: var(--tag-text-color); - opacity: 0.3; - pointer-events: none; - max-width: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__input :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - margin: 0 1px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix { - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - padding: 5px; - margin: 0; - width: 100%; - height: 100%; - line-height: 1.5; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - height: auto; - display: none; - line-height: inherit; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::after { - content: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select::after { - content: ">"; - opacity: 0.5; - position: absolute; - top: 50%; - right: 0; - bottom: 0; - font: 16px monospace; - line-height: 8px; - height: 8px; - pointer-events: none; - transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - transition: 0.2s ease-in-out; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select[aria-expanded=true]::after { - transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag { - position: absolute; - top: 0; - right: 1.8em; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__tag div { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--select :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input { - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--empty :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - transition: 0.2s ease-out; - opacity: 1; - transform: none; - display: inline-block; - width: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--mix :root body.vtt.game.system-eunos-blades .app.window-app .tagify--empty :root body.vtt.game.system-eunos-blades .app.window-app .tagify__input::before { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--focus { - --tags-border-color: var(--tags-focus-border-color); - transition: 0s; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify--invalid { - --tags-border-color: #D39494; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown { - position: absolute; - z-index: 9999; - transform: translateY(1px); - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[placement=top] { - margin-top: 0; - transform: translateY(-100%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[placement=top] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - border-top-width: 1.1px; - border-bottom-width: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[position=text] { - box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - font-size: 0.9em; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown[position=text] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - border-width: 1px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - max-height: 300px; - overflow: auto; - overflow-x: hidden; - background: var(--tagify-dd-bg-color); - border: 1px solid; - border-color: var(--tagify-dd-color-primary); - border-bottom-width: 1.5px; - border-top-width: 0; - box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - transition: 0.25s cubic-bezier(0, 1, 0.5, 1); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__header:empty { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__footer { - display: inline-block; - margin-top: 0.5em; - padding: var(--tagify-dd-item-pad); - font-size: 0.7em; - font-style: italic; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__footer:empty { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown--initial :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - max-height: 20px; - transform: translateY(-1em); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown--initial[placement=top] :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__wrapper { - transform: translateY(2em); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item { - box-sizing: border-box; - padding: var(--tagify-dd-item-pad); - margin: 1px; - cursor: pointer; - border-radius: 2px; - position: relative; - outline: none; - max-height: 60px; - max-width: 100%; - /* custom hidden transition effect is needed for horizontal-layout suggestions */ -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--active { - background: var(--tagify-dd-color-primary); - color: white; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item:active { - filter: brightness(105%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--hidden { - padding-top: 0; - padding-bottom: 0; - margin: 0 1px; - pointer-events: none; - overflow: hidden; - max-height: 0; - transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown__item--hidden > * { - transform: translateY(-100%); - opacity: 0; - transition: inherit; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags { - background-color: rgba(0, 0, 0, 0.5); - caret-color: transparent; - pointer-events: auto; - --placeholder-color: transparent; - --placeholder-color-focus: transparent; - --tags-border-color: #343434; - --tag-pad: 0; - align-items: center; - height: 18px; - gap: 0.1rem; - min-width: 100%; - flex-wrap: nowrap; - border-style: inset; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="System Tags"] { - --tag-bg: rgb(128, 128, 128); - --tag-hover: rgb(170, 170, 170); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Gear Tags"] { - --tag-bg: rgb(69, 169, 69); - --tag-hover: rgb(111, 211, 111); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Actor Tags"] { - --tag-bg: rgb(214, 91, 91); - --tag-hover: rgb(255, 133, 133); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group=Playbooks] { - --tag-bg: rgb(98, 98, 255); - --tag-hover: rgb(141, 141, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tags-district, :root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group=Districts] { - --tag-bg: rgb(153, 123, 83); - --tag-hover: rgb(195, 165, 125); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="City Districts"] { - --tag-bg: rgb(150, 124, 90); - --tag-hover: rgb(192, 166, 132); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Other Districts"] { - --tag-bg: rgb(155, 123, 81); - --tag-hover: rgb(197, 165, 123); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group=Vices] { - --tag-bg: rgb(255, 63, 103); - --tag-hover: rgb(255, 105, 145); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group=Factions] { - --tag-bg: rgb(203, 75, 203); - --tag-hover: rgb(245, 117, 245); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group=Inventions] { - --tag-bg: rgb(255, 22, 255); - --tag-hover: rgb(255, 64, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags [data-group="Gang Types"] { - --tag-bg: rgb(255, 51, 52); - --tag-hover: rgb(255, 93, 94); -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag { - font-family: "Fjalla One", sans-serif; - padding: 0; - margin: 1px 0; - height: calc(100% - 2px); - border-radius: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div > span { - padding-left: 4px; - line-height: 20px; - font-size: 12px; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__tag > div::before { - height: 16px; - top: 0; - left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags .tagify__input { - flex-grow: 0.2; - padding: 0.1rem; - display: flex; - justify-items: center; - align-content: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.tags-gm { - position: absolute; - z-index: 20; - top: -40px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag { - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag { - margin: 1px auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag .tagify__tag__removeBtn { - margin-right: -14px; - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag .tagify__tag + .tagify__input { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:hover .tagify__tag .tagify__tag__removeBtn { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:hover .tagify__tag .tagify__tag__removeBtn:not(:hover) { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:not(.tagify--noTags).tags-district { - background: rgb(153, 123, 83) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .comp-tags.single-tag:not(.tagify--noTags) .tagify__input { - pointer-events: none; - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown { - --tagify-dd-color-primary: #363636; - --tagify-dd-bg-color: #242424; - min-width: 500px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper::-webkit-scrollbar { - display: none; - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper h3 { - padding: 0 0.3em; - margin: 0; - color: white; - font-family: "Fjalla One", sans-serif; - text-transform: uppercase; - font-size: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup { - padding: 0.15em; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup:hover { - background: #373737; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="System Tags"] { - --tag-bg: rgb(128, 128, 128); - --tag-hover: rgb(170, 170, 170); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Gear Tags"] { - --tag-bg: rgb(69, 169, 69); - --tag-hover: rgb(111, 211, 111); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Actor Tags"] { - --tag-bg: rgb(214, 91, 91); - --tag-hover: rgb(255, 133, 133); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group=Playbooks] { - --tag-bg: rgb(98, 98, 255); - --tag-hover: rgb(141, 141, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tags-district, :root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group=Districts] { - --tag-bg: rgb(153, 123, 83); - --tag-hover: rgb(195, 165, 125); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="City Districts"] { - --tag-bg: rgb(150, 124, 90); - --tag-hover: rgb(192, 166, 132); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Other Districts"] { - --tag-bg: rgb(155, 123, 81); - --tag-hover: rgb(197, 165, 123); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group=Vices] { - --tag-bg: rgb(255, 63, 103); - --tag-hover: rgb(255, 105, 145); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group=Factions] { - --tag-bg: rgb(203, 75, 203); - --tag-hover: rgb(245, 117, 245); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group=Inventions] { - --tag-bg: rgb(255, 22, 255); - --tag-hover: rgb(255, 64, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup [data-group="Gang Types"] { - --tag-bg: rgb(255, 51, 52); - --tag-hover: rgb(255, 93, 94); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tagify__dropdown__item { - display: inline-block; - font-family: "Fjalla One", sans-serif; - margin: 0px 0 3px 3px; - color: var(--blades-black); - padding: 0.1rem 0.25rem; - border-radius: 5px; - pointer-events: auto; - line-height: 18px; - max-height: 18px; - height: 18px; - min-height: 18px; - background-color: var(--tag-bg); -} -:root body.vtt.game.system-eunos-blades .app.window-app .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__itemsGroup .tagify__dropdown__item:hover { - background-color: var(--tag-hover); -} -:root body.vtt.game.system-eunos-blades .app.window-app { - --key-elem-square-size: 100px; - /* COMMON ELEMENTS */ - /* KEYS */ - /* CLOCKS */ -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-label, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .faction-label, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-label { - z-index: 20; - text-transform: uppercase; - height: auto; - width: max-content; - color: var(--blades-white-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - white-space: balance; - left: 50%; - position: absolute; - transform: translate(-50%, 0%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-label { - font-size: 24px; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .faction-label { - font-size: 32px; - line-height: 32px; - font-family: var(--font-emphasis); - text-align: center; - color: var(--blades-gold-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container { - height: var(--key-height); - width: var(--key-width); - position: absolute; - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .toggle-icon { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container * { - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="1"] { - --key-height: 836px; - --key-width: 230px; - --clock-size: 169px; - --label-top: -150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="1"] .clock-key .faction-container { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] { - --key-height: 625.438px; - --key-width: 197.009px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] .clock-key .faction-container { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.579px; - top: 280px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] { - --key-height: 915.936px; - --key-width: 277.634px; - --clock-size: 108px; - --label-top: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .faction-container { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 72.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 204.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] { - --key-height: 1041px; - --key-width: 368.697px; - --clock-size: 108px; - --label-top: -100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] { - --key-height: 1148.657px; - --key-width: 368.698px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 184.245px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] { - --key-height: 1148.98px; - --key-width: 370.141px; - --clock-size: 108px; - --label-top: 300px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .faction-container { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 272.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 185.128px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 185.128px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) { - left: 185.128px; - top: 684px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key { - position: absolute; - display: block; - height: var(--key-elem-square-size); - width: var(--key-elem-square-size); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key > * { - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-label { - font-family: var(--font-emphasis); - font-size: 48px; - line-height: 48px; - font-weight: bold; - text-align: center; - letter-spacing: 1px; - top: var(--label-top); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container { - height: var(--key-height); - width: var(--key-width); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .key-image { - height: var(--key-height); - width: var(--key-width); - z-index: 1; - overflow: visible; - filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .key-image .key-bg { - fill: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .key-image .metallic-overlay { - height: var(--key-height); - width: var(--key-width); - filter: url(#metallicFilter) blur(1px); - fill: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .faction-container { - position: absolute; - transform: translate(-50%, 175%); - width: var(--clock-size); - height: var(--clock-size); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .faction-container .faction-image { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - filter: blur(2px); - opacity: 0.75; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-key-container .clock-key .key-image-container .faction-container .faction-image img { - scale: 2; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container { - position: absolute; - top: 0px; - left: 0px; - display: flex; - align-items: center; - justify-content: center; - overflow: visible; - height: var(--clock-size); - width: var(--clock-size); - transform: translate(-50%, -50%) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock { - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock * { - height: var(--clock-size); - width: var(--clock-size); - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-frame, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-fill, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-cover, -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-one-segment { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-one-segment { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-frame { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-fill { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow { - z-index: 4; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-one-segment { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-cover { - z-index: 6; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow { - transform-origin: 50% 50%; - scale: 3; - background-position-y: 42%; - background-repeat: no-repeat; - background-size: cover; -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow.clock-glow-white { - background-image: url("../assets/animations/clock-flare-white.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow.clock-glow-red { - background-image: url("../assets/animations/clock-flare-red.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow.clock-glow-yellow { - background-image: url("../assets/animations/clock-flare-yellow.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock .clock-glow.clock-glow-blue { - background-image: url("../assets/animations/clock-flare-blue.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="2"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="3"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="4"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="5"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="6"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="7"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 74.0779156508% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 25.9220843492% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="8"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 99.9976837139% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 99.9976837139%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0.0023162861% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="9"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 68.1979287832% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 31.8020712168% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 8.0467727429% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="10"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 13.6742892016% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="11"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 64.6808671851% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 35.3191328149% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 17.8681413172% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="11"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="11"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-max="12"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="0"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="1"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="2"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="3"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="4"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="5"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 78.8664839843% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="6"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="7"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 21.1335160157% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="8"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="9"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="10"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="11"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="11"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 21.1335160157% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="12"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app .clock-container .clock[data-value="12"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) { - position: relative; - overflow-x: hidden; - width: 100%; - min-height: var(--min-tinymce-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * { - --color-control-bg: var(--blades-black-dark); - --color-hover-bg: var(--blades-black); - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button { - background: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button.active, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button.active { - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror .menu button:active, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:hover, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce).prosemirror * .menu button:active { - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-edit { - display: block; - opacity: 0.25; - pointer-events: auto; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-edit:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content { - position: relative; - padding-left: var(--content-padding); - padding-right: var(--content-padding); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content p { - display: block; - margin-block-start: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex { - display: flex; - height: auto; - flex-direction: row; - flex-wrap: wrap; - gap: 2px 5px; - align-content: stretch; - padding: 0; - margin: 0 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: 0.625rem; - vertical-align: top; - color: var(--blades-gold); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex > *, :root body.vtt.game.system-eunos-blades .app.window-app .editor:not(.tinymce) .editor-content .tox-two-column-flex > p { - flex-basis: 49%; - flex-shrink: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .tab-label + .editor:not(.tinymce) { - margin-top: -0.3125rem !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce { - position: relative; - max-width: unset; - width: 100%; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content p { - display: block; - margin-block-start: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex { - display: flex; - height: auto; - flex-direction: row; - flex-wrap: wrap; - gap: 2px 5px; - align-content: stretch; - padding: 0; - margin: 0 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: 0.625rem; - vertical-align: top; - color: var(--blades-gold); -} -:root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex > *, :root body.vtt.game.system-eunos-blades .app.window-app .editor.tinymce .editor-content .tox-two-column-flex > p { - flex-basis: 49%; - flex-shrink: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet { - overflow: visible; - z-index: 90 !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-header { - position: relative; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content { - z-index: 1; - --sheet-header-height: 21px; - --sheet-top-height: 200px; - --sheet-mid-height: 60px; - --content-padding: 5px; - background: var(--blades-black); - padding: 0; - overflow: visible; - box-shadow: 5px 5px 25px var(--blades-black-dark), 5px 5px 25px var(--blades-black-dark) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form { - justify-content: flex-start; - max-height: 800px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr th, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tr td, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody tr, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table tbody td, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr th, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table { - border-collapse: collapse; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form figure { - display: table; - margin: 1rem auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form code { - padding: 0.1rem 0.2rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form i.fa-duotone[style] { - /* Your code here */ -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-secret:first-child:last-child { - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .gold-bright { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .red-bright { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .red-dark { - color: var(--blades-red-dark) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .grey { - color: var(--blades-grey) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .white { - color: var(--blades-white) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .white-bright { - color: var(--blades-white-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .cyan-bright { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .uppercase { - text-transform: uppercase !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .hidden { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .start-invisible { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox { - position: relative; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox span { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .no-img img { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .full-width { - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-trigger, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-container { - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-trigger { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > p, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ul, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ol, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > ul, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip > ul li, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip ol li { - text-wrap: normal; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip h2 { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .tooltip-scaling-elem { - display: inline-block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label { - position: relative; - filter: sepia(0.75); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img { - position: absolute; - height: var(--sheet-top-height); - border: none; - mask-image: linear-gradient(to right, black 75%, transparent); - -webkit-mask-image: linear-gradient(to right, black 75%, transparent); - z-index: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img-bg { - position: absolute; - height: 100%; - width: 100%; - overflow: hidden; - pointer-events: none; - z-index: -2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-img-bg > img { - position: absolute; - width: 100%; - top: -30%; - filter: saturate(0%) blur(3px); - opacity: 0.5; - transform: scaleX(-1); - mask-image: linear-gradient(to bottom, black, transparent); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .gm-alert-header { - position: absolute; - pointer-events: auto; - z-index: 10; - top: -60px; - display: block; - height: 1.25rem; - line-height: 1.25rem; - width: 100%; - background-color: rgb(255, 255, 0); - font-weight: bold; - font-family: var(--font-emphasis), serif; - text-align: center; - font-size: 0.875rem; - color: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .comp-xp-playbook .comp-body { - transform: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root { - position: relative; - z-index: 0; - height: 100%; - width: 100%; - left: 0px; - overflow-x: visible; - overflow-y: scroll; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root > section:not(.sheet-top) { - border-top: 2px solid var(--blades-white); - border-bottom: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section { - z-index: 2; - max-height: 100%; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top { - display: grid; - grid-auto-columns: 1fr; - grid-template-rows: 75px 40px 57px 28px; - place-items: center stretch; - pointer-events: none; - overflow: hidden; - height: var(--sheet-top-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top input { - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .comp-control.comp-button.comp-delete { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top img[data-edit] { - height: 75px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .sheet-title { - --sheet-title-font-size: 2rem; - --sheet-title-height-mult: 1.5; - grid-area: title; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - font-size: var(--sheet-title-font-size); - font-variant: small-caps; - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-top .sheet-subtitle { - --sheet-subtitle-font-size: 1.25rem; - grid-area: subtitle; - font-family: var(--font-decorative); - font-size: var(--sheet-subtitle-font-size); - height: 100%; - padding-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-mid-bar { - display: flex; - justify-content: space-between; - align-items: stretch; - flex-wrap: nowrap; - position: relative; - height: var(--sheet-mid-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content { - height: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts { - align-items: flex-start; - justify-content: stretch; - gap: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel { - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort { - align-items: stretch; - border-radius: 10px; - border: 2px outset var(--blades-white); - margin: 5px 5px 10px 5px; - background: linear-gradient(45deg, var(--blades-black-dark), var(--blades-grey)); - box-shadow: 3px 3px 5px var(--blades-black-dark); - max-width: var(--max-cohort-block-width, 100%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top { - display: grid; - grid-template-areas: "img title quality" "img subtitle scale" "img harm roll"; - grid-template-columns: 60px 1fr 120px; - grid-template-rows: 25px 16px 25px; - height: 66px; - border-bottom: 2px solid var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container { - grid-area: img; - position: relative; - pointer-events: none; - height: 60px; - width: 60px; - top: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container *, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container * { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image { - width: 30px; - min-height: 60px; - overflow: hidden; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image img { - max-width: 60px; - min-width: 60px; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-left img { - left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-image-container .half-image.half-image-right img { - right: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-title-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-title-container { - grid-area: title; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-subtitle-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-subtitle-container { - grid-area: subtitle; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container { - grid-area: quality; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container { - grid-area: scale; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-container { - position: relative; - grid-area: harm; - padding-right: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-container.wide-bar, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-container.wide-bar { - width: calc(100% + 120px); - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-container { - position: relative; - grid-area: roll; - justify-content: space-around; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-name { - pointer-events: all; - font-family: var(--font-emphasis); - font-size: 1.125rem; - line-height: 25px; - color: var(--blades-white-bright); - transition: 0.25s; - transform-origin: 0% 50%; - display: inline-block; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-name:hover, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-name:hover { - color: var(--blades-gold); - scale: 1.25; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-subtitle, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-subtitle { - font-size: 0.875rem; - font-style: italic; - line-height: 14px; - position: relative; - top: -3px; - font-weight: bold; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container { - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-label { - font-size: 1rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-quality-container .cohort-quality-number { - display: inline-block; - font-size: 1rem; - font-weight: bold; - color: var(--blades-gold-bright); - transform-origin: 50% 50%; - scale: 1.25 2; - margin: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container { - text-align: right; - margin-top: -5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-label { - font-size: 1rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-scale-container .cohort-scale-number { - display: inline-block; - font-size: 1rem; - font-weight: bold; - color: var(--blades-gold-bright); - transform-origin: 50% 50%; - scale: 1.25; - margin: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar { - justify-content: stretch; - width: 100%; - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box { - position: relative; - flex-grow: 0.25; - border: 1px solid var(--blades-white); - border-bottom-width: 2px; - background: var(--blades-red-dark); - height: 100%; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-number { - display: inline-block; - width: 15px; - line-height: 23px; - font-size: 18px; - color: var(--blades-black-dark); - font-family: var(--font-emphasis); - text-shadow: none; - text-align: center; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box .harm-effect { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.harm-level-0 { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active { - display: flex; - flex-grow: 2; - background: linear-gradient(to right, var(--blades-red), var(--blades-red-dark), transparent); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-0 { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-4, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active.harm-level-4 { - background: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-number { - color: var(--blades-white-bright); - text-align: left; - text-indent: 5px; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - width: min-content; - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active .harm-effect { - display: inline-block; - color: var(--blades-white-bright); - line-height: 23px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-harm-bar .cohort-harm-box.active ~ .cohort-harm-box .harm-number { - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button { - border: none; - padding: 0; - height: 100%; - width: 23px; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button svg.roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button svg.roll-button-icon { - stroke-width: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Untrained] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Untrained] .roll-button-icon { - fill: transparent; - stroke: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Trained] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Trained] .roll-button-icon { - fill: var(--blades-grey-bright); - stroke: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Elite] .roll-button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-top .cohort-roll-button[data-roll-label=Elite] .roll-button-icon { - fill: rgb(150, 255, 255); - stroke: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-description { - margin-bottom: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .cohort-flaws-edges, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .cohort-flaws-edges { - justify-content: flex-end; - padding: 0 0 5px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .comp-cohort .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.tab-content .cohorts .half-panel .comp-cohort .filled-label { - height: 100%; - line-height: 25px; - font-size: 18px; - padding: 0px; - margin-right: 3px; - color: var(--blades-white); - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group { - height: calc(100% - var(--sheet-top-height) - var(--sheet-mid-height)); - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group > * { - width: 100%; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.nav-group .tab[data-tab].active { - display: flex; - justify-content: stretch; - height: 100%; - overflow-y: scroll; - min-height: var(--min-tinymce-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content form .sheet-root section.sheet-footer-small { - display: block; - height: 20px; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .tab-label { - background: var(--blades-grey); - position: relative; - height: 1.5rem; - min-height: 1.5rem; - width: 100%; - margin-left: calc(-0.5 * var(--content-padding, 0)); - margin-bottom: 0.3125rem; - display: flex; - justify-content: flex-start; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .tab-label .tab-title { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white-bright); - text-transform: uppercase; - margin-left: 0.3125rem; - line-height: 0.875rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container { - position: relative; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container { - --key-elem-square-size: 100px; - /* COMMON ELEMENTS */ - /* KEYS */ - /* CLOCKS */ -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-label, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .faction-label, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-label { - z-index: 20; - text-transform: uppercase; - height: auto; - width: max-content; - color: var(--blades-white-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - white-space: balance; - left: 50%; - position: absolute; - transform: translate(-50%, 0%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-label { - font-size: 24px; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .faction-label { - font-size: 32px; - line-height: 32px; - font-family: var(--font-emphasis); - text-align: center; - color: var(--blades-gold-bright); - text-shadow: 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark), 0 0 10px var(--blades-black-dark); - top: 50%; - transform: translate(-50%, -50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container { - height: var(--key-height); - width: var(--key-width); - position: absolute; - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .toggle-icon { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container * { - perspective: 500px; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) .clock-label { - left: 50%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) .clock-label { - left: 30%; - top: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) .clock-label { - left: 70%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) .clock-label { - left: 50%; - top: 90%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="1"] { - --key-height: 836px; - --key-width: 230px; - --clock-size: 169px; - --label-top: -150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="1"] .clock-key .faction-container { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="1"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 111.011px; - top: 108.5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] { - --key-height: 625.438px; - --key-width: 197.009px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] .clock-key .faction-container { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 98.579px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="2"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.579px; - top: 280px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] { - --key-height: 915.936px; - --key-width: 277.634px; - --clock-size: 108px; - --label-top: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .faction-container { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 138.892px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 72.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="3"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 204.892px; - top: 212px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] { - --key-height: 1041px; - --key-width: 368.697px; - --clock-size: 108px; - --label-top: -100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="4"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] { - --key-height: 1148.657px; - --key-width: 368.698px; - --clock-size: 108px; - --label-top: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .faction-container { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 184.245px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 97.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 271.245px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 184.245px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="5"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 184.245px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] { - --key-height: 1148.98px; - --key-width: 370.141px; - --clock-size: 108px; - --label-top: 300px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .faction-container { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(1) { - left: 185.128px; - top: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(2) { - left: 98.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(3) { - left: 272.128px; - top: 186px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(4) { - left: 185.128px; - top: 274px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(5) { - left: 185.128px; - top: 453px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container[data-size="6"] .clock-key .key-image-container .clock-container:nth-of-type(6) { - left: 185.128px; - top: 684px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key { - position: absolute; - display: block; - height: var(--key-elem-square-size); - width: var(--key-elem-square-size); - transform: translate(-50%, -50%); - top: 50%; - left: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key > * { - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-label { - font-family: var(--font-emphasis); - font-size: 48px; - line-height: 48px; - font-weight: bold; - text-align: center; - letter-spacing: 1px; - top: var(--label-top); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container { - height: var(--key-height); - width: var(--key-width); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .key-image { - height: var(--key-height); - width: var(--key-width); - z-index: 1; - overflow: visible; - filter: drop-shadow(0px 0px 10px var(--blades-white-bright)) drop-shadow(30px 30px 10px var(--blades-black-dark)) brightness(0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .key-image .key-bg { - fill: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .key-image .metallic-overlay { - height: var(--key-height); - width: var(--key-width); - filter: url(#metallicFilter) blur(1px); - fill: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .faction-container { - position: absolute; - transform: translate(-50%, 175%); - width: var(--clock-size); - height: var(--clock-size); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .faction-container .faction-image { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - filter: blur(2px); - opacity: 0.75; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-key-container .clock-key .key-image-container .faction-container .faction-image img { - scale: 2; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container { - position: absolute; - top: 0px; - left: 0px; - display: flex; - align-items: center; - justify-content: center; - overflow: visible; - height: var(--clock-size); - width: var(--clock-size); - transform: translate(-50%, -50%) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock { - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock * { - height: var(--clock-size); - width: var(--clock-size); - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-frame, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-fill, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-cover, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-one-segment { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-one-segment { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-frame { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-fill { - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow { - z-index: 4; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-one-segment { - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-cover { - z-index: 6; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow { - transform-origin: 50% 50%; - scale: 3; - background-position-y: 42%; - background-repeat: no-repeat; - background-size: cover; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow.clock-glow-white { - background-image: url("../assets/animations/clock-flare-white.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow.clock-glow-red { - background-image: url("../assets/animations/clock-flare-red.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow.clock-glow-yellow { - background-image: url("../assets/animations/clock-flare-yellow.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock .clock-glow.clock-glow-blue { - background-image: url("../assets/animations/clock-flare-blue.webp"); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="2"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="2"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="2"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="3"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="3"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="3"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="4"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="4"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="4"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="5"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="5"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="5"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="6"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="6"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="6"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="7"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 74.0779156508% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 25.9220843492% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 61.4118255758%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 10.1279545793%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="7"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="7"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="8"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0.0023162861%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 99.9976837139% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 99.9976837139%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0.0023162861% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="8"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="8"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="9"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 91.9532272571% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 68.1979287832% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 31.8020712168% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 41.1839163374%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 8.0467727429% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="9"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="9"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="10"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 86.3257107984% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 86.3257107984% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 13.6742892016% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 66.2454726367%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 33.7545273633%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 13.6742892016% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="10"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="10"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="11"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 82.1318586828% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 64.6808671851% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 35.3191328149% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 93.3234032431%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 57.1886997705%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 27.1665285834%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 17.8681413172% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="11"][data-max="11"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="11"][data-max="11"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-max="12"] .clock-one-segment { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="0"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="1"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 78.8664839843% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="2"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="3"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="4"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="5"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 78.8664839843% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="6"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 50% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="7"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 21.1335160157% 100%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="8"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 78.8664839843%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="9"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="10"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 21.1335160157%, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="11"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="11"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 21.1335160157% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="12"][data-max="12"] .clock-glow, :root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-content .clock-key-container .clock-container .clock[data-value="12"][data-max="12"] .clock-fill { - clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-resizable-handle { - opacity: 0; - transition: opacity 0.5s; - margin-right: -10px; - margin-bottom: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet .window-resizable-handle:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc { - min-width: 775px; - min-height: 800px; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc * { - --content-padding: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top { - grid-template-areas: ". . title title title title title title playbook playbook playbook" ". . . subtitle subtitle subtitle subtitle subtitle subtitle . ." ". heritage heritage background background vice vice crew crew coins coins" "stash stash stash stash stash stash stash stash stash stash stash"; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .sheet-title { - --sheet-title-font-size: 4.5rem ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .sheet-subtitle { - --sheet-subtitle-font-size: 1.75rem; - padding-bottom: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-playbook { - grid-area: playbook; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-heritage { - grid-area: heritage; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-background { - grid-area: background; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-vice { - grid-area: vice; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-crew { - grid-area: crew; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-coins { - grid-area: coins; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-top .comp-stash { - grid-area: stash; - /* --dotline-dot-spacing: 3px; */ -} -@keyframes action-bar-shimmer { - 0% { - background-position-x: 0; - } - 100% { - background-position-x: 800px; - } -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions { - pointer-events: auto; - justify-content: flex-start; - height: auto; - background: linear-gradient(to right, var(--blades-gold-dark), var(--blades-gold-bright), var(--blades-gold-dark) 800px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions:hover { - animation: action-bar-shimmer 5s ease infinite; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .comp.tab-label { - margin-bottom: 0; - background: var(--blades-gold-bright); - box-shadow: 0px 0px 3px var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .comp.tab-label .tab-title, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .comp.tab-label .dotline-label { - font-size: 18px; - color: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-action-selection { - height: auto; - gap: 20px; - padding: 5px 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-action-selection .downtime-action-button { - flex-basis: 16%; - position: relative; - text-align: center; - font-family: var(--font-emphasis-narrow); - color: var(--blades-black-dark); - outline: 2px solid var(--blades-white); - border-radius: 8px; - box-shadow: 3px 3px 8px 1px var(--blades-black); - background: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-action-selection.downtime-sub-action-selection { - background: var(--blades-gold-darkest); - justify-content: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-cost-selection { - position: absolute; - right: 5px; - gap: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-cost-selection .downtime-cost-button { - text-align: center; - font-weight: bold; - color: var(--blades-grey); - border-radius: 8px; - border: 2px outset var(--blades-gold); - padding: 0px 5px; - background: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar.section-downtime-actions .downtime-cost-selection .downtime-cost-button.cost-selected { - color: var(--cost-selected-color, var(--blades-black-dark)); - border-style: inset; - border-color: var(--blades-gold-bright); - background: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-stress .dotline { - --fill-color-full: var(--blades-red-dark); - --half-color-full: var(--blades-red-bright); - margin-top: -2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-stress .dotline.narrow-stress .dot { - margin-right: 1px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma .comp-label { - min-width: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma .dotline { - --fill-color-full: var(--blades-red-bright); - flex-grow: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.sheet-mid-bar .comp-trauma-conditions { - min-width: 18.75rem; - margin-right: 0.25rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor { - margin-top: -2px; - padding: 0 var(--content-padding); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr { - height: 2.1875rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr:nth-child(2n) { - filter: brightness(0.8); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr > [class*=harm-] { - background: var(--row-bg-color, transparent); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr > [class*=harm-][class*=red-harm-] { - font-weight: bold !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-level { - width: 2.1875rem; - font-family: var(--font-emphasis); - font-size: 1.75rem; - line-height: 2.1875rem; - text-align: center; - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-input input[type=text] { - font-family: var(--font-decorative); - font-style: italic; - font-size: 1.125rem; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .harm-effect { - color: var(--blades-white-bright); - text-align: center; - font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr.red-harm-highlight-3 { - --row-bg-color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr.red-harm-highlight-2 { - --row-bg-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr.red-harm-highlight-1 { - --row-bg-color: var(--blades-red-darkest); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock { - padding: 0 0.625rem; - width: 120px; - --clock-size: 80px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-controls, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-controls, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-cover { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container { - height: 100px; - width: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key { - transform: translate(-50%, -50%) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container { - height: 0px !important; - width: 0px !important; - transform: none !important; - top: 0 !important; - left: 0 !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container .key-image { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container .clock-container { - height: 100px; - width: 100px; - top: 50px; - left: 50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container .clock-container .clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container .clock-container .clock > * { - height: 100px; - width: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .healing-clock .clock-key-container .clock-key .key-image-container .clock-container .clock-bg { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses { - padding: 0 0.625rem; - width: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor { - position: relative; - height: 100px; - width: 100px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-control { - position: absolute; - pointer-events: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control.main-armor-control, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-control.main-armor-control { - z-index: 1; - height: 100%; - width: 100%; - top: 0px; - left: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control.special-control, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .special-control.special-control { - z-index: 2; - height: 50%; - width: 50%; - right: 0px; - bottom: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .main-armor-control + .special-control { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor { - position: absolute; - height: 100px; - width: 100px; - top: 0; - left: 0; - transition: 0.5s; - fill: var(--blades-black); - stroke: var(--blades-white); - stroke-width: 8px; - stroke-linejoin: bevel; - stroke-miterlimit: 10; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor svg { - height: 100%; - width: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.hover-over { - filter: blur(0px) brightness(1.5); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.hover-over:not(.checked) { - transform: scale(1.2); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.checked { - fill: none; - stroke: var(--blades-grey-bright); - opacity: 0.5; - filter: blur(1px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-light { - transform: scale(1.1); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-light.hover-over:not(.checked) { - transform: scale(1.4); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special { - height: 75px; - width: auto; - top: 12.5px; - left: 12.5px; - stroke: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special .specialBg { - fill: var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special .special { - fill: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special.checked .specialBg { - fill: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-special.checked .special { - fill: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor.armor-heavy:not(.checked) + .svg-armor.armor-light { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root section.harm-armor > table > tbody > tr .armor-uses .comp-armor .svg-armor ~ .svg-armor.armor-special { - height: 50px; - width: auto; - top: unset; - left: unset; - right: -10px; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel { - display: grid; - grid-template-columns: 1fr 200px; - align-items: start; - overflow: visible; - height: 375px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group { - height: 375px; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-selector { - width: 9.375rem; - margin: 0 0.625rem; - font-family: var(--font-emphasis); - text-transform: uppercase; - text-indent: 0.1875rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-selected-count span { - color: var(--blades-white-bright); - font-weight: bold; - font-size: 1.5rem; - line-height: inherit; - position: relative; - top: 2px; - margin: 0 2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-level { - flex-grow: 1; - text-align: right; - padding-right: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .tab-label .load-amount { - --number-circle-size: 1.5rem; - filter: brightness(1.5); - margin: 0 0.125rem 0 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .comp .dotline { - left: unset; - transform: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .loadout .comp .dotline + .comp-title .item-title { - margin-left: 0.75rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.nav-group .acquaintances.active { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings { - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute { - background: var(--blades-white); - margin-bottom: 0.3125rem; - max-height: 1.5rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute label { - color: var(--blades-black); - font-size: 1rem; - font-family: var(--font-emphasis); - text-shadow: none; - line-height: 1.75rem; - text-transform: uppercase; - text-align: left; - text-indent: 0.3125rem; - margin-bottom: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body { - justify-content: flex-end; - align-items: flex-start; - position: relative; - max-height: 1.625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline { - position: relative; - right: 0; - left: unset; - justify-content: flex-end; - --dotline-dot-sizeX: 0.6875rem; - --dotline-dot-spacing: 0.0625rem; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0, 0.25); - --half-color-empty: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute .comp-body .dotline .dot.empty-dot { - transform: scaleY(0.7); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-attribute:not(:first-child) { - margin-top: 0.3125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action { - padding: 0.09375rem 1.25rem 0.09375rem 0.625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action label { - text-align: left; - flex-grow: 1; - margin-left: 1.25rem; - font-size: 1rem; - line-height: 1.2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body { - justify-content: flex-end; - flex-grow: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .img-main, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .img-hover { - filter: drop-shadow(0px 0px 1px var(--blades-grey-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .dot:first-child { - height: 18px; - border-right: 1px dotted var(--blades-white); - margin-right: 0.15625rem; - padding-right: 0.15625rem; - width: 17.5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .comp-action .comp-body .dotline .dot:nth-child(2) { - margin-left: 0.15625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip { - height: 20px; - width: 20px; - position: absolute; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip .comp-body { - height: 100%; - width: 100%; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.pc .window-content form .sheet-root div.split-panel section.action-ratings .gather-info-tooltip .comp-body .gather-info-icon { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc { - height: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-header { - border-top-left-radius: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form { - --sheet-top-height: 140px; - --sheet-mid-height: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-img { - left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top { - grid-template-areas: ". . title title title title title status" ". . . subtitle subtitle subtitle subtitle subtitle" ". short-desc short-desc short-desc short-desc short-desc short-desc short-desc" ". . traits traits traits traits traits traits" "district district district faction faction faction secret-trait secret-trait"; - grid-template-rows: 40px 25px 25px 20px 30px; - height: 140px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-name { - --sheet-title-font-size: 2.375rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status { - grid-area: status; - margin-top: 10px; - z-index: 3; - scale: 1; - position: static; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-label.shadowed { - font-family: var(--font-emphasis); - font-size: 1rem; - font-variant: small-caps; - color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body { - min-height: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body .comp-status-toggle { - position: static; - margin-top: 5px; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-status .comp-body .comp-status-toggle .status-neutral { - scale: 2 1; - display: block; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits { - grid-area: traits; - display: flex; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits .comp-randomizer-field { - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits input { - font-family: var(--font-emphasis); - text-transform: uppercase; - color: var(--blades-gold); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits.comp-secret-trait { - grid-area: secret-trait; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-traits.comp-secret-trait input { - color: var(--blades-red-bright); - text-align: center; - font-style: italic; - text-indent: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district { - overflow: hidden; - text-align: center; - padding-left: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction label, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district label { - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction.comp-district, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district.comp-district { - grid-area: district; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-faction.comp-faction, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-district.comp-faction { - grid-area: faction; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .sheet-root section.sheet-top .comp-short-description { - grid-area: short-desc; - font-style: italic; - text-align: center; - color: var(--blades-white); - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content { - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer { - height: 100%; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon { - margin: 0; - height: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon.randomize-button { - position: absolute; - top: 26px; - font-size: 1.5rem; - color: var(--blades-gold); - right: 0px; - overflow: visible; - z-index: 3; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .button-icon.randomize-button i { - scale: 0.8; - rotate: -45deg; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .randomizer { - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: 3px 10px; - margin: 5px; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form section.tab-content .tab.randomizer .randomizer h2.full-width { - font-size: 1rem; - padding: 0; - margin: 5px 0; - line-height: 1.5rem; - height: 1.35rem; - text-indent: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-half { - flex-basis: 10%; - order: -1; - margin-right: 40px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-third { - flex-basis: 30%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-1 { - flex-basis: 20%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-2 { - flex-basis: 40%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-3 { - order: -2; - flex-basis: 60%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field.field-size-4 { - flex-basis: 80%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon * { - transition: 0.4s; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .toggle-icon.toggled ~ .randomizer-input { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field label { - color: var(--blades-grey-bright); - margin-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-content form .comp-randomizer-field .randomizer-input { - background: var(--blades-grey); - font-family: var(--font-emphasis-narrow); - text-indent: 5px; - line-height: 2rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.npc .window-resizable-handle { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew { - min-width: 775px; - min-height: 800px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form { - --sheet-top-height: 200px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top { - grid-template-areas: ". . title title title title title title playbook playbook playbook" ". . members members members members hunting-grounds hunting-grounds playbook playbook playbook " ". . reputation reputation preferred-op preferred-op hunting-grounds hunting-grounds . coins coins "; - grid-template-rows: 55px 83px 52px 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .sheet-title { - --sheet-title-font-size: 3rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-playbook { - grid-area: playbook; - top: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-reputation { - grid-area: reputation; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-preferred-op { - grid-area: preferred-op; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds { - grid-area: hunting-grounds; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-coins { - grid-area: coins; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-coins .dotline { - flex-wrap: wrap; - max-width: calc(var(--dotline-dot-size) * 8); - gap: 5px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members { - grid-area: members; - flex-wrap: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block { - min-width: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block:last-child { - margin-right: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .members .comp-vertical.portrait-block .comp-body .comp-title { - margin-top: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds .comp-body { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-top .comp-hunting-grounds .comp-body .comp-body-text { - display: block; - margin-top: 5px; - height: 95%; - min-height: 50px; - margin-bottom: -5px; - resize: none; - font-family: var(--font-primary); - font-size: 0.75rem; - line-height: 0.8125rem; - text-align: center; - width: 200px; - background-color: var(--blades-black-dark); - border-radius: 5px; - padding: 5px; - box-shadow: inset 0 0 10px var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-rep .comp-body .dotline { - --fill-color-full: var(--blades-gold-dark) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-rep .comp-body .dotline.locked { - --fill-color-full: var(--blades-gold-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-hold .comp-body { - min-height: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-heat .comp-body .dotline { - --fill-color-full: var(--blades-red) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body { - min-height: unset; - top: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline { - --dotline-dot-sizeY: 2.5rem; - --fill-color-full: var(--blades-red-bright); - margin: 0; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline .dot, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline .dot { - height: 1.5625rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted .comp-body .dotline .dot svg, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-tier .comp-body .dotline .dot svg { - scale: 1.2 1; - margin-top: -2px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.sheet-mid-bar .comp-wanted { - flex-grow: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root > section.tab-content { - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list { - display: flex; - flex-direction: column; - width: var(--turf-list-width, 880px); - height: auto; - margin: 0 auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row:not(:nth-child(-n+3)) { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row *:first-child { - margin-left: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row *:last-child { - margin-right: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block { - --name-size: 1.125rem; - transition: filter 0.1s; - cursor: default; - width: var(--turf-block-width, 135px); - height: var(--turf-block-height, 125px); - background-color: rgb(51, 51, 51); - position: relative; - margin: calc(var(--turf-block-gap, 40px) / 2); - flex-grow: initial; - border-radius: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:not(:nth-child(-n+5)) { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover { - background-color: rgb(41, 41, 41); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover .turf-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover .turf-description { - filter: brightness(0.8); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block:hover.turf-selected { - background-color: rgb(142, 142, 142); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector { - position: absolute; - display: block; - pointer-events: none; - background-color: rgba(255, 255, 255, 0.1); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.no-connect { - background-color: transparent !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.left { - width: var(--turf-block-gap, 40px); - height: calc(var(--turf-block-height, 125px) / 5); - top: calc(var(--turf-block-height, 125px) / 2 - var(--turf-block-height, 125px) / 10); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.left { - left: calc(-1 * var(--turf-block-gap, 40px)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.right { - left: var(--turf-block-width, 135px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.bottom { - height: var(--turf-block-gap, 40px); - width: calc(var(--turf-block-height, 125px) / 5); - left: calc(var(--turf-block-width, 135px) / 2 - var(--turf-block-height, 125px) / 10); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.top { - top: calc(-1 * var(--turf-block-gap, 40px)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .connector.bottom { - top: var(--turf-block-height, 125px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-name { - /* Size & Position */ - height: var(--name-size); - min-height: unset; - margin: 0; - padding: 0; - position: relative; - top: -10px; - z-index: 3; - /* Color, Background, Border & Outline */ - background: transparent; - color: var(--blades-white); - border: none; - border-radius: 0px; - box-shadow: none; - /* Font & Text */ - font-family: var(--font-emphasis-narrower); - font-size: var(--name-size); - font-weight: bold; - text-align: center; - text-transform: uppercase; - line-height: var(--name-size); - /* Other */ - overflow: hidden; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description { - height: calc(100% - 18px); - min-height: auto; - width: var(--turf-block-width, 135px); - padding: 0 2px; - background: none; - position: relative; - top: -10px; - font-family: var(--font-primary); - font-size: 12px; - line-height: 13px; - text-align: center; - text-shadow: 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark); - hyphens: auto; - border: none; - box-shadow: none; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-description::placeholder { - font-size: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-control { - color: var(--blades-black); - text-shadow: 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block .turf-readonly { - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-lair .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-name { - top: calc(50% - 0.5 * var(--name-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-description { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-district { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected { - color: var(--blades-black); - background-color: rgb(192, 192, 192); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .connector { - background-color: rgb(128, 128, 128); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-name { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-description { - color: var(--blades-black-dark); - text-shadow: none; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description { - border-radius: 5px; - background: rgba(0, 0, 0, 0.1); - box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - padding: 2px; - hyphens: auto; - margin: 0px 2.5px 2.5px; - width: calc(100% - 5px); - height: calc(100% - 15px - 12px - 5px); - cursor: text; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-lair .turf-description::placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected.turf-turf .turf-description::placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-district { - position: absolute; - z-index: 10; - height: 1.125rem; - min-height: unset; - min-width: 100px; - max-width: 100px; - left: calc(50% - 50px); - bottom: -10px; - background: var(--blades-black); - color: var(--blades-white); - border-radius: 7px; - outline: 1px outset var(--blades-white); - font-family: var(--font-emphasis-narrower); - font-size: 0.875rem; - line-height: 1.25rem; - text-align: center; - overflow: hidden; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.crew .window-content form .sheet-root .turf-list .turf-row .turf-block.turf-selected .turf-control { - color: var(--blades-white-bright); - text-shadow: 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 2px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form { - --sheet-top-height: 100px; - --sheet-mid-height: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top { - grid-template-areas: ". . title title title title title title title title tier" ". . subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle tier"; - grid-template-rows: 60px 40px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top .sheet-title { - --sheet-title-font-size: 3rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.sheet-top .comp-tier { - grid-area: tier; - margin-top: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .comp.tab-label { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row { - height: 100px; - width: 100%; - overflow: hidden; - margin: 0px; - display: flex; - flex-direction: row; - align-items: stretch; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row:not(:first-of-type) { - border-top: 2px solid var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock-container { - height: 100px; - width: 100px; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width { - order: 2; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width { - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-label { - flex-grow: 2; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: left; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-size-input { - flex-grow: 0; - width: 80px; - margin: 0 10px; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: center; - background: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width > .flex-horizontal.full-width .clock-color-input { - flex-grow: 0; - width: 120px; - margin: 0; - font-family: var(--font-emphasis); - font-size: 1.125rem; - color: var(--blades-white-bright); - text-align: left; - background: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 0 5px var(--blades-black-dark), inset 0 0 5px var(--blades-black-dark); - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row > .flex-vertical.full-width .clock-gm-notes { - flex-grow: 5; - resize: none; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock * { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row * { - --clock-frame-size: 80px; - --clock-glow-size: calc(var(--clock-frame-size) * 3); - --clock-glow-correction: -80px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.actor.faction .window-content form .sheet-root > section.tab-content .tab.clocks .clock-row .clock-glow { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item { - height: min-content !important; - max-height: 700px; - width: min-content !important; - min-width: 500px; - max-width: 1200px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form { - --sheet-top-height: 60px; - --sheet-mid-height: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root { - overflow-x: hidden; - overflow-y: scroll; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top { - grid-template-areas: "item-img title tier"; - grid-template-columns: 50px 1fr 120px; - grid-template-rows: 60px; - height: 60px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top img.sheet-img { - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section.sheet-top .sheet-title { - text-align: center; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .sheet-subtitle { - text-align: center; - background: linear-gradient(45deg, var(--blades-black-dark), var(--blades-black)); - color: var(--blades-white-bright); - font-size: 1.625rem; - font-family: var(--font-decorative); - border-bottom: 2px solid var(--blades-white-bright); - --form-field-height: 60px; - font-style: italic; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .split-column { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-around; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section .split-column > * { - flex-basis: 45%; - flex-grow: 0; - flex-shrink: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form .sheet-root section input:not([class]) { - margin: 2px 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-resizable-handle { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper { - min-width: 700px !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content { - max-height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form { - --icon-size: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon { - position: relative; - width: var(--icon-size); - height: var(--icon-size); - min-width: var(--icon-size); - line-height: unset; - margin: 0 calc(var(--icon-size) / 8); - text-shadow: 0px 0px 3px var(--blades-black-dark), 0px 0px 3px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon.clock-control-delete-key, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon.clock-control-delete-key { - min-width: 20px; - color: var(--blades-red); - text-align: center; - margin-left: 6px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon.clock-control-pull-key, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon.clock-control-pull-key { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon i, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon i { - margin: 0; - width: auto; - height: auto; - line-height: unset; - font-size: calc(var(--icon-size) * 0.8); - transition: 0.05s; - transform-origin: 50% 50%; - pointer-events: auto; - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon i[class*=slash], :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon i[class*=slash] { - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .button-icon i:hover, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .toggle-icon i:hover { - scale: 1.1; - filter: brightness(1.5) saturate(1.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root { - overflow-y: scroll; - max-height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .sheet-top .sheet-title { - width: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .sheet-top .scene-selection { - position: absolute; - top: 12px; - right: 0; - left: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .sheet-top .scene-selection label { - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .sheet-top .scene-selection select { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - background: var(--blades-black-dark); - border: none; - width: 200px; - pointer-events: all; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab { - position: relative; - transform-style: preserve-3d; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper { - position: relative; - transform-style: preserve-3d; - height: 30px; - line-height: 30px; - width: 100%; - padding: 0px; - display: flex; - align-items: center; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper .clock-key-input-name, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper .clock-key-input-name { - font-family: var(--font-emphasis-narrow); - padding-bottom: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper > div, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper > div { - position: absolute; - visibility: hidden; - white-space: nowrap; - box-shadow: inset 0 0 2px 2px var(--blades-black-dark); - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - background: linear-gradient(45deg, var(--blades-grey-bright), var(--blades-grey-dark)); - font-size: 24px; - box-shadow: inset 0 0 2px 2px var(--blades-black-dark); - color: var(--blades-white-bright); - height: 30px; - line-height: 30px; - width: 100%; - padding: 0px 5px; - border-radius: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper > div.controls-back, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper > div.controls-back { - color: var(--blades-black); - background: linear-gradient(45deg, var(--blades-white-bright), var(--blades-grey-bright)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper > div.controls-back .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper > div.controls-back .toggle-icon, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper > div.controls-back .button-icon, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper > div.controls-back .toggle-icon { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper .clock-control-segment-buttons, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper .clock-control-segment-buttons { - height: 100%; - display: flex; - align-items: center; - margin: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper .clock-control-segment-buttons .button-icon, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper .clock-control-segment-buttons .button-icon { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper { - height: 20px; - line-height: 20px; - font-size: 16px; - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div { - height: 20px; - line-height: 20px; - margin-left: 40px; - width: calc(100% - 40px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div input[type=text], -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div select.clock-control-select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div input[type=text], -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div select.clock-control-select { - height: 20px; - line-height: 20px; - font-size: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div select.clock-control-select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div select.clock-control-select { - text-indent: 0; - min-width: 40px; - height: 16px; - line-height: 16px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-align: center; - font-weight: bold; - font-family: var(--font-emphasis); - margin: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div select.clock-control-select option, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div select.clock-control-select option { - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div .toggle-icon, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div .button-icon, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div .toggle-icon { - --icon-size: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div .button-icon.clock-control-delete-clock, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper.clock-control-flipper > div .toggle-icon.clock-control-delete-clock, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div .button-icon.clock-control-delete-clock, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper.clock-control-flipper > div .toggle-icon.clock-control-delete-clock { - color: var(--blades-red); - min-width: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-key-control-flipper .clock-key-control-flipper + .clock-control-flipper .clock-control-panel .clock-control-delete-clock, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab .clock-control-flipper .clock-key-control-flipper + .clock-control-flipper .clock-control-panel .clock-control-delete-clock { - opacity: 0; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys { - filter: grayscale(0.5) brightness(0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys * { - pointer-events: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys a:not(.clock-control-drop-key), -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys * a:not(.clock-control-drop-key), -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys * select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys * input { - pointer-events: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys .clock-control-drop-key { - pointer-events: none !important; - filter: grayscale(1); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.clock-keeper .window-content form .sheet-root .tab-content .tab.other-scene-keys .clock-control-drop-key .button-icon i { - pointer-events: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.gm-tracker .window-content form { - --sheet-mid-height: 100px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet { - width: 1600px !important; - height: 900px !important; - min-width: unset; - max-width: unset; - min-height: unset; - max-height: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet.minimized { - width: unset !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form { - max-height: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root { - overflow: visible; - display: flex; - flex-direction: column; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top { - grid-template-areas: "controls-left title tier controls-right"; - grid-template-columns: 30px 1fr 60px 30px; - grid-template-rows: 30px; - height: 30px; - flex-grow: 0; - align-items: stretch; - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel { - grid-area: controls-left; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel:last-child { - grid-area: controls-right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .controls-panel .toggle-icon { - pointer-events: auto; - right: unset; - translate: -50% -50%; - left: 50%; - top: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .sheet-top .sheet-title.shadowed { - --sheet-title-font-size: 1rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns { - display: flex; - flex-direction: row; - justify-content: stretch; - align-items: stretch; - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column { - flex-basis: 34%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column > * { - flex-grow: 0; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column.player-character-summary-column { - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .window-content form .sheet-root .three-columns .column.player-character-summary-column > * { - flex-grow: 1; - flex-shrink: 1; - flex-basis: 10%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain { - display: flex; - flex-direction: row; - flex-wrap: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain > * { - flex-grow: 0; - flex-shrink: 1; - flex-basis: 33%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item { - border-bottom: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item:not(:last-child) { - border-bottom: none; - border-right: 1px dotted var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item .randomizer-input-title { - width: calc(100% - 25px); - font-size: 0.6875rem; - height: 11px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-bargain .randomizer-item .randomizer-input-subtitle { - width: 100%; - font-size: 0.625rem; - height: 10px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-questions { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-questions > * { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods > * { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods .randomizer-mods-harder-list { - color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-obstacle .randomizer-item .randomizer-input-container-mods .randomizer-mods-easier-list { - color: var(--blades-green); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list.randomizer-score .randomizer-item .randomizer-input-narrative { - font-style: italic; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - display: inline-block; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: calc(60% - 25px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-subtitle { - display: inline-block; - width: calc(40% - 4px); - text-align: right; - font-family: "Fjalla One", sans-serif; - font-size: 12px; - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .clock-key { - background: rgba(0, 255, 255, 0.25); - outline: 2px dotted rgb(0, 255, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .key-image-container { - background: rgba(255, 255, 0, 0.25); - outline: 2px dotted rgb(255, 255, 0); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item.score-sheet .clock-key-container { - background: rgba(255, 0, 255, 0.25); - outline: 2px dotted rgb(255, 0, 255); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook { - --turf-list-width: 600px; - --turf-block-width: 135px; - --turf-block-height: 125px; - --turf-block-gap: 10px; - max-height: 600px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook { - display: flex; - flex-direction: column; - width: var(--turf-list-width, 880px); - height: auto; - margin: 0 auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row:not(:nth-child(-n+3)) { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row *:first-child { - margin-left: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row *:last-child { - margin-right: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block { - --name-size: 1.125rem; - transition: filter 0.1s; - cursor: default; - width: var(--turf-block-width, 135px); - height: var(--turf-block-height, 125px); - background-color: rgb(51, 51, 51); - position: relative; - margin: calc(var(--turf-block-gap, 40px) / 2); - flex-grow: initial; - border-radius: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:not(:nth-child(-n+5)) { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover { - background-color: rgb(41, 41, 41); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover .turf-name, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover .turf-description { - filter: brightness(0.8); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block:hover.turf-selected { - background-color: rgb(142, 142, 142); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector { - position: absolute; - display: block; - pointer-events: none; - background-color: rgba(255, 255, 255, 0.1); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.no-connect { - background-color: transparent !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.right, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.left { - width: var(--turf-block-gap, 40px); - height: calc(var(--turf-block-height, 125px) / 5); - top: calc(var(--turf-block-height, 125px) / 2 - var(--turf-block-height, 125px) / 10); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.left { - left: calc(-1 * var(--turf-block-gap, 40px)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.right { - left: var(--turf-block-width, 135px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.bottom { - height: var(--turf-block-gap, 40px); - width: calc(var(--turf-block-height, 125px) / 5); - left: calc(var(--turf-block-width, 135px) / 2 - var(--turf-block-height, 125px) / 10); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.top { - top: calc(-1 * var(--turf-block-gap, 40px)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .connector.bottom { - top: var(--turf-block-height, 125px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-name { - /* Size & Position */ - height: var(--name-size); - min-height: unset; - margin: 0; - padding: 0; - position: relative; - top: -10px; - z-index: 3; - /* Color, Background, Border & Outline */ - background: transparent; - color: var(--blades-white); - border: none; - border-radius: 0px; - box-shadow: none; - /* Font & Text */ - font-family: var(--font-emphasis-narrower); - font-size: var(--name-size); - font-weight: bold; - text-align: center; - text-transform: uppercase; - line-height: var(--name-size); - /* Other */ - overflow: hidden; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description { - height: calc(100% - 18px); - min-height: auto; - width: var(--turf-block-width, 135px); - padding: 0 2px; - background: none; - position: relative; - top: -10px; - font-family: var(--font-primary); - font-size: 12px; - line-height: 13px; - text-align: center; - text-shadow: 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark), 0.5px 0.5px 1px var(--blades-black-dark); - hyphens: auto; - border: none; - box-shadow: none; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-description::placeholder { - font-size: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-control { - color: var(--blades-black); - text-shadow: 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey), 0 0 2px var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block .turf-readonly { - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-lair .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf .turf-name { - --name-size: 2rem; - font-family: var(--font-emphasis); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-name { - top: calc(50% - 0.5 * var(--name-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-description { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-turf:not(.turf-selected) .turf-district { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected { - color: var(--blades-black); - background-color: rgb(192, 192, 192); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .connector { - background-color: rgb(128, 128, 128); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-name { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-description { - color: var(--blades-black-dark); - text-shadow: none; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description { - border-radius: 5px; - background: rgba(0, 0, 0, 0.1); - box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); - padding: 2px; - hyphens: auto; - margin: 0px 2.5px 2.5px; - width: calc(100% - 5px); - height: calc(100% - 15px - 12px - 5px); - cursor: text; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-lair .turf-description::placeholder, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected.turf-turf .turf-description::placeholder { - font-size: 0.75rem; - font-style: italic; - color: var(--blades-grey); - padding: 30px 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-district { - position: absolute; - z-index: 10; - height: 1.125rem; - min-height: unset; - min-width: 100px; - max-width: 100px; - left: calc(50% - 50px); - bottom: -10px; - background: var(--blades-black); - color: var(--blades-white); - border-radius: 7px; - outline: 1px outset var(--blades-white); - font-family: var(--font-emphasis-narrower); - font-size: 0.875rem; - line-height: 1.25rem; - text-align: center; - overflow: hidden; - resize: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-row .turf-block.turf-selected .turf-control { - color: var(--blades-white-bright); - text-shadow: 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 12px var(--blades-white-bright), 0 0 2px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list { - scale: 0.8; - transform-origin: top left; - margin-right: -40%; - margin-bottom: -75px; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block .turf-description { - font-size: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block .turf-control { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block.turf-lair .turf-description, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.crew_playbook .turf-list .turf-row .turf-block.turf-lair .turf-district { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.gear .sheet-root section.sheet-top { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.gear .sheet-root section.sheet-top .comp-tier { - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert { - --sheet-top-height: 70px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top { - overflow: visible; - grid-template-areas: "item-img title tier" "item-img subtitle tier"; - grid-template-rows: 40px 30px; - height: 70px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .sheet-title, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .sheet-title { - text-align: left; - text-indent: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .sheet-subtitle, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .sheet-subtitle { - background: transparent; - font-size: 18px; - line-height: 24px; - border: none; - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-tier, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-tier { - margin-top: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale { - position: absolute; - top: -4px; - right: -100px; - height: 78px; - width: 100px; - align-items: stretch; - justify-content: flex-start; - background: var(--blades-black); - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; - border: 4px solid var(--blades-white); - border-left: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .filled-label { - color: var(--blades-white); - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .scale-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .scale-number { - height: 40px; - width: 100%; - font-family: var(--font-emphasis); - color: var(--blades-gold); - font-size: 2.5rem; - line-height: 2.5rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.sheet-top .comp-scale .scale-example, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.sheet-top .comp-scale .scale-example { - height: 20px; - line-height: 20px; - font-style: italic; - font-size: 0.875rem; - font-family: var(--font-emphasis-narrow); - text-align: center; - white-space: nowrap; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-type-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-flaw-input { - background: var(--blades-black-dark); - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - margin: 0px 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-edge-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-edge-input { - background: var(--blades-green-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-flaws .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-types .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-edges .cohort-flaw-input, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-flaws .cohort-flaw-input { - background: var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm { - justify-content: stretch; - align-items: flex-start; - height: 40px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .filled-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .filled-label { - height: 100%; - line-height: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level { - pointer-events: all; - flex-grow: 0.25; - justify-content: stretch; - background: var(--blades-red); - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level > .flex-vertical, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level > .flex-vertical { - justify-content: flex-start; - align-items: stretch; - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-number { - width: min-content; - flex-grow: 0; - font-size: 40px; - line-height: 40px; - padding: 0 5px; - color: var(--blades-red); - font-family: var(--font-emphasis); - text-align: center; - transition: 0.25s; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-effect { - display: none; - text-indent: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-label { - font-family: var(--font-emphasis); - text-transform: uppercase; - color: var(--blades-white-bright); - border-bottom: 2px solid var(--blades-white-bright); - font-size: 14px; - line-height: 16px; - height: 16px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level .harm-effect { - color: var(--blades-white-bright); - font-weight: bold; - text-indent: 20px; - font-size: 16px; - line-height: 26px; - height: 22px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.harm-level-0 { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active { - display: flex; - flex-grow: 2; - background: linear-gradient(to right, var(--blades-red), var(--blades-red-dark), transparent); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active.harm-level-0, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active.harm-level-0 { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active.harm-level-4, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active.harm-level-4 { - background: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active ~ .harm-level, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active ~ .harm-level { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active ~ .harm-level .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active ~ .harm-level .harm-number { - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-number { - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level.active .harm-effect, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-label, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level.active .harm-effect { - display: inline; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang .sheet-root section.cohort-harm .harm-level:hover .harm-number, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert .sheet-root section.cohort-harm .harm-level:hover .harm-number { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_gang.cohort_gang .sheet-root section.sheet-top, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.cohort_expert.cohort_gang .sheet-root section.sheet-top { - grid-template-areas: "title title tier" "subtitle subtitle tier"; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root { - overflow: hidden; - min-height: 250px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .sheet-top { - grid-template-areas: "title title ." "subtitle subtitle ."; - grid-template-rows: 40px 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .sheet-top .sheet-title { - text-align: left; - font-size: 2.5rem; - line-height: 2.5rem; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .sheet-top .sheet-subtitle { - text-align: left; - font-size: 1rem; - line-height: 1.25rem; - position: relative; - z-index: 2; - background: transparent; - border: none; - text-indent: 15px; - padding: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel { - justify-content: stretch; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .gradient-background { - position: absolute; - height: 100%; - margin-top: calc(-1 * var(--sheet-top-height)); - z-index: 1; - background: linear-gradient(to right, var(--blades-black), var(--blades-black) 60%, transparent 75%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .project-panel-left { - max-width: 75%; - min-width: 75%; - flex-grow: 0; - flex-shrink: 0; - position: relative; - z-index: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .project-panel-right { - max-width: 25%; - min-width: 25%; - flex-grow: 0; - flex-shrink: 0; - overflow: visible; - position: absolute; - perspective: 150px; - transform-style: preserve-3d; - z-index: 0; - top: 0px; - right: 0px; - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .project-panel-right .clock-key-container { - position: relative; - height: 100%; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .project-panel-right .clock-key-container .clock-glow, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.item .window-content form.project .sheet-root .split-panel .project-panel-right .clock-key-container .key-label { - visibility: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog { - max-width: 900px; - max-height: 900px; - overflow: scroll; - height: auto !important; - width: auto !important; - --item-info-height: 100px; - --buttons-height: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content { - padding: 0; - overflow: visible; - position: static; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content { - padding-block-start: 0; - position: static; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group { - height: 100%; - width: 100%; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] { - height: 100%; - width: 100%; - align-items: flex-start; - justify-content: center; - padding: 25px 0; - display: none; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab].active { - display: flex; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body { - z-index: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body .comp-title { - color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp .comp-body > img { - filter: blur(1px); - opacity: 0.5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.embedded .comp-body .comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.embedded .comp-body > img { - filter: blur(0.75px); - opacity: 0.75; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.featured-item .comp-body .comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.featured-item .comp-body > img { - filter: blur(0.5px); - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.fine-quality .comp-body .comp-title { - color: var(--blades-blue); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable { - order: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body { - transform: scale(1, 1) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body img { - opacity: 0.25 !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body .comp-title { - color: var(--blades-red-dark) !important; - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.unaffordable .comp-body .number-circle { - border-color: var(--blades-red-bright); - color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.expensive .comp-body .comp-title { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .nav-group .tab[data-tab] .comp.expensive .comp-body .number-circle { - border-color: var(--blades-gold-bright); - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .featured-item .comp-body .comp-title { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .featured-item .comp-body > img { - filter: blur(0.5px); - opacity: 0.75; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical { - height: 50px; - width: 125px; - flex-grow: 0; - margin: 30px 0; - position: relative; - overflow: visible; - z-index: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body { - transform-origin: center center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body * { - transition: 0.25s; - transform-origin: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body .comp-title.item-title { - font-size: 0.875rem; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body .number-circle { - position: absolute; - bottom: -20px; - right: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-content .comp-vertical .comp-body img { - transform-origin: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .dialog-buttons { - margin: 0; - padding: 0; - height: var(--buttons-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section { - width: 600px; - background: var(--section-bg-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section.consequence-section-controlled { - --section-bg-color: var(--blades-blue-dark-fade) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section.consequence-section-risky { - --section-bg-color: transparent ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section.consequence-section-desperate { - --section-bg-color: var(--blades-red-dark-fade-strong) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section h1 { - font-size: 16px; - line-height: 18px; - height: 16px; - background: var(--h1-color); - margin: 0; - padding: 0; - color: var(--blades-black); - text-align: center; - text-shadow: none; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section h1.consequence-header-controlled { - --h1-color: var(--blades-blue) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section h1.consequence-header-risky { - --h1-color: var(--blades-grey-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section h1.consequence-header-desperate { - --h1-color: var(--blades-red) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section h2 { - font-size: 14px; - margin: 0; - padding: 0; - background: transparent; - box-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row { - gap: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .comp.consequence-display-container { - display: flex; - flex-wrap: nowrap; - --container-height: 25px; - gap: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .comp.consequence-display-container .consequence-icon-container { - left: 0; - top: 0; - min-width: var(--container-height); - margin: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - outline: none; - border: none; - height: 25px; - width: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row input.consequence-name { - box-shadow: var(--box-shadow-input); - background: var(--background-input); - font-family: var(--font-emphasis-narrow); - margin-right: 5px; - flex-grow: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row input.consequence-name.consequence-name-none { - box-shadow: none; - background: none; - cursor: default; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .roll-consequence-type-select { - min-width: 130px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .roll-consequence-attribute-select { - min-width: 75px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .button-icon, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .toggle-icon { - position: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .blades-select { - font-family: var(--font-emphasis-narrow); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .consequence-resist-options-container { - align-items: flex-end; - gap: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.dialog .window-content .consequence-section .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - gap: 3px; - width: 85%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet { - min-width: 600px; - height: auto !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active { - max-height: 600px; - overflow-y: scroll; - padding: 0 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] header.effects-header .key { - flex-grow: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] header.effects-header .mode { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] header.effects-header .value { - flex-grow: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] ol.changes-list li.effect-change.flexrow .key { - flex-grow: 2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] ol.changes-list li.effect-change.flexrow .mode { - flex-grow: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.active-effect-sheet .window-content form section.tab.active[data-tab=effects] ol.changes-list li.effect-change.flexrow .value { - flex-grow: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab { - --roll-spacing: 5px; - height: auto !important; - width: unset !important; - overflow: visible; - box-shadow: none; -} -@keyframes anim-glow-gold { - 0% { - box-shadow: 0 0 0px 0px var(--blades-gold-bright); - background-color: var(--blades-gold-darkest); - } - 10% { - background-color: var(--blades-gold-bright); - } - 100% { - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-gold-darkest); - } -} -@keyframes anim-glow-red { - 0% { - box-shadow: 0 0 0px 0px var(--blades-red-bright); - background-color: var(--blades-red-darkest); - } - 10% { - background-color: var(--blades-red-bright); - } - 100% { - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-red-darkest); - } -} -@keyframes anim-glow-grey { - 0% { - box-shadow: 0 0 0px 0px var(--blades-grey-bright); - background-color: var(--blades-grey-dark); - } - 10% { - background-color: var(--blades-grey-bright); - } - 100% { - box-shadow: 0 0 20px 30px transparent; - background-color: var(--blades-grey-dark); - } -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block { - justify-content: flex-start; - flex-wrap: wrap; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block { - height: 24px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .filled-label { - background: transparent; - color: var(--blades-white); - font-size: 1rem; - line-height: 20px; - height: 20px; - margin: 0; - padding: 0 4px; - display: inline-block; - width: 90px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-sheet-select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-readonly { - margin: 0; - font-family: var(--font-emphasis); - border-top: none; - outline: none; - box-shadow: none; - text-shadow: none; - color: var(--blades-grey); - font-size: 0.875rem; - margin-left: 40px; - display: inline-block; - text-transform: uppercase; - width: 110px; - position: absolute; - right: 155px; - text-align: right; - line-height: 20px; - appearance: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-dotline-block { - display: inline-flex; - margin-left: 5px; - margin-top: -3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-header-block .roll-dotline-block .dotline .dot.full-dot { - filter: brightness(1.5) drop-shadow(0 0 2px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block { - width: 100%; - margin: 0; - padding: 0 5px 5px 5px; - gap: 5px; - flex-wrap: wrap; - justify-content: flex-start; - min-height: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block > .roll-mod-block-spacer { - display: none; - flex-grow: 1; - flex-shrink: 1; - flex-basis: 0px; - height: 16px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block > .roll-mod-block-spacer.last-spacer { - display: inline-flex; - flex-grow: 0; - flex-shrink: 0; - width: 155px; - height: 20px; - margin-left: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block { - position: absolute; - width: auto; - max-width: 175px; - margin: 0; - right: calc(100% + 2 * var(--roll-spacing, 5px) - 2px); - background: rgb(24, 24, 24); - top: 0px; - padding: 2px 0 2px 5px; - outline: 1px solid var(--blades-white); - gap: 0; - flex-wrap: wrap; - align-items: flex-end; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container { - display: inline-flex; - flex-direction: row; - align-items: center; - background: transparent; - box-shadow: none; - height: var(--roll-mod-size); - margin: 0; - padding: 0; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container * { - --roll-mod-size: 20px ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-icon { - line-height: var(--roll-mod-size); - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label { - top: 0; - margin: 0; - padding: 0 0 0 calc(0.5 * var(--roll-mod-size)); - left: calc(-0.5 * var(--roll-mod-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label svg { - display: block; - margin-left: calc(-1 * var(--roll-mod-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container .roll-mod-label .roll-mod-text { - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - margin: 0 10px 0 0; - color: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label { - left: calc(-1.35 * var(--roll-mod-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label svg { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-forcedoff .roll-mod-label .roll-mod-text { - color: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label { - left: calc(-1.35 * var(--roll-mod-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label svg { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block.roll-effects-block.inactive-mod-block .roll-mod-container.status-hidden .roll-mod-label .roll-mod-text { - color: var(--blades-grey); - font-weight: normal; - font-style: italic; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container { - --roll-mod-size: 30px; - --label-font: var(--font-emphasis); - --sidestring-font: var(--font-emphasis-narrow); - --glow-animation: anim-glow-gold; - --roll-mod-bright-color: var(--blades-gold-bright); - --roll-mod-med-color: var(--blades-gold); - --roll-mod-dark-color: var(--blades-gold-darkest); - width: min-content; - display: block; - height: var(--roll-mod-size); - flex-grow: 0; - flex-shrink: 0; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.posneg-negative { - --glow-animation: anim-glow-red; - --roll-mod-bright-color: var(--blades-red-bright); - --roll-mod-med-color: var(--blades-red); - --roll-mod-dark-color: var(--blades-red-darkest); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.roll-mod-ability .roll-mod-label .roll-mod-text:last-of-type, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.roll-mod-harm .roll-mod-label .roll-mod-text:last-of-type { - --label-font: var(--font-emphasis-narrow); - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden { - --glow-animation: none; - --roll-mod-color: var(--blades-grey-dark); - --roll-mod-text-shadow: - -1px -1px 1px var(--blades-grey), - 1px 1px 2px var(--blades-black-dark), - 1px 1px 0px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-label svg { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-icon { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-hidden .roll-mod-label .roll-mod-text { - margin-bottom: -1px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff { - --glow-animation: none; - --roll-mod-color: var(--blades-grey-bright); - --roll-mod-text-shadow: - 1px 1px 2px var(--blades-black-dark), - 1px 1px 0px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-label svg { - display: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-icon { - opacity: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedoff .roll-mod-label .roll-mod-text { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff { - --glow-animation: anim-glow-grey; - --roll-mod-color: var(--blades-grey); - --diamond-fill-color: var(--blades-black-dark); - --roll-mod-glow-color: var(--blades-grey-bright); - --icon-center-color: transparent; - --icon-center-bg-color-start: transparent; - --icon-center-bg-color-end: var(--blades-grey-bright); - --icon-border-color: var(--roll-mod-dark-color); - --icon-border-bg-color: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff .icon { - filter: brightness(0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff:hover { - --roll-mod-glow-color: var(--roll-mod-bright-color); - --icon-center-color: var(--roll-mod-bright-color); - --icon-center-bg-color-start: transparent; - --icon-center-bg-color-end: var(--roll-mod-bright-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledoff:hover .icon { - filter: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon { - --roll-mod-color: var(--blades-black-dark); - --diamond-fill-color: var(--blades-black-dark); - --label-fill-color: var(--roll-mod-bright-color); - --roll-mod-glow-color: var(--roll-mod-bright-color); - --icon-center-color: var(--roll-mod-bright-color); - --icon-center-bg-color-start: var(--roll-mod-dark-color); - --icon-center-bg-color-end: var(--roll-mod-bright-color); - --icon-center-bg-color: var(--roll-mod-bright-color); - --icon-border-color: var(--roll-mod-bright-color); - --icon-border-bg-color: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon .icon { - box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon:hover { - --icon-center-color: var(--roll-mod-dark-color); - --icon-border-color: var(--roll-mod-dark-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-toggledon:hover .icon { - filter: brightness(0.75); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon { - --roll-mod-color: var(--blades-black-dark); - --glow-animation: none; - --diamond-fill-color: var(--roll-mod-bright-color); - --label-fill-color: var(--roll-mod-med-color); - --roll-mod-glow-color: transparent; - --icon-center-color: transparent; - --icon-center-bg-color: transparent; - --icon-border-color: transparent; - --icon-border-bg-color: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon .roll-mod-icon svg .diamond-base { - stroke: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container.status-forcedon .icon { - box-shadow: 0px 0px 15px 8px var(--roll-mod-bright-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke { - stroke-width: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.brightest-stroke { - stroke: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.bright-stroke { - stroke: var(--blades-grey); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.dark-stroke { - stroke: var(--blades-black-dark-fade); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .shadow-stroke.darkest-stroke { - stroke: var(--blades-black-dark); - filter: blur(1px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon { - display: block; - height: var(--roll-mod-size); - width: var(--roll-mod-size); - z-index: 1; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg { - height: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg .diamond-base { - fill: var(--diamond-fill-color); - stroke: var(--blades-grey-dark); - stroke-width: 10px; - filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon svg .diamond-inner-stroke { - fill: none; - stroke: var(--blades-black); - stroke-width: 2px; - filter: blur(1px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon .icon { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - rotate: 45deg; - width: 14px; - height: 14px; - background: darkolive; - text-align: center; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-icon .icon i { - border: 0px solid var(--icon-center-color); - width: 4px; - height: 4px; - display: block; - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - vertical-align: 7px; - animation: var(--glow-animation) 2s ease infinite; - background-color: var(--icon-center-bg-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label { - display: flex; - width: min-content; - overflow: hidden; - position: relative; - height: var(--roll-mod-size); - margin-left: calc(0.5 * var(--roll-mod-size)); - padding-right: calc(0.5 * var(--roll-mod-size)); - top: calc(-1 * var(--roll-mod-size)); - left: 0; - white-space: nowrap; - align-items: center; - justify-content: flex-start; - flex-direction: row; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg { - height: var(--roll-mod-size); - translate: 0% -50%; - top: 50%; - right: 0; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .shadow-stroke { - stroke-width: 3px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .shadow-stroke.darkest-stroke { - stroke: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label svg .label-base { - stroke: var(--blades-grey-dark); - stroke-width: 10px; - filter: drop-shadow(2px 2px 3px var(--blades-black-dark)); - fill: var(--label-fill-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-mod-text { - position: relative; - white-space: nowrap; - z-index: 1; - color: var(--roll-mod-color); - text-shadow: var(--roll-mod-text-shadow); - width: 100%; - display: block; - font-family: var(--label-font); - margin-left: 15px; - line-height: var(--roll-mod-size); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-mod-text.roll-mod-sidestring { - font-family: var(--font-emphasis-narrow); - margin-left: 5px; - text-transform: uppercase; - font-size: 14px; - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block { - position: absolute; - z-index: 3; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block { - left: unset; - right: 0px; - height: 64px; - width: 64px; - border-radius: 32px; - border: 2px solid var(--blades-white); - background: var(--blades-grey); - translate: 50% 0%; - top: -2px; - display: flex; - justify-content: center; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block .dice-total { - display: block; - font-size: 50px; - margin-right: 10px; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - padding-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.rolling-dice-total-block .d-symbol { - display: block; - position: absolute; - font-size: 20px; - right: 7px; - top: 10px; - font-family: var(--font-emphasis); - text-shadow: 0 0 3px var(--blades-black), 0 0 3px var(--blades-black), 0 0 3px var(--blades-black), 0 0 3px var(--blades-black); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block { - height: 24px; - width: 150px; - font-family: var(--font-emphasis); - text-transform: uppercase; - background: var(--final-block-background-color, var(--blades-grey)); - color: var(--final-block-text-color, var(--blades-white-bright)); - border: 2px solid var(--final-block-border-color, var(--blades-white)); - font-size: 18px; - line-height: 22px; - text-align: center; - right: 0; - top: -2px; - box-sizing: content-box; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.position-final-block.position-desperate { - --final-block-text-color: var(--blades-red-bright); - --final-block-background-color: var(--blades-red-dark-fade); - --final-block-border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.position-final-block.position-controlled { - --final-block-text-color: var(--blades-blue-bright); - --final-block-background-color: var(--blades-blue-dark-fade); - --final-block-border-color: var(--blades-blue); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-zero { - --final-block-text-color: var(--blades-red-dark); - --final-block-background-color: transparent; - --final-block-border-color: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-limited { - --final-block-text-color: var(--blades-red-bright); - --final-block-background-color: var(--blades-red-dark-fade); - --final-block-border-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-great { - --final-block-text-color: var(--blades-blue-bright); - --final-block-background-color: var(--blades-blue-dark-fade); - --final-block-border-color: var(--blades-blue); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.effect-final-block.effect-extreme { - --final-block-text-color: var(--blades-white-bright); - --final-block-background-color: var(--blades-gold-dark); - --final-block-border-color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.final-block.result-final-block { - width: 180px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block .pos-effect-trade-block { - width: min-content; - position: absolute; - color: var(--blades-grey-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block .pos-effect-trade-block:hover { - color: var(--blades-gold); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.position-final-block .pos-effect-trade-block { - left: 5px; - top: 26px; - text-shadow: 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.position-final-block .pos-effect-trade-block .fa-light { - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.effect-final-block .pos-effect-trade-block { - right: 5px; - top: -24px; - text-shadow: 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark), 0 0 3px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .roll-sheet-float-block.effect-final-block .pos-effect-trade-block .fa-light { - scale: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .gm-input-popup-icon { - min-width: 25px !important; - min-height: 25px !important; - border-radius: 5px !important; - pointer-events: auto !important; - background: rgba(0, 255, 0, 0.5); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form.roll-type-action { - --full-roll-width: 775px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form.roll-type-resistance { - --full-roll-width: 550px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.roll-effects-block:not(.inactive-mod-block) { - width: 85% !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container { - min-width: 120px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container.roll-mod-teamwork .roll-mod-label .roll-mod-sidestring { - min-width: 75px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-select-container { - min-width: 120px; - max-height: 16px; - border-radius: 8px; - margin-left: -85px; - margin-right: -50px; - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-container .roll-mod-label .roll-select-container .roll-select .roll-sheet-select-doc { - pointer-events: auto !important; - appearance: none; - width: 85px; - color: transparent; - text-shadow: none; - margin-left: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .roll-mod-block-spacer { - display: none !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container { - height: 24px; - min-height: 24px; - right: 160px; - left: unset; - min-width: unset; - margin-top: -2px; - position: absolute; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control { - height: 24px; - width: 24px; - line-height: 24px; - font-size: 0; - display: inline-block; - pointer-events: auto !important; - cursor: pointer; - scale: 0.5; - background: var(--gm-control-background); - outline: 2px solid var(--gm-control-border); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.active { - filter: brightness(1.2) drop-shadow(0 0 3px var(--gm-control-border, var(--blades-white-bright))); - scale: 0.7; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control:hover, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control:hover { - filter: brightness(1.2) drop-shadow(0px 0px 10px var(--gm-control-border, var(--blades-white-bright))); - scale: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-zero, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-zero { - --gm-control-border: var(--blades-red-dark); - --gm-control-background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-limited, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-desperate, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-limited, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-desperate { - --gm-control-border: var(--blades-red-bright); - --gm-control-background: var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-standard, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-risky, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-standard, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-risky { - --gm-control-border: var(--blades-grey-bright); - --gm-control-background: var(--blades-grey-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-great, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-position-controlled, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-great, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-position-controlled { - --gm-control-border: var(--blades-blue-bright); - --gm-control-background: var(--blades-blue-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .position-controls-container .roll-mod-gm-control.gm-control-effect-extreme, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block .effect-controls-container .roll-mod-gm-control.gm-control-effect-extreme { - --gm-control-border: var(--blades-gold-bright); - --gm-control-background: var(--blades-gold-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container { - min-width: unset; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container .roll-mod-label .roll-mod-text { - text-shadow: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.inactive-mod-block .roll-mod-container .comp.controls-container { - --menu-size: 16px; - right: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .full-root { - min-width: 100%; - max-width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .full-root * { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root { - min-width: 100%; - max-width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-left { - min-width: 50%; - max-width: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-left * { - pointer-events: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right { - pointer-events: auto; - min-width: 50%; - max-width: 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right .sheet-main { - right: 6px; - flex-basis: auto; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right .sheet-main.roll-consequences { - min-height: 330px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right .sheet-main.roll-consequences h3 { - margin-bottom: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab.gm-roll-collab .window-content form .sheet-root .split-root .split-root-right .sheet-main.factor-controls { - min-height: 112px; - place-self: stretch flex-end; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-header { - opacity: 0; - top: -45px; - position: absolute; - width: 100%; - left: 0; - z-index: 10; - transition: 0.25s; - padding: 0 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-header:hover { - opacity: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content { - border-radius: 30px; - box-shadow: 25px 25px 15px var(--blades-black-dark-fade); - border: 3px outset var(--blades-white); - background: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form { - min-width: var(--full-roll-width, 550px); - max-width: var(--full-roll-width, 550px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance { - --root-height: 200px; - --icon-size: 150px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root { - border-radius: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .roll-sheet-float-block.rolling-dice-total-block { - right: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .roll-sheet-block.rolling-block { - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header { - top: unset; - align-items: center; - padding: 0 10px; - border: none; - border-top-left-radius: 30px; - border-top-right-radius: 30px; - position: relative; - overflow: visible; - justify-content: center; - z-index: 4; - gap: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header .source-name.shadowed { - flex-basis: unset; - flex-grow: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header .shadowed.vs { - text-transform: none; - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header .consequence-box { - width: unset; - flex-basis: 40%; - flex-direction: row; - justify-content: flex-end; - align-items: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header .consequence-box .consequence-name { - font-size: 1rem; - padding: 0px; - margin: 3px 5px -3px 0; - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .sheet-header .consequence-box .consequence-label { - min-width: 150px; - text-transform: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .roll-sheet-block.consequence-block { - align-items: center; - justify-content: space-between; - border: none; - padding-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal { - height: var(--root-height); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-left { - flex-basis: 55%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-left .sheet-main .roll-sheet-float-block.rolling-dice-total-block { - position: absolute; - right: -25px; - top: calc(var(--root-height) * 0.2); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right { - flex-basis: 45%; - --header-height: 32px; - position: relative; - top: calc(-1 * (var(--header-height) + var(--roll-spacing))); - left: var(--roll-spacing); - height: calc(var(--root-height) + var(--header-height) + var(--roll-spacing)); - flex-shrink: 0; - border-top-right-radius: 30px; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .sheet-main { - height: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; - padding-right: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box { - display: flex; - flex-direction: column; - position: relative; - justify-content: flex-end; - align-items: flex-end; - left: 0; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box .consequence-icon-img { - position: absolute; - height: var(--icon-size); - width: var(--icon-size); - background: transparent; - border-radius: calc(0.5 * var(--icon-size)); - filter: blur(5px); - z-index: -1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box .consequence-name { - font-size: 18px; - text-align: right; - font-family: var(--font-emphasis); - text-transform: uppercase; - color: var(--consequence-text-color); - text-shadow: var(--text-shadow-dark-strong); - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box .consequence-label { - background: var(--consequence-bg-color); - font-family: var(--font-decorative); - font-style: italic; - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - text-shadow: var(--text-shadow-dark-strong); - border: 2px outset var(--consequence-border-color); - width: 100%; - text-align: center; - padding-top: 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box .consequence-type-label { - font-size: 24px; - color: var(--blades-red-bright); - font-family: var(--font-emphasis-narrow); - white-space: nowrap; - text-align: right; - text-transform: uppercase; - text-shadow: var(--text-shadow-dark-strong); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box.consequence-top { - top: 25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box.consequence-top .consequence-icon-img { - top: calc(-0.25 * var(--icon-size)); - right: calc(-0.25 * var(--icon-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box.consequence-bottom { - top: unset; - bottom: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box.consequence-bottom .consequence-icon-img { - top: unset; - bottom: calc(-0.25 * var(--icon-size)); - left: unset; - right: calc(-0.25 * var(--icon-size)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-box.consequence-bottom .consequence-type-label { - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .split-root.flex-horizontal .split-root-right .consequence-triangle { - position: absolute; - top: 50%; - right: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .consequence-box.consequence-strong { - --consequence-bg-color: var(--blades-red-dark); - --consequence-border-color: var(--blades-red-bright); - --consequence-text-color: var(--blades-red-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root .consequence-box.consequence-resisted { - --consequence-bg-color: var(--blades-red-darkest); - --consequence-border-color: var(--blades-red); - --consequence-text-color: var(--blades-red); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-resistance .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-strip .roll-odds-section-container { - filter: blur(10px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .sheet-header { - padding: 0; - align-items: center; - height: auto; - max-height: unset; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .sheet-header .roll-prompt.shadowed { - height: auto; - max-height: unset; - max-width: 80%; - white-space: wrap; - font-family: var(--font-primary); - text-align: center; - font-size: 20px; - line-height: 20px; - margin: 10px 0px 5px 0px; - text-transform: none; - font-style: italic; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .sheet-main, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .sheet-main > * { - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .shadowed.source-name { - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form.roll-type-fortune .sheet-root .dotline .dot.full-dot { - border-radius: 7px; - background: var(--blades-white); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root { - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root > section { - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper { - position: absolute; - width: 100%; - height: 1.4375rem; - display: block; - border: none; - top: 0; - left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type { - top: -26px; - padding: 0 30%; - background: linear-gradient(to right, transparent 15%, var(--roll-type-header-bg-color) 35%, var(--roll-type-header-bg-color) 65%, transparent 85%); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-action { - --roll-type-header-color: var(--blades-white-bright); - --roll-type-header-bg-color: var(--blades-grey); - --roll-type-header-underline-color: var(--blades-white-bright); - --roll-type-header-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-resistance { - --roll-type-header-color: var(--blades-white-bright); - --roll-type-header-bg-color: var(--blades-red-dark); - --roll-type-header-underline-color: var(--blades-red-bright); - --roll-type-header-shadow-color: var(--blades-red-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-downtime { - --roll-type-header-color: var(--blades-gold-bright); - --roll-type-header-bg-color: var(--blades-gold-dark); - --roll-type-header-underline-color: var(--blades-gold-bright); - --roll-type-header-shadow-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type.roll-type-fortune { - --roll-type-header-color: var(--blades-blue-bright); - --roll-type-header-bg-color: var(--blades-blue-dark); - --roll-type-header-underline-color: var(--blades-blue-bright); - --roll-type-header-shadow-color: var(--blades-blue-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-type .roll-type-header { - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--roll-type-header-color); - text-transform: uppercase; - margin-top: 3px; - text-align: center; - text-shadow: 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color), 0px 0px 3px var(--roll-type-header-shadow-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block { - position: absolute; - justify-content: space-between; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary { - order: 1; - position: relative; - padding: 5px 40px 5px 10px; - border: 4px outset var(--blades-grey); - background: var(--blades-grey-bright); - margin: 0px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary .roll-factor-label { - color: var(--blades-white-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-tier .roll-factor-value { - scale: 0.5 1; - right: -10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary .roll-factor-value { - font-family: var(--font-default); - color: var(--blades-gold-bright); - font-size: 70px; - line-height: 30px; - min-width: 80px; - pointer-events: none; - position: absolute; - right: -25px; - text-align: center; - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); - transform-origin: 100% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-source { - translate: -100% -5px; - right: -20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-topper.roll-factors .factors-block .roll-factor.roll-factor-primary.roll-factor-opposition { - translate: 100% -5px; - left: -70px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block { - gap: 0 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor { - gap: 0 5px; - align-items: baseline; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor .roll-factor-label { - font-family: var(--font-emphasis); - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor .roll-factor-value { - font-weight: bold; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) .roll-factor-label { - font-size: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary) .roll-factor-value { - font-size: 16px; - line-height: 9px; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block .roll-factor:not(.roll-factor-primary).roll-factor-tier .roll-factor-value { - font-size: 14px; - line-height: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-vertical { - position: relative; - top: -10px; - right: 0px; - align-items: flex-end; - transform-origin: 100% 0; - padding: 0 10px 0 5px; - overflow: visible; - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-horizontal { - justify-content: flex-end; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.flex-horizontal .roll-factor { - margin-top: -25px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors .roll-factor .roll-factor-value { - color: var(--opp-factor-color, var(--blades-gold-bright)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors .roll-factor.roll-factor-tier .roll-factor-value { - margin-right: -7px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-cohort_expert, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-npc { - --opp-factor-color: var(--blades-red-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-faction { - --opp-factor-color: #bd6dff ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-location { - --opp-factor-color: #dbe7fd ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-ritual { - --opp-factor-color: #bd6dff ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-project, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-design { - --opp-factor-color: #ffdcc0 ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .factors-block.roll-opp-factors.roll-opp-type-cohort_gang { - --opp-factor-color: var(--blades-red-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header { - border: none; - height: 32px; - left: 0px; - top: -3px; - width: 100%; - align-items: flex-end; - justify-content: space-around; - overflow: visible; - flex-wrap: nowrap; - white-space: nowrap; - padding-left: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header > * { - flex-grow: 1; - flex-shrink: 1; - font-size: 1.5rem; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark), 0px 0px 5px var(--blades-black-dark); - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .source-name { - color: var(--source-name-color, var(--blades-white-bright)); - text-align: right; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .source-name.source-name-type-pc { - --source-name-color: var(--blades-gold-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .vs { - flex-grow: 0; - color: var(--blades-white-bright); - text-transform: lowercase; - flex-basis: 40px; - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name { - color: var(--opp-name-color, var(--blades-white-bright)); - transform-origin: 0% 50%; - scale: 0.75 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-cohort_expert, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-npc { - --opp-name-color: var(--blades-red-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-faction { - --opp-name-color: #bd6dff ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-location { - --opp-name-color: #dbe7fd ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-ritual { - --opp-name-color: #bd6dff ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-project, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-design { - --opp-name-color: #ffdcc0 ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-header .opp-name.opp-name-type-cohort_gang { - --opp-name-color: var(--blades-red-bright) ; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader { - height: 10px; - border: none; - padding: 0 0 0 30px; - margin-top: -2px; - margin-bottom: 2px; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal { - height: 10px; - justify-content: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor { - margin: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor .roll-factor-label { - font-size: 12px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor .roll-factor-value { - font-size: 16px; - line-height: 9px; - color: var(--blades-gold-bright); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .sheet-subheader .factors-block.flex-horizontal .roll-factor.roll-factor-tier .roll-factor-value { - font-size: 14px; - line-height: 10px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block { - border-top: 2px solid var(--blades-white-bright); - align-items: flex-start; - justify-content: flex-start; - position: relative; - gap: 5px 5px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.roll-participants-block { - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block { - min-height: 62px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block { - margin-top: -2px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-sheet-select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-readonly { - background: var(--blades-white-bright); - color: var(--blades-black); - border: none; - text-align: center; - font-size: 1.125rem; - font-style: normal; - margin-left: 0; - position: unset; - left: unset; - right: unset; - height: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-sheet-select.roll-sheet-select, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-sheet-sub-block.roll-header-block .roll-readonly.roll-sheet-select { - text-align: right; - padding-right: 15px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block.rolling-block .roll-effects-block:not(.inactive-mod-block) { - width: 95% !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-sheet-block .roll-sheet-sub-block.roll-effects-block:not(.inactive-mod-block) { - width: 550px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root { - align-items: stretch; - position: static; - gap: var(--roll-spacing, 5px); - padding: var(--roll-spacing, 5px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container { - overflow: visible; - position: relative; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-left, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-left { - flex-basis: 80%; - max-width: 80%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right { - flex-basis: 15%; - display: flex; - align-items: stretch; - justify-content: space-between; - flex-direction: column; - z-index: 4; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main { - z-index: 0; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.roll-opp-block, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.roll-opp-block, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.roll-opp-block, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.roll-opp-block, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.roll-opp-block, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.roll-opp-block { - min-height: 60px; - flex-basis: 60px; - position: relative; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls { - --spread-size: 14px; - justify-content: flex-end; - bottom: 0; - right: 20px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row { - align-items: flex-start; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer { - height: var(--spread-size, 30px); - width: var(--spread-size, 30px); - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: calc(var(--spread-size, 30px) - 2px); - border: 1px var(--roll-factor-inactive-border-style, solid) var(--roll-factor-inactive-border); - color: var(--roll-factor-inactive-color); - text-align: center; - border-radius: calc(var(--spread-size, 30px) * 0.5); - background: var(--roll-factor-inactive-bg); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active { - background: var(--roll-factor-active-bg); - border-color: var(--roll-factor-active-border); - border-style: solid; - color: var(--roll-factor-active-color); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isActive, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isActive { - --roll-factor-inactive-bg: transparent; - --roll-factor-active-bg: var(--blades-green-bright); - --roll-factor-inactive-border: var(--blades-red-bright); - --roll-factor-inactive-border-style: dotted; - --roll-factor-active-border: var(--blades-green-dark); - --roll-factor-inactive-color: var(--blades-red-bright); - --roll-factor-active-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .factor-toggle.factor-toggle-isPrimary, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.factor-toggle-isPrimary { - --roll-factor-inactive-bg: transparent; - --roll-factor-active-bg: var(--blades-gold-bright); - --roll-factor-inactive-border: var(--blades-grey-dark); - --roll-factor-active-border: var(--blades-gold-dark); - --roll-factor-inactive-color: var(--blades-grey-bright); - --roll-factor-active-color: var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer { - width: calc(var(--spread-size, 30px) * 0.5); - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-left.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .split-root-right.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .full-root-container.split-root-right section.sheet-main.factor-controls .factor-control-row .roll-num-container.factor-spacer.toggle-active { - background: var(--blades-green-dark); - border: none; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root section.sheet-main, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root section.sheet-main { - justify-content: flex-start; - align-items: stretch; - height: auto; - overflow: visible; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay { - position: absolute; - top: 0px; - height: 100%; - width: 50%; - overflow: hidden; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay img { - height: 100%; - opacity: 0.8; - translate: -50% -50%; - top: 50%; - left: 50%; - position: absolute; - transform-origin: 50% 50%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-overlay { - border-top-left-radius: 30px; - border-bottom-left-radius: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-overlay img { - filter: blur(2px) brightness(1); - scale: 1.5; - top: calc(50% - 40px); - left: 25%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-img.roll-source-bg-overlay, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-source-bg-overlay.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-img.roll-source-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-source-bg-overlay.roll-source-bg-overlay { - background: linear-gradient(to right, transparent, var(--blades-black-dark) 80%); - width: 50%; - top: 0; - left: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-overlay { - top: -2px; - right: -2px; - border-top-right-radius: 30px; - border-bottom-right-radius: 30px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img img, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-overlay img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-img img, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-overlay img { - right: -30px; - filter: blur(3px) brightness(0.8); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-source-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .split-root .roll-opp-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-source-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-img.roll-opp-bg-overlay.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-img.roll-opp-bg-overlay, -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .full-root .roll-opp-bg-overlay.roll-opp-bg-overlay.roll-opp-bg-overlay { - background: linear-gradient(to left, transparent, var(--blades-black-dark) 80%); - width: 50%; - top: 0; - right: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer { - height: 30px; - position: relative; - display: flex; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-block { - height: 30px; - width: 100%; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-sub-block.roll-effects-block.inactive-mod-block { - padding-right: 40px; - margin-right: -40px; - z-index: -2; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-effects-block { - z-index: 4; - position: absolute; - pointer-events: none; - margin-top: 20px; - flex-direction: column; - width: unset; - align-items: flex-start; - gap: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button { - position: absolute; - width: 100%; - left: 0; - top: 0; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-strip { - height: 28px; - width: 100%; - border-bottom-left-radius: 30px; - border-bottom-right-radius: 30px; - overflow: hidden; - position: relative; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-strip .roll-odds-section-container { - height: 500%; - width: 100%; - position: absolute; - z-index: 5; - display: flex; - justify-content: stretch; - align-items: stretch; - flex-wrap: nowrap; - filter: blur(50px); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-strip .roll-odds-section-container > * { - flex-grow: 1; - flex-shrink: 1; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-odds-label-container { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - text-align: center; - line-height: 28px; - color: var(--blades-gold-dark); - font-family: var(--font-emphasis); - font-size: 18px; - text-shadow: 1.5px 1.5px 0px var(--blades-black-dark); - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button { - display: block; - padding: 0; - height: 50px; - width: 120px; - position: absolute; - translate: -50% -50%; - top: 100%; - left: 50%; - border-radius: 20px; - border: 4px outset var(--blades-white); - background: var(--blades-white-bright); - color: var(--blades-black-dark); - font-family: var(--font-emphasis); - font-size: 32px; - line-height: 36px; - transform-origin: 50% 50%; - transition: 0.25s; - filter: drop-shadow(3px 3px 5px var(--blades-black)); - opacity: 1; - z-index: 5; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-button .roll-button.roll-readonly { - height: 40px; - width: 100px; - pointer-events: none; - border-color: var(--blades-grey); - border-style: inset; - background: var(--blades-grey-bright); - color: var(--blades-grey); - font-size: 24px; - box-shadow: inset 3px 3px 5px var(--blades-black), inset -3px -3px 5px var(--blades-white-bright); - filter: brightness(0.5); - scale: 0.75; - opacity: 0.75; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block { - position: absolute; - translate: -50% 100%; - left: 50%; - top: 50%; - font-family: var(--font-emphasis); - color: var(--blades-white); - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); - white-space: nowrap; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block.gm-ready { - bottom: -50px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .gold-bright, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .gold-bright * { - color: var(--blades-gold-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .red-bright, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .red-bright * { - color: var(--blades-red-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .cyan-bright, :root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root section.sheet-footer .roll-sheet-float-block.roll-stress-block .cyan-bright * { - color: var(--blades-blue-bright) !important; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container { - height: var(--spread-size, 30px); - width: calc(var(--spread-count, 7) * var(--spread-size, 30px)); - position: relative; - margin-bottom: 14px; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .num-spread-label { - position: absolute; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - left: 0%; - top: calc(100% + 1px); - text-transform: uppercase; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread { - height: 100%; - display: flex; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: stretch; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread > * { - height: 100%; - width: var(--spread-size, 30px); - flex-grow: 0; - flex-shrink: 0; - border: 1px solid var(--spread-color, var(--blades-white)); - font-family: var(--font-emphasis); - font-size: 6px; - line-height: calc(0.9 * var(--spread-size, 30px)); - color: var(--spread-color, var(--blades-white)); - text-align: center; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread > *:hover { - filter: brightness(0.8); - opacity: 0.8; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active=true] { - color: var(--spread-puck-color, var(--blades-black-dark)); - text-shadow: none; - font-weight: bold; - transform-origin: 50% 50%; - background: var(--spread-puck-color, var(--blades-white-bright)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active=true] ~ * { - background: var(--spread-neg-fade, var(--blades-red-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box ~ * { - background: var(--spread-pos-fade, var(--blades-green-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread [data-active=true] ~ .origin-box ~ * { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box ~ [data-active=true] ~ * { - background: transparent; -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box { - background: var(--spread-center-fade, var(--blades-gold-dark)); -} -:root body.vtt.game.system-eunos-blades .app.window-app.sheet.roll-collab .window-content form .sheet-root .roll-num-container .roll-num-spread .origin-box[data-active=true] ~ * { - background: transparent; -} - -.tox .tox-dialog-wrap .tox-dialog .tox-textarea-wrap { - height: 100%; -} -.tox .tox-dialog-wrap .tox-dialog .tox-textarea-wrap .tox-textarea { - height: 100%; - font-family: var(--font-mono); - font-size: 0.75rem; - line-height: 0.875rem; -} - -/* stylelint-disable font-family-no-missing-generic-family-keyword */ -/* stylelint-disable selector-type-no-unknown */ -/* stylelint-disable selector-no-vendor-prefix */ -/* stylelint-disable declaration-block-no-shorthand-property-overrides */ -/* stylelint-disable no-duplicate-selectors */ -/* stylelint-disable declaration-block-no-redundant-longhand-properties */ -/* stylelint-disable selector-class-pattern */ -/* stylelint-disable selector-id-pattern */ -/* stylelint-disable rule-empty-line-before */ -/* stylelint-disable color-function-notation */ -/* stylelint-disable order/properties-order */ -/* stylelint-disable no-descending-specificity */ -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span, -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control { - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-16px); - font-family: inherit; - height: initial; - justify-content: center; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body .dialog .tabs a > i, -body .dialog .sheet-tabs a > i, -body #sidebar .tabs a > i, -body #sidebar .sheet-tabs a > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a > i, -body #module-management .list-filters a > i, -body .dialog button > i, -body #sidebar button > i, -body .window-app:not([id*=Actor-], [id*=Item-]) button > i, -body #menu #menu-items li > i, -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i, -body .window-app[id*=JournalEntry-] a.editor-edit > i, -body .alwayshp-btn > i, -body #sidebar #combat .add-temporary > i, -body .sidebar-popout #combat .add-temporary > i, -body #specials-config .fxmaster .directory-header a > i, -body ul.command-menu li > i, -body #token-action-hud button.tah-title-button > i, -body #token-action-hud .tah-action button > i, -body #sidebar .token-mold > label > span > i, -body .sidebar-popout .token-mold > label > span > i, -body .sheet[id*=activeeffect-sheet-] .effects-header a > i, -body .window-app[id*=cards-sheet-] .cards-header a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > i, -body .window-app[id*=cards-sheet-] .cards .card a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > i { - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .tabs a > label, -body .dialog .sheet-tabs a > label, -body #sidebar .tabs a > label, -body #sidebar .sheet-tabs a > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a > label, -body #module-management .list-filters a > label, -body .dialog button > label, -body #sidebar button > label, -body .window-app:not([id*=Actor-], [id*=Item-]) button > label, -body #menu #menu-items li > label, -body #sidebar #combat #combat-controls .combat-control > label, -body .sidebar-popout #combat #combat-controls .combat-control > label, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > label, -body .window-app[id*=JournalEntry-] a.editor-edit > label, -body .alwayshp-btn > label, -body #sidebar #combat .add-temporary > label, -body .sidebar-popout #combat .add-temporary > label, -body #specials-config .fxmaster .directory-header a > label, -body ul.command-menu li > label, -body #token-action-hud button.tah-title-button > label, -body #token-action-hud .tah-action button > label, -body #sidebar .token-mold > label > span > label, -body .sidebar-popout .token-mold > label > span > label, -body .sheet[id*=activeeffect-sheet-] .effects-header a > label, -body .window-app[id*=cards-sheet-] .cards-header a > label, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > label, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > label, -body .window-app[id*=cards-sheet-] .cards .card a > label, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > label, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > label, -body .dialog .directory .directory-item.folder .folder-header .create-folder > label, -body .dialog .directory .directory-item.folder .folder-header .create-entity > label, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > label, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > label, -body .dialog .directory .directory-item .create-folder > label, -body .dialog .directory .directory-item .create-document > label, -body #sidebar .directory .directory-item .create-folder > label, -body #sidebar .directory .directory-item .create-document > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > label, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > label, -body #navigation #nav-toggle > label, -body .window-app .window-header > a > label, -body .window-app .window-header a.header-button > label, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > label, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > label, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > label, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > label, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > label, -body #sidebar #combat .combat-tracker-header .encounters a > label, -body #sidebar #combat .combat-tracker-header .encounter-controls a > label, -body .sidebar-popout #combat .combat-tracker-header .encounters a > label, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > label, -body #sidebar #combat #combat-tracker .combatant .combatant-control > label, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > label, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > label, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > label, -body #sidebar #playlists #currently-playing .sound .sound-control > label, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > label, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > label, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > label, -body #dfcp-rt-buttons button > label, -body #specials-config .fxmaster .special-effects .controls a > label, -body div.permission-viewer a > label, -body #smalltime-app #displayContainer .arrow > label, -body #token-action-hud #tah-reposition > label, -body #token-action-hud #tah-categories > label, -body #sidebar .token-mold > a > label, -body .sidebar-popout .token-mold > a > label, -body #sidebar .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .header-control > label, -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .header-control > label { - color: inherit !important; -} - -body { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - box-shadow: none; - font-size: var(--size-14px); -} -body .sidebar-popout { - border-radius: 0; - height: auto; - min-height: 50vh; - min-width: var(--blades-spacer-sidebar); -} -body .sidebar-popout .sidebar-tab .directory-header .-emu-layout .-emu-layout .header-control > label { - font-size: inherit !important; -} -body .sidebar-popout .window-content { - background-color: transparent; - padding: 0; -} -body .dialog .dialog-buttons { - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm); -} -body .dialog .dialog-buttons .dialog-button { - background-color: rgba(var(--color-background-button), 1); - background-image: none; - border: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; -} -body .dialog .dialog-buttons .dialog-button:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body .dialog .dialog-buttons:empty { - display: none; -} -body .dialog.window-app > .window-content { - padding: 0; -} -body .dialog div.dialog-content { - padding: 0 var(--blades-spacer-sm); - padding-block-start: var(--blades-spacer-sm); -} -body .dialog div.dialog-content > p { - margin: 0; - margin-block-end: var(--blades-spacer-sm); -} -body .dialog form.dialog-content { - padding-block-start: var(--blades-spacer-md); -} -body .dialog .dialog-content { - color: rgba(var(--color-text), 1); - font-size: var(--size-16px); - padding: var(--blades-spacer-sm); -} -body .dialog .dialog-content > p + .form-group { - margin-block-start: var(--blades-spacer-md); -} -body .dialog .dialog-content > p:first-child { - margin-block-start: var(--blades-spacer-sm); -} -body .dialog .dialog-content > .form-group { - padding: 0; -} -body .dialog .dialog-content > .form-group + .dialog-buttons { - padding: 0; - padding-block-start: var(--blades-spacer-sm); -} -body .dialog .dialog-content > h3 { - margin-block-start: 0; -} -body .dialog .dialog-content > h3:first-child { - margin-block-start: var(--blades-spacer-md); -} -body .dialog #entity-create label { - flex: 0 0 30%; -} -body .dialog #drop-folder { - margin: 0; -} -body #context-menu { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - left: 0; - position: absolute; - max-width: 20rem; - min-width: 9.5rem; - width: 100%; - z-index: 1070; -} -body #context-menu.expand-down { - top: 100%; -} -body #context-menu.expand-up { - bottom: 100%; -} -body #context-menu ol.context-items .context-item { - text-shadow: none; - cursor: pointer; - line-height: initial; - padding: var(--blades-spacer-base); - text-align: left; -} -body #context-menu ol.context-items .context-item:first-child { - border-radius: 0 0 0 0; -} -body #context-menu ol.context-items .context-item:last-child { - border-radius: 0 0 0 0; -} -body #context-menu ol.context-items .context-item:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body #fps { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - border-radius: 0; - display: none; - line-height: initial; - margin: 0; - margin-block-end: var(--blades-spacer-sm); - margin-inline-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-base); - width: auto; -} -body #hotbar { - width: auto; - height: auto; - display: flex; - flex-wrap: nowrap; - margin-block-end: var(--blades-spacer-sm); - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - z-index: 10; -} -body #hotbar:hover { - z-index: 11; -} -body #hotbar #action-bar { - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - flex: 1 1 auto; - flex-wrap: nowrap; - height: auto; - margin: 0; - pointer-events: all; - position: relative; -} -body #hotbar #macro-list { - border: none; - border-radius: 0; - display: flex; - flex: 0 0 auto; - float: left; - height: auto; - position: relative; - width: auto; -} -body #hotbar .bar-controls { - background: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - width: 2.5rem; - height: 3.5rem; - display: flex; - flex-direction: column; - margin: 0; - pointer-events: all; - position: relative; -} -body #hotbar .bar-controls:first-child { - flex: 0 0 auto; - flex-direction: column; - margin-inline-end: var(--blades-spacer-base); -} -body #hotbar .bar-controls:last-child { - float: left; - margin-inline-start: var(--blades-spacer-base); -} -body #hotbar .bar-controls .page-control:first-of-type { - border-radius: 0 0 0 0; -} -body #hotbar .bar-controls .page-control:last-of-type { - border-radius: 0 0 0 0; -} -body #hotbar .bar-controls .page-number { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 1 1 auto; - font-size: var(--size-14px); - justify-content: center; - line-height: initial; -} -body #hotbar .macro { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: border 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: 3.5rem; - height: 3.5rem; - align-items: center; - cursor: pointer; - display: flex; - flex: 0 0 auto; - justify-content: center; - margin-inline-start: -1px; - position: relative; -} -body #hotbar .macro:first-child { - border-radius: 0 0 0 0; - margin-inline-start: 0; -} -body #hotbar .macro:last-child { - border-radius: 0 0 0 0; -} -body #hotbar .macro.active { - background-color: rgba(var(--color-background), 0.8); -} -body #hotbar .macro .macro-key { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - font-weight: 600; - text-shadow: 2px 2px 2px var(--blades-black-dark); - top: var(--blades-spacer-xs); - right: var(--blades-spacer-base); - position: absolute; - padding: 0; - z-index: 1; -} -body #hotbar .macro .macro-icon { - border: none; - width: 3rem; - height: 3rem; - max-height: 100%; - max-width: 100%; - object-fit: cover; - object-position: 50% 50%; - position: relative; -} -body #hotbar .macro .tooltip { - background-color: rgba(var(--color-background-darkest), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - left: 0; - line-height: var(--line-height-default); - margin-block-end: var(--blades-spacer-base); - min-width: 3.5rem; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} -body #hud .placeable-hud .col { - gap: var(--blades-spacer-base); -} -body #hud input[type=text] { - background: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); - height: var(--blades-spacer-button-lg); -} -body #hud .attribute { - flex: 0 0 auto; - margin: 0; -} -body #hud .attribute.elevation { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - flex: 0 0 auto; - padding: 0; -} -body #hud .attribute.elevation > input { - height: 100%; -} -body #hud .attribute.elevation > i { - color: rgba(var(--color-primary), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - z-index: 1; -} -body #hud .attribute.bar1 input[type=text] { - border-color: var(--blades-color-positive); -} -body #hud .attribute.bar2 input[type=text] { - border-color: var(--blades-grey); -} -body #hud .control-icon { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - flex: 0 0 auto; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #hud .control-icon > i { - margin: 0; - position: relative; -} -body #hud .control-icon img { - margin: 0; - opacity: 1; -} -body #hud .control-icon:hover { - background-image: none; -} -body #hud .control-icon:focus { - background-image: none; -} -body #hud .control-icon.active { - background-image: none; -} -body #hud #token-hud .status-effects { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - padding: var(--blades-spacer-base); - left: 3rem; -} -body #hud #token-hud .status-effects .effect-control { - opacity: 0.4; -} -body #hud #token-hud .status-effects .effect-control:hover { - opacity: 0.6; -} -body #hud #token-hud .status-effects .effect-control.active { - opacity: 1; -} -body #hud #token-hud .thwildcard-button-select { - display: inline-flex; - height: auto; -} -body #hud .token-info-container { - margin: 0; -} -body #hud .token-info-container .token-info-column-left { - justify-content: center; - left: -7.5rem; -} -body #hud .token-info-container .token-info-column-right { - justify-content: center; - right: -7.5rem; -} -body #hud .token-info-container .token-info-icon { - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; - margin: 0 !important; - min-width: 0; - padding: var(--blades-spacer-sm); -} -body #hud .token-info-container .token-info-icon .token-info-speed { - font-size: var(--size-12px); - width: 100%; -} -body #hud .token-info-container .token-info-icon .token-info-speed > span { - font-size: inherit !important; -} -body #loading { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - box-shadow: none; - top: var(--blades-spacer-sm); - left: 0; - position: absolute; - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - height: 1.5rem; - display: none; - pointer-events: none; - z-index: 10; -} -body #loading::after { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - box-shadow: inset 0 0 0 1px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - content: ""; -} -body #loading #loading-bar { - background-color: rgba(var(--color-primary), 1); - border: none; - border-radius: 0; - height: 100%; - margin: 0; - min-width: 25%; - position: relative; -} -body #loading #context { - left: 0; -} -body #loading #progress { - right: 0; -} -body #logo { - display: none !important; - border: none; - border-radius: 0; - height: auto !important; - margin-block-start: var(--blades-spacer-sm); - margin-inline-start: var(--blades-spacer-sm); - max-height: 2.75rem; - max-width: 5.5rem; - pointer-events: all; - width: auto; -} -body #menu { - background: transparent; - border-radius: 0; - box-shadow: none; - top: 0; - left: 0; - position: fixed; - width: 100%; - height: 100%; - align-items: center; - display: flex; - justify-content: center; - z-index: 1070; -} -body #menu #menu-items { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - gap: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); -} -body #menu #menu-items li { - font-size: var(--size-20px); -} -body #notifications { - border-radius: 0; - top: 7.5rem; - left: 9.25rem; - position: fixed; - width: calc(100% - 32.5rem); - z-index: 1070; -} -body .notification { - background-color: var(--blades-black); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: var(--blades-white-bright); - line-height: initial; - margin-block-end: var(--blades-spacer-sm); - padding: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-xl); -} -body .notification::before { - margin-inline-end: var(--blades-spacer-sm); -} -body .notification.info { - background-color: var(--blades-grey); - border-color: var(--blades-grey-bright); -} -body .notification.warning { - background-color: var(--blades-gold); - border-color: var(--blades-gold-bright); - color: var(--blades-black); -} -body .notification.error { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); -} -body .notification .close { - top: var(--blades-spacer-sm); - right: var(--blades-spacer-sm); - position: absolute; - line-height: var(--line-height-compact); - margin: 0; - margin-block-start: var(--blades-spacer-xs); -} -body #pause { - background: transparent; -} -body #pause h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-24px); -} -body #players { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: block; - margin: var(--blades-spacer-sm); - padding: 0; - pointer-events: all; - z-index: 10; -} -body #players.hidden { - display: none; -} -body #players > h3 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-transform: uppercase; -} -body #players > h3 .players-mode { - color: inherit; - flex: 1 1 auto; - font-size: var(--size-16px); - text-align: right; - position: relative; -} -body #players > h3 > i { - position: relative; -} -body #players > h3 > i:first-of-type { - margin-inline-start: 0; - margin-inline-end: var(--blades-spacer-sm); -} -body #players > h3 > i:last-of-type { - margin-inline-start: var(--blades-spacer-sm); - margin-inline-end: 0; -} -body #players > ol { - padding: var(--blades-spacer-sm); -} -body #players > ol .player { - align-items: center; - border: none; - display: flex; - flex-wrap: nowrap; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-xs) 0; - position: relative; - width: 100%; -} -body #players > ol .player.context .player-name { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} -body #players > ol .player-name { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - position: relative; - word-break: break-all; -} -body #players > ol .player-name.self { - color: rgba(var(--color-text-lightest), 1); -} -body #players > ol .player-active { - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - flex: 0 0 auto; - margin: 0; - margin-inline-end: var(--blades-spacer-sm); - position: relative; -} -body #players > ol .player-active.active { - box-shadow: 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} -body #controls { - display: flex; - flex: 1 1 auto; - gap: var(--blades-spacer-base); - height: 0; - max-width: 100%; - overflow: hidden; - padding: 0; - padding-block-start: var(--blades-spacer-sm); - padding-inline-start: var(--blades-spacer-sm); - position: relative; -} -body #controls .control-tools { - flex-direction: column; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - opacity: 1; - overflow: visible; - padding: 0; - pointer-events: none; - position: relative; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; -} -body #controls .control-tools.main-controls { - display: flex; -} -body #controls .control-tools .scene-control { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; -} -body #controls .control-tools .scene-control.active .control-tools { - opacity: 1; - display: inline-flex; -} -body #controls .control-tools .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; -} -body #controls .control-tools .control-tool.toggle { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - color: rgba(var(--color-text), 1); -} -body #controls .control-tools .control-tool.toggle:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body #controls .control-tools .control-tool.toggle.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; -} -body #controls .sdr-sub-controls { - bottom: 0; - left: var(--blades-spacer-sm); - position: absolute; -} -body #controls #SDRpopup.simple-dice-roller-popup { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid !important; - border-radius: 0; - box-shadow: none !important; - color: rgba(var(--color-text-lightest), 1); - flex-direction: column; - line-height: initial; - margin: 0; - pointer-events: all; -} -body #controls #SDRpopup.simple-dice-roller-popup ul { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} -body #controls #SDRpopup.simple-dice-roller-popup li { - border: none; - border-inline-end: rgba(var(--color-border), 1) 1px solid; - width: 3rem; - align-items: center; - display: inline-flex; - height: auto; - justify-content: center; -} -body #controls #SDRpopup.simple-dice-roller-popup li:first-child { - width: 7rem; -} -body #controls #SDRpopup.simple-dice-roller-popup li:last-child { - border-inline-end: none; -} -body #controls #SDRpopup.simple-dice-roller-popup li > i { - margin-inline-end: var(--blades-spacer-base); -} -body #navigation { - background: none; - border: none; - box-shadow: none; - margin: 0; - margin-block-start: var(--blades-spacer-sm); - padding: 0; - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: calc(100% - var(--blades-spacer-sm) - var(--blades-spacer-sidebar)); - z-index: 10; -} -body #navigation #nav-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - margin: 0; - margin-inline-end: var(--blades-spacer-base); - z-index: 10; -} -body #navigation #scene-list { - display: flex; - gap: var(--blades-spacer-base); - flex-wrap: wrap; - margin-block-end: var(--blades-spacer-sm); - position: relative; - pointer-events: all; -} -body #navigation #scene-list .scene { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - outline: none; - text-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: auto; - height: 2.25rem; - cursor: pointer; - display: block; - line-height: 2.25rem; - margin: 0; - max-width: 15rem; - min-width: 7rem; - padding: 0 var(--blades-spacer-md); - pointer-events: all; - position: relative; - text-align: center; -} -body #navigation #scene-list .scene:last-of-type { - margin-inline-end: 0; -} -body #navigation #scene-list .scene.gm { - background: #272000; - border: 1px solid var(--blades-gold); -} -body #navigation #scene-list .scene:not(.gm) { - background-color: rgba(var(--color-background), 0.8); - background-image: none; -} -body #navigation #scene-list .scene:hover { - background-image: none; -} -body #navigation #scene-list .scene:focus { - background-image: none; -} -body #navigation #scene-list .scene a { - text-shadow: none; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border: none; - display: block; -} -body #navigation #scene-list .scene a > i { - margin-inline-end: var(--blades-spacer-base); -} -body #navigation #scene-list .scene-players { - top: 0; - left: 0; - position: absolute; - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - list-style: none; - margin: 0; - margin-block-start: calc(-1 * var(--blades-spacer-base)); - padding: 0; - padding-inline-start: var(--blades-spacer-sm); - pointer-events: none; -} -body #navigation #scene-list .scene-player { - background-color: var(--blades-white-bright); - border-radius: 0; - border: none; - box-shadow: inset 0 0 0 1px rgba(var(--color-primary), 1), inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - color: transparent; - font-size: var(--size-10px); - width: 0.75rem; - height: 0.75rem; - align-items: center; - display: flex; - justify-content: center; - margin: 0; - position: relative; - text-transform: uppercase; -} -body #tooltip { - background: rgba(var(--color-background-darkest), 0.9); - border: none; - box-shadow: 0 0 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - align-items: center; - border-radius: 0; - display: inline-flex; - font-family: inherit; - font-size: var(--size-14px); - line-height: var(--line-height-default); - max-width: 320px; - opacity: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-md); - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.3s cubic-bezier(0.77, 0, 0.175, 1); - width: max-content; -} -body #tooltip.active { - opacity: 1; -} -body #ui-left { - display: flex; - flex: 0 0 auto; - flex-direction: column; - justify-content: space-between; -} -body #ui-middle { - display: flex; - flex: 1 1 auto; - flex-direction: column; - justify-content: space-between; -} -body #ui-right { - flex: none; -} -body #ui-top { - margin: 0; - position: relative; -} -body #ui-top.offset { - margin-inline-start: calc(var(--blades-spacer-sidebar) * -0.25); -} -body #ui-bottom { - position: relative; -} -body #ui-bottom > div { - display: flex; - justify-content: space-between; -} -body .app { - background: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - max-height: 100%; - padding: 0; - z-index: 10; -} -body .app.window-app .archive-new table { - background-color: transparent; - border: none; -} -body .app.window-app .archive-new table tr td { - padding: var(--blades-spacer-base); -} -body .app.window-app .archive-new table tr td button { - margin-block-start: var(--blades-spacer-sm); -} -body .app.window-app #dfca-delete-all { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - margin: 0; - width: 100%; -} -body .app.window-app .open-gm-note > i { - margin: 0 var(--blades-spacer-base); -} -body .app.window-app form.pdf-item-sheet .field-row { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} -body .window-app { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - flex-wrap: nowrap; - margin: 0; -} -body .window-app.minimized .window-resizable-handle { - display: none; -} -body .window-app .window-header { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - gap: var(--blades-spacer-xs); - line-height: initial; - margin: 0; - overflow: hidden; - padding: var(--blades-spacer-sm); - position: relative; -} -body .window-app .window-header h4.window-title { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; - font-weight: normal; - margin: 0; - position: relative; -} -body .window-app .window-header h4.window-title .document-id-link { - margin-inline-start: var(--blades-spacer-sm); - opacity: 0.8; -} -body .window-app .window-header h4.window-title .document-id-link i { - margin: 0; -} -body .window-app .window-content { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - color: rgba(var(--color-text), 1); - display: flex; - flex: 1 1 auto; - flex-direction: column; - font-size: var(--size-14px); - margin: 0; - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-sm); - position: relative; -} -body .window-app .window-content form { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); -} -body .window-app .window-content form.flexcol { - height: 100%; -} -body .window-app .window-content form .form-body { - flex: 1 1 auto; - overflow: auto; -} -body .window-app .window-content form .form-footer { - flex: 0 0 auto; -} -body .window-app .window-content .chat-message { - border-radius: 0; -} -body .window-app .window-content .sheet-footer { - gap: var(--blades-spacer-base); -} -body .window-app .window-resizable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - right: 0; - bottom: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .window-app .window-resizable-handle > i { - transform: rotate(45deg); -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand { - bottom: var(--blades-spacer-base); - position: absolute !important; - left: auto; - right: var(--blades-spacer-base); - top: auto; -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand.fullscreen { - position: fixed !important; - z-index: 16; -} -body .window-app.sheet[id*=macro-config-] .macro-editor-expand > i { - margin: 0; -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor { - flex: 1 1 auto; - height: 100%; - margin-block-end: var(--blades-spacer-md); -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor.fullscreen { - height: calc(100% - 10rem); - margin: 0; - z-index: 15; -} -body .window-app.sheet[id*=macro-config-] .macro-editor.ace_editor.fullscreen::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - background-color: var(--blades-black-dark-fade); - content: ""; -} -body .window-app .ve-window { - background: none; - gap: var(--blades-spacer-md); -} -body .window-app .ve-window > .mx-2 { - display: none; -} -body .window-app .ve-window .imp-wiz__head-panel { - font-size: initial; - text-decoration: none; -} -body .window-app .ve-window .ve-flex-col { - gap: var(--blades-spacer-base); -} -body .window-app .ve-window .imp-wiz__row-mode { - gap: var(--blades-spacer-base); - margin: 0 !important; -} -body .window-app .ve-window .imp-wiz__btn-package-archive { - width: 100%; -} -body .window-app .ve-window .imp-wiz__btn-quick { - flex: 0 0 auto; -} -body .window-app .ve-window .imp-wiz__btn-quick > i { - margin: 0 !important; -} -body .window-app .ve-window .btn-5et { - font-size: var(--size-14px) !important; - overflow: hidden; - white-space: normal; -} -body .window-app .window-draggable-handle { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .window-app .window-draggable-handle > i { - transform: rotate(45deg); -} -body .window-app.token-mold .window-content { - overflow: hidden; -} -body .window-app.token-mold .window-content nav { - background-color: transparent; - padding: 0; -} -body .window-app.token-mold .window-content form { - display: flex; - flex-direction: column; -} -body .window-app.token-mold .window-content form section + section { - margin-block-start: var(--blades-spacer-base); -} -body .window-app.token-mold .window-content form .add-attribute { - display: flex; - margin-block-start: var(--blades-spacer-sm); -} -body .window-app.token-mold .window-content form .flexcol { - border: none; - padding: 0; - width: 1px; -} -body .window-app.token-mold .window-content form .flexcol > select { - margin-block-start: var(--blades-spacer-base); - width: auto; -} -body .window-app.token-mold .window-content .form-group input[type=checkbox] + label { - flex: 1 1 40%; - padding-inline-start: var(--blades-spacer-sm); -} -body .window-app.token-mold .window-content .form-group.unlinked { - border: none; -} -body .window-app.token-mold .window-content .info { - height: auto; -} -body .sheet .sheet-header { - display: flex; - gap: var(--blades-spacer-base); - position: relative; -} -body .sheet .sheet-header > img { - border: none; - cursor: pointer; - flex: 0 0 auto; - object-fit: cover; - object-position: 50% 50%; - position: relative; -} -body .sheet .sheet-header > h1 { - border: none; - flex: 1 1 auto; - margin: 0; -} -body .sheet .sheet-header > h1 input { - background-color: rgba(var(--color-background-light), 0.2); - width: 100%; - height: 2.5rem; - flex: 0 0 auto; - font-size: var(--size-24px); - line-height: var(--line-height-compact); - margin: 0; -} -body .sheet .sheet-footer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - width: 100%; - z-index: 10; -} -body .sheet .sheet-footer + ::after { - display: none; -} -body #sidebar { - border-inline-end: none; - border-radius: 0 0 0 0; - position: relative; -} -body #sidebar #emu-sidebar-lock { - display: none; -} -body #sidebar [data-tab=chat].small-chat + #combat { - flex: 1; -} -body #sidebar .small-chat::after { - border-color: rgba(var(--color-primary), 1); -} -body .sheet[id*=activeeffect-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .sheet[id*=activeeffect-sheet-] .changes-list { - list-style: none; - margin: 0; - padding: 0; - width: 100%; -} -body .sheet[id*=activeeffect-sheet-] .changes-list li:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body #av-config form .sheet-tabs { - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; -} -body #av-config form .webrtc-custom-turn-config { - width: 100%; -} -body #av-config form label { - font-weight: 400; -} -body .window-app[id*=cards-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header { - gap: var(--blades-spacer-base); - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header h4 { - font-weight: 700; - margin: 0; -} -body .window-app[id*=cards-sheet-] .cards-header .card-controls [data-action=create] { - padding: 0 var(--blades-spacer-base); - width: auto; -} -body .window-app[id*=cards-sheet-] .cards .card { - gap: var(--blades-spacer-base); -} -body .window-app[id*=cards-sheet-] .cards .card .card-control[disabled] { - opacity: 0.5; -} -body .window-app[id*=card-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=card-sheet-] button.face-control > i { - margin: 0; -} -body .window-app[id*=chat-popout-] .window-content { - padding: 0; -} -body .window-app[id*=chat-popout-] .window-content .chat-message { - background: none; - border: none; - margin: 0; - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form nav.tabs { - border-block-end: rgba(var(--color-primary), 1) 2px solid; - padding: 0; -} -body #client-settings.window-app.form #config-tabs { - border: none; - flex: 1 1 auto; - overflow-y: auto; -} -body #client-settings.window-app.form section.content h2.module-header { - margin-block-start: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-base); -} -body #client-settings.window-app.form section.content .submenu > button { - height: initial; - font-size: var(--size-16px); -} -body #client-settings.window-app.form section.content .submenu > button label { - color: inherit; - pointer-events: none; -} -body #client-settings.window-app.form section.content .submenu > label { - line-height: initial; -} -body #client-settings.window-app.form section.content .settings-list { - border: none; - max-height: 100%; - overflow: initial; - padding: 0; -} -body #client-settings.window-app.form .sheet-footer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); -} -body #client-settings.window-app.form .window-content { - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content .sheet-footer { - padding: 0; -} -body #client-settings.window-app.form .window-content .sheet-footer button { - margin: 0; -} -body #client-settings.window-app.form .window-content .sheet-tabs.tabs .item { - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group { - border: none; - color: rgba(var(--color-text), 1); - align-items: center !important; - display: flex; - flex-direction: row; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - justify-content: space-between !important; - margin: 0; - padding: var(--blades-spacer-sm); - transition: none; - width: 100%; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group .form-fields { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - flex: 1 1 auto; - justify-content: flex-end; - margin: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox] { - appearance: auto; - left: auto; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox]::after { - display: none; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group label { - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - order: initial; - padding: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > label { - flex: 0 0 40% !important; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button { - flex: 1 1 auto !important; - margin: 0; - width: auto; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group > button > label { - justify-content: center; - padding: 0; -} -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper .notes { - margin: 0; -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField { - border: none; - border-radius: 0; - flex: 0 0 auto; - height: auto; - margin: 0; - margin-block-end: var(--blades-spacer-base); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header { - border-block-end: rgba(var(--color-border), 1) 1px solid; - align-items: center; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - gap: var(--blades-spacer-sm); - margin: 0; - padding: var(--blades-spacer-sm); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] .module-wrapper h2.module-header > span { - color: inherit; - margin: 0; -} -body #client-settings.window-app form .polyglot-group-header { - background-color: transparent; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin-block-start: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body { - max-height: 100%; - overflow: hidden; -} -body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file { - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body.thumbs .filepicker-body .file img { - margin-inline-end: var(--blades-spacer-base); - max-width: var(--blades-spacer-button); - max-height: var(--blades-spacer-button); -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .tiles-list { - gap: var(--blades-spacer-base); - grid-template-columns: repeat(5, 1fr); -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file { - align-items: center; - background-color: rgba(var(--color-background-darkest), 0.05); - border: none; - display: flex; - flex: 0 0 auto; - justify-content: center; - max-width: 100%; - min-height: 6.25rem; - padding: var(--blades-spacer-base); - width: 100%; -} -body .filepicker.window-app .filepicker-body.tiles .filepicker-body .file img { - max-height: 100%; - max-width: 100%; -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file { - border: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - display: grid; - gap: var(--blades-spacer-base); - grid-template-areas: "title" "image"; - grid-template-rows: min-content 1fr; - justify-content: center; - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file .filename { - background-color: rgba(var(--color-background-darkest), 0.8); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-14px); - grid-area: title; - left: auto; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); - position: relative; - text-align: center; - width: 100%; -} -body .filepicker.window-app .filepicker-body.images .filepicker-body .directory .file img { - grid-area: image; -} -body .filepicker.window-app .filepicker-body .filepicker-header { - flex: 0 0 auto; - position: relative; -} -body .filepicker.window-app .filepicker-body .filepicker-header .current-dir button > i { - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode { - flex: 1 1 auto; - margin: 0; - width: auto; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode > i { - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-header .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - flex: 0 0 auto; - font-size: var(--size-12px); - line-height: initial; - margin: 0; -} -body .filepicker.window-app .filepicker-body .filepicker-body { - display: flex; - flex-direction: column; - flex: 1 1 auto; - gap: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory { - background: none; - border: 0; - border-radius: 0; - flex: 1; - min-height: 6.25rem; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - position: relative; - margin: 0; - width: 100%; -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory + .directory { - border: rgba(var(--color-folder-directory), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir { - background-color: rgba(var(--color-folder-header), 0.9); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - background-color: rgba(var(--color-folder-directory), 0.9); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); -} -body .filepicker.window-app .filepicker-body .filepicker-footer { - flex: 0 0 auto; - position: relative; -} -body .filepicker.window-app .filepicker-body .filepicker-footer:empty { - display: none; -} -body .journal-show-dialog .form-group-stacked { - text-align: left; -} -body .journal-show-dialog .form-group-stacked .checkbox-label { - align-items: start; -} -body .journal-show-dialog .form-group-stacked label.checkbox { - flex-direction: row-reverse; -} -body .window-app[id*=JournalEntry-] .journal-entry-content { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - padding: 0; -} -body .window-app[id*=JournalEntry-] .journal-sheet-container { - gap: var(--blades-spacer-sm); - padding: 0; -} -body .window-app[id*=JournalEntry-] .directory { - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar { - background-color: rgba(var(--color-background), 1); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin-block-end: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search { - flex-wrap: nowrap; - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search > * { - flex: 0 0 var(--blades-spacer-button-sm); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input { - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .directory-header .header-search input::placeholder { - color: rgba(var(--color-text-lightest), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item { - min-height: initial; - padding: var(--blades-spacer-xs); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item:hover { - background-color: rgba(var(--color-folder-directory), 1); - box-shadow: none; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading { - background-color: rgba(var(--color-background-darkest), 0.5); - border: none; - align-items: center; - display: flex; - font-size: var(--size-14px); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading .page-number { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - padding: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading .journal-entry-page-link { - padding: var(--blades-spacer-base); - padding-inline-start: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings:empty { - display: none; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading { - height: auto; - line-height: initial; - margin: 0; - padding: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading:nth-child(even) { - background-color: rgba(var(--color-background), 0.5); -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link { - display: inline-flex; - font-size: var(--size-16px); - line-height: initial; - padding: var(--blades-spacer-base) var(--blades-spacer-md); - padding-inline-start: 0; -} -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading .journal-entry-heading-link:hover { - color: rgba(var(--color-primary), 1); -} -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons { - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-sm) var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] .edit-container { - height: auto; - pointer-events: initial; - position: absolute; - right: var(--blades-spacer-base); - top: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntry-] a.editor-edit { - display: inline-flex; - height: var(--blades-spacer-button-sm); - pointer-events: initial; - right: auto; - top: auto; - width: var(--blades-spacer-button-sm); -} -body .window-app[id*=JournalEntry-] a.editor-edit > i { - margin: 0; -} -body .window-app[id*=JournalEntry-] a.editor-edit:hover { - color: rgba(var(--color-text-lightest), 1); -} -body .journal-sheet .journal-header { - gap: var(--blades-spacer-md); - margin: var(--blades-spacer-sm); -} -body .journal-entry-pages { - margin: 0 var(--blades-spacer-sm) var(--blades-spacer-sm); -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .heading-level { - gap: var(--blades-spacer-base); -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .heading-level label { - margin: 0; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .show-title { - display: flex; -} -body .window-app[id*=JournalEntryPage-] .journal-header .page-level .show-title label.checkbox { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - height: auto; - line-height: var(--line-height-default); -} -body .window-app[id*=JournalEntryPage-] .editor.tinymce { - margin: 0 var(--blades-spacer-sm); -} -body .sheet[id*=macro-config-] .sheet-header h1 { - border: none; - margin: 0; -} -body .sheet[id*=macro-config-] .form-group.command.stacked { - flex-direction: column; - flex-wrap: nowrap; -} -body .sheet[id*=macro-config-] .form-group.command.stacked > label { - align-items: flex-start; - flex: 0 0 auto !important; - height: auto; - width: 100%; -} -body .sheet[id*=macro-config-] .form-group.command.stacked > textarea { - flex: 1 1 auto; - height: 100%; -} -body #module-management { - min-height: 0; -} -body #module-management .list-filters .filter { - font-weight: normal; -} -body #module-management .list-filters input { - margin-inline-end: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); -} -body #module-management .list-filters .expand { - height: auto; - justify-content: center; - margin: 0; - margin-inline-start: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - padding: 0; -} -body #module-management .list-filters .expand > i { - margin: 0; -} -body #module-management .package-list { - border: none; - height: 37.5rem; - margin: 0; - max-height: initial; - padding: 0; -} -body #module-management .package { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm); -} -body #module-management .package:last-child { - border-block-end: none; -} -body #module-management .package .tag { - border: none; - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: inline-flex; - font-size: var(--size-12px); - height: auto; - justify-content: center; - line-height: initial; - margin: 0; - margin-inline-start: var(--blades-spacer-xs); - padding: var(--blades-spacer-base); -} -body #module-management .package[data-module-name=ernies-modern-layout] { - background-color: rgba(var(--color-primary), 0.8); -} -body #module-management .package-overview { - align-items: center; -} -body #module-management .package-title { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - font-size: var(--size-16px); - font-weight: normal; - height: initial; - line-height: var(--line-height-compact); - text-decoration: none; -} -body #module-management .package-title input { - margin-inline-end: var(--blades-spacer-sm); -} -body #module-management .package-title input[type=checkbox] { - appearance: auto; - margin-inline-end: var(--blades-spacer-sm); -} -body #module-management .package-title input[type=checkbox]::after { - display: none; -} -body #module-management .package-description { - color: rgba(var(--color-text-darker), 1); -} -body #module-management .package-metadata { - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); -} -body #module-management form > footer { - gap: var(--blades-spacer-base); -} -body #module-management .enhanced-module-management { - gap: var(--blades-spacer-base); - justify-content: center; - margin-block-end: 0; -} -body #module-management .enhanced-module-management button { - flex: 0 0 auto; - margin: 0; - width: auto; -} -body #module-management .enhanced-module-management button > i { - margin: 0; -} -body #module-management .enhanced-module-management button.disable-all-modules { - background-color: var(--blades-color-negative); - color: var(--blades-white-bright); - flex: 1 1 auto; -} -body #module-management .enhanced-module-management button.enable-all-modules { - background-color: var(--blades-color-positive); - color: var(--blades-white-bright); - flex: 1 1 auto; -} -body #module-management .enhanced-module-management ~ .package-list { - height: auto; - overflow-y: auto; -} -body .package-configuration aside.sidebar { - border-inline-end: 1px solid rgba(var(--color-border), 1); - flex: 0 0 220px; - font-size: var(--size-14px); - gap: var(--blades-spacer-md); - height: 100%; - padding: 0; - padding-inline-end: var(--blades-spacer-sm); -} -body .package-configuration aside.sidebar .entry-filter { - margin: 0; -} -body .package-configuration aside.sidebar nav.filters .category-filter { - border-block-end: 1px solid rgba(var(--color-border), 1); - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - font-weight: normal; - justify-content: space-between; - padding: var(--blades-spacer-base); -} -body .package-configuration aside.sidebar nav.filters .category-filter:hover { - color: inherit; -} -body .package-configuration aside.sidebar nav.filters .category-filter.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .package-configuration aside.sidebar nav.filters .category-filter.active a { - color: rgba(var(--color-text-lightest), 1); -} -body .package-configuration .categories footer { - padding-block-end: 0; -} -body .window-app[id*=rolltable-sheet-] .sheet-header h1 { - border: none; - margin: 0; -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result { - display: grid; - grid-template-columns: 2.5rem 8rem 1fr 3.75rem 5rem 3.75rem; -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .window-app[id*=rolltable-sheet-] .table-results .table-result select + input { - margin-inline-start: var(--blades-spacer-base); -} -body .window-app[id*=UserConfig-] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; -} -body .window-app[id*=UserConfig-] .form-group.stacked #characters.directory-list .directory-item.context { - background-color: rgba(var(--color-primary), 1); -} -body .window-app[id*=user-sheet-] .form-group.stacked #characters.directory-list { - padding: 0; - max-height: 20rem; -} -body #always-hp { - height: auto !important; -} -body #always-hp .window-content { - border: none; - padding: var(--blades-spacer-sm); -} -body #always-hp .window-title { - align-items: center; -} -body #always-hp .window-title .token-stats { - flex-grow: 0; - flex-wrap: nowrap; - font-size: var(--size-12px); - height: auto; - padding: 0; - text-align: right; -} -body #always-hp .window-title .token-stats .stat { - border-radius: 0; - display: inline-block; - font-weight: 700; - line-height: var(--line-height-compact); - padding: var(--blades-spacer-xs) var(--blades-spacer-base); - text-align: center; - vertical-align: baseline; - white-space: nowrap; -} -body #always-hp .resource { - background-color: var(--blades-black-dark-fade); - border: 1px solid rgba(var(--color-border), 1); - border-radius: 0; - height: 10px; - grid-area: resource; - margin: 0; - position: relative; - top: auto; - width: 100%; - z-index: 2; -} -body #always-hp .resource .bar { - border-radius: 0; -} -body .alwayshp-content { - display: grid; - grid-template-columns: min-content min-content 1fr min-content min-content; - grid-template-rows: min-content min-content min-content; - grid-template-areas: "resource resource resource resource resource" "death hurt input heal life" "deathfail deathfail . deathsave deathsave"; - gap: var(--blades-spacer-base); -} -body .alwayshp-btn { - flex: 0 0 auto; - line-height: var(--line-height-compact); -} -body .alwayshp-btn i { - margin: 0; - padding: 0; -} -body #alwayshp-btn-dead { - grid-area: death; -} -body #alwayshp-btn-hurt { - grid-area: hurt; -} -body #alwayshp-btn-heal { - grid-area: heal; -} -body #alwayshp-btn-fullheal { - grid-area: life; -} -body #alwayshp-btn-fullheal i { - padding: 0; -} -body #alwayshp-hp { - background: rgba(var(--color-background-lightest), 1); - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: 700; - grid-area: input; - text-align: center; - width: auto; -} -body .death-savingthrow.fail { - grid-area: deathfail; -} -body .death-savingthrow.save { - grid-area: deathsave; -} -body #levels-elevator { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} -body #cgmp-typing-notify { - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); -} -body #cgmp-typing-notify.hidden { - display: none; -} -body #cgmp-typing-notify .dot { - background-color: var(--blades-white-bright); -} -body #chat-log .message .message-header .chat-portrait-text-size-name { - align-items: center; - display: flex; -} -body #chat-log .message .message-header img { - margin: var(--blades-spacer-xs) 0; - margin-inline-end: var(--blades-spacer-base); -} -body .combatready-timebar { - background: rgba(var(--color-background-darkest), 0.2); -} -body .combatready-timebar-fill { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} -body .combatready-timebar-fill .combatready-timebaricon { - display: none; -} -body #combat-utility-belt-about a { - text-shadow: none; -} -body #cub-puter .terminal { - color: rgba(var(--color-primary), 1); -} -body .compendium-browser-btn { - flex: 1 1 auto; -} -body .compendium-footer { - flex: 1 1 auto; -} -body .compendium-browser.window-app { - overflow: hidden; -} -body .compendium-browser.window-app .tabs { - max-height: 100%; -} -body .compendium-browser.window-app .filtercontainer { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin-block-end: var(--blades-spacer-base); -} -body .compendium-browser.window-app .filtercontainer:last-child { - margin-block-end: 0; - border: none; -} -body .compendium-browser.window-app .filtercontainer > div { - margin: var(--blades-spacer-base) 0; -} -body .compendium-browser.window-app .filtercontainer .multiselect { - background: rgba(var(--color-background), 0.1); - border: none; - border-radius: 0; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .filtercontainer dd { - display: inline-flex; -} -body .compendium-browser.window-app .filtercontainer dd select { - flex: 1 1 auto; - width: auto; -} -body .compendium-browser.window-app .filtercontainer dd select + input { - border-inline-start: none; - flex: 1 1 100%; -} -body .compendium-browser.window-app .settings-group { - border: none; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .settings-group label { - align-items: center; - display: flex; - padding: var(--blades-spacer-base); -} -body .compendium-browser.window-app .settings-group label:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .compendium-browser.window-app .settings-group label input[type=checkbox] { - margin-inline-end: var(--blades-spacer-sm); -} -body .compendium-browser.window-app .settings-group label h4 { - margin: 0; -} -body .compendium-browser.window-app ul { - margin: 0; - padding: 0; -} -body #custom-hotbar { - z-index: 10; -} -body #dfcp-rt-buttons { - gap: var(--blades-spacer-base); - justify-content: flex-end; - margin: 0 !important; -} -body #dfcp-rt-buttons button { - background: transparent; - font-size: var(--size-14px); - margin: 0; - min-height: 0; - max-height: 100%; -} -body #dfcp-rt-buttons button.chat-archive { - margin-inline-start: 0 !important; -} -body #dfcp-rt-buttons button > i { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-14px); - height: auto; - line-height: var(--line-height-compact); - margin: 0; - width: auto; -} -body #df-curvy-walls-tools { - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 11.5rem; -} -body #df-curvy-walls-tools .control-tools { - display: flex; - flex-direction: column; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - pointer-events: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} -body #df-curvy-walls-tools .control-tool { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - box-sizing: border-box; - cursor: pointer; - display: flex; - justify-content: center; - font-size: var(--size-16px); - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #df-curvy-walls-tools .control-tool:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} -body #df-curvy-walls-tools .control-tool.active { - background-color: rgba(var(--color-primary), 1); - background-image: none; -} -body .dice-so-nice .dice-more-theme { - background: none; - border: none; - border-radius: 0; - box-shadow: none; - font-size: var(--size-16px); - margin: 0; - padding: var(--blades-spacer-sm); -} -body .dice-so-nice section.content .settings-list { - overflow-x: hidden; - padding: 0; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - display: grid; - grid-template-columns: 1fr 1fr 1fr -webkit-min-content -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content min-content; - line-height: initial; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx:nth-of-type(odd):not(.table-header) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div { - width: auto; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div.sfx-hidden { - display: none; -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx select + input { - margin-inline-start: var(--blades-spacer-base); -} -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - grid-template-columns: 1fr 1fr 1fr -webkit-min-content; - grid-template-columns: 1fr 1fr 1fr min-content; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection { - background-color: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - height: auto; - min-height: var(--blades-spacer-button); - padding: 0; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul { - margin: 0; - padding: 0 var(--blades-spacer-xs); -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li { - background-color: transparent; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - margin: var(--blades-spacer-xs); - padding: 0; -} -body .dice-so-nice section.content .settings-list .select2 .select2-selection > ul > li button { - height: var(--blades-spacer-button-sm); -} -body .dice-so-nice .sheet-footer { - gap: var(--blades-spacer-base); -} -body .dialog--dice-calculator.window-app .dice-calculator { - margin: 0; -} -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator__input > label { - font-size: var(--size-16px); - padding-inline-end: var(--blades-spacer-sm); -} -body #emu-settings form { - display: flex; - flex-direction: column; - max-height: 80vh; - overflow: hidden; -} -body #emu-settings form h3 { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} -body #emu-settings .content { - flex: 1 1 auto; - overflow: auto; -} -body #emu-settings .sheet-footer { - flex: 0 0 auto; -} -body #specials-config .fxmaster .directory-header { - flex-direction: row; -} -body #specials-config .fxmaster .directory-header > div { - flex: 1 1 auto; -} -body #specials-config .fxmaster .directory-header > div i { - margin: 0; -} -body #specials-config .fxmaster .directory-header > div.active a { - background-color: rgba(var(--color-primary), 1); -} -body #specials-config .fxmaster .directory-header a { - width: 100%; -} -body #specials-config .fxmaster .directory-list { - padding-block-start: var(--blades-spacer-base); -} -body #specials-config .fxmaster .special-effects .preview { - background-color: var(--blades-black-fade-strong); - border: none; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - flex: 0 0 auto; - margin: var(--blades-spacer-base); - margin-inline-start: 0; - overflow: hidden; -} -body #specials-config .fxmaster .special-effects .preview > video { - height: 100%; - width: 100%; -} -body #specials-config .fxmaster .special-effects .description { - align-items: center; - display: flex; - padding: var(--blades-spacer-base); -} -body #specials-config .fxmaster .special-effects .description h4 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - height: auto; - text-indent: 0; -} -body #specials-config .fxmaster .special-effects .description .author { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - line-height: var(--line-height-default); - text-align: left; -} -body #specials-config .fxmaster .special-effects .controls { - flex: 0 0 auto; - line-height: var(--line-height-compact); - padding: 0; -} -body #effects-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; -} -body #effects-config .directory-item { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body #effects-config .directory-item header { - align-items: center; - gap: var(--blades-spacer-base); -} -body #effects-config .directory-item header label { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - text-indent: 0; -} -body #effects-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); -} -body #effects-config .directory-item ol.config { - border: none; -} -body #effects-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: flex; - gap: var(--blades-spacer-base); -} -body #effects-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); -} -body #effects-config .form-footer { - background-color: transparent; -} -body #filters-config .directory-header { - align-items: center; - font-size: var(--size-12px); - line-height: var(--line-height-default); - gap: var(--blades-spacer-base); - justify-content: center; - margin: 0; - padding: var(--blades-spacer-base); -} -body #filters-config .directory-header .layer-toggle { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} -body #filters-config .directory-list { - background: transparent; - height: auto; - overflow-x: hidden; - overflow-y: auto; -} -body #filters-config .directory-item { - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-base); -} -body #filters-config .directory-item header { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} -body #filters-config .directory-item header label:hover { - color: rgba(var(--color-primary), 1); -} -body #filters-config .directory-item ol.config { - border: none; -} -body #filters-config .directory-item ol.config li { - color: rgba(var(--color-text-lightest), 1); - display: flex; - gap: var(--blades-spacer-base); -} -body #filters-config .directory-item ol.config li .range-value { - color: rgba(var(--color-text-lightest), 1); -} -body #filters-config .form-footer { - background-color: transparent; -} -body .gm-notes.window-app .controlls { - display: flex; - gap: var(--blades-spacer-base); -} -body .gm-notes.window-app .controlls button { - flex: 1 1 auto; -} -body .gm-screen-config.window-app.app table td { - padding: var(--blades-spacer-base); -} -body .gm-screen-config.window-app.app table button > i { - margin: 0; -} -body .gm-screen-config.window-app.app table ~ button { - width: auto; -} -body .gm-screen-app.gm-screen-drawer.window-app { - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs { - position: absolute; -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs button:empty { - display: none; -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions { - transition-delay: initial; - transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -} -body .gm-screen-app.gm-screen-drawer.window-app .gm-screen-actions.tabs .meta-actions button > i { - margin: 0; -} -body .chat-notifications.settings nav { - background-color: transparent; - padding: 0; -} -body .chat-notifications.settings .multi-input-row .input-group-col { - flex-flow: row; -} -body .chat-notifications.settings .multi-input-row .input-group-col:first-child { - flex: 1 1 auto; - margin-inline-end: var(--blades-spacer-base); -} -body .chat-notifications.settings .multi-input-row .input-group-col:first-child select { - flex: 1 1 100%; -} -body .chat-notifications.settings .multi-input-row > * { - margin: 0; -} -body .illandril-chat-enhancements--currentSpeaker { - align-items: center; - background-color: rgba(var(--color-background), 0.5); - background-image: none; - display: flex; - flex: 0 0 auto; - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group { - display: flex; - height: auto; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div { - display: flex; - flex-flow: initial; - flex: 0 0 auto; - float: initial !important; - left: auto; - margin: 0; - padding-block-start: 0 !important; - width: auto !important; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group > div button { - height: var(--blades-spacer-button); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .vertical-arrow-btn-group { - margin-inline-end: var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group { - flex: 1 1 auto; - flex-wrap: wrap; -} -body .lib-wrapper.settings.window-app .window-content form .package-priority-group .form-group > label { - flex: 1 1 auto; - flex-wrap: wrap; -} -body .lib-wrapper.settings.window-app .window-content form h1 { - margin-block-start: var(--blades-spacer-sm); -} -body .lib-wrapper.settings.window-app .window-content form select { - height: auto; - padding: var(--blades-spacer-sm); -} -body #lmrtfy.lmrtfy-parchment .window-content { - padding-block-end: 0; -} -body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars { - justify-content: flex-start; -} -body #lmrtfy.lmrtfy-parchment .window-content .form-group.lmrtfy-actor-avatars input + label { - margin-inline-end: var(--blades-spacer-base); - padding: 0; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor { - flex: 0 0 auto; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - justify-content: center; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label img { - background-color: transparent; - box-shadow: none; -} -body #lmrtfy.lmrtfy-parchment .lmrtfy-submit { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-block-start: rgba(var(--color-border), 1) 1px solid; - bottom: 0; - display: flex; - flex-wrap: nowrap; - padding: var(--blades-spacer-sm); - position: sticky; -} -body #lmrtfy.lmrtfy-parchment input[type=checkbox] + label { - cursor: pointer; -} -body #lmrtfy.lmrtfy-parchment input[type=checkbox]:checked + label { - color: rgba(var(--color-primary), 1); - font-weight: normal; -} -body #lmrtfy.lmrtfy-parchment select + select { - margin-inline-start: var(--blades-spacer-base); -} -body #midi-qol-settings .midi-qol-box { - border: none; - padding: 0; -} -body #midi-qol-settings .midi-qol-box select[name=showItemDetails] { - width: auto; -} -body #midi-qol-settings .midi-qol-faint { - color: rgba(var(--color-text), 0.8); -} -body #midi-qol-statistics .tab.active[data-tab=config] { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} -body .monsterblock.compact-window .window-content { - box-shadow: none; -} -body .monsterblock .window-header a.close { - height: var(--blades-spacer-button-sm) !important; - right: auto; -} -body .monsterblock .window-content form.flexcol { - display: block; - gap: unset; -} -body .monsterblock.sheet.actor nav.switches { - height: var(--blades-spacer-button-xs); - left: 0; - padding-inline-start: 0; - position: absolute; - top: -2px; -} -body .monsterblock.sheet.actor nav.switches .fa-cog { - background-color: rgba(var(--color-background-button), 1); - border: none; - border-block-start: rgba(var(--color-background-lightest), 1) 2px solid; - border-inline-end: rgba(var(--color-background-lightest), 1) 2px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - bottom: 0; - left: 0; - position: absolute; - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - align-items: center; - cursor: pointer; - display: inline-flex; - font-size: var(--size-14px); - justify-content: center; - margin: 0; - padding: 0; - z-index: 10; -} -body .monsterblock.sheet.actor nav.switches ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); -} -body .monsterblock.sheet.actor nav.switches ul li { - border-inline-start: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; -} -body .monsterblock.sheet.actor nav.switches ul li a { - padding: var(--blades-spacer-xs); -} -body .monsterblock.sheet.actor nav.switches ul li a:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} -body .monsterblock.sheet.actor nav.switches ul li a:not(:only-child)::after { - right: var(--blades-spacer-base); - top: var(--blades-spacer-xs); -} -body .monsterblock .tweak-menu ul { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); -} -body .monsterblock .tweak-menu ul li { - border-inline-start: 0; - border-block-end: rgba(var(--color-border), 1) 1px solid; - margin: 0; - position: relative; - display: inline-block; - padding: 0; -} -body .narrator-span { - text-shadow: none; -} -body .narrator-sidebarBG { - width: var(--blades-spacer-sidebar); -} -body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version { - color: rgba(var(--color-text), 0.5); - display: none; -} -body #fvtt-party-resources-dashboard.fvtt-party-resources.window-app .version + p { - margin: 0; -} -body .pdf-app.app.window-app section.window-content { - background-color: rgba(var(--color-background-lightest), 1) !important; - background-image: none !important; -} -body .pdf-app.app.window-app div.flex > * { - height: auto; -} -body div.permission-viewer { - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; -} -body div.permission-viewer a { - text-shadow: none; - padding: 0 var(--blades-spacer-base); - width: auto; -} -body #polyglot { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - margin: 0; - padding: 0 var(--blades-spacer-sm); -} -body #polyglot label { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - margin-inline-end: var(--blades-spacer-base); -} -body #polyglot select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - flex: 1 1 auto; - width: 1px; -} -body #polyglot-death-form.window-app .window-content form { - display: flex; - flex-direction: column; - overflow: hidden; - padding: 0 !important; -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) { - flex: 1 1 auto; - overflow: auto; - margin-block-end: var(--blades-spacer-base); - padding-inline-end: var(--blades-spacer-sm); - padding-block-end: var(--blades-spacer-sm); -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) ul { - padding: 0; -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li { - margin-block-end: var(--blades-spacer-base); -} -body #polyglot-death-form.window-app .window-content form > div:not(.sheet-footer) li:last-child { - margin-block-end: 0; -} -body #polyglot-death-form.window-app .window-content form .sheet-footer { - flex: 0 0 auto; - margin: 0; - margin-block-start: var(--blades-spacer-sm) !important; -} -body #search-anywhere-modal .modal-content { - background-color: transparent; - border: none; - border-radius: 0; -} -body #search-anywhere-modal #search-anywhere-autocomplete { - background: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); - font-size: var(--size-20px); - height: auto; - padding: var(--blades-spacer-md); -} -body ul.command-menu { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - display: flex; - flex-direction: column; - padding: var(--blades-spacer-sm); - z-index: 1070; -} -body ul.command-menu li { - font-size: var(--size-20px); - margin-block-end: var(--blades-spacer-sm); -} -body ul.command-menu li:last-child { - margin-block-end: 0; -} -body ul.command-menu li h2 { - color: inherit; - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); - padding: 0; -} -body .simple-calendar-configuration.window-app #simpleCalendarConfiguration .config-save { - position: sticky; -} -body #smalltime-app { - box-shadow: none; - height: auto; - margin-inline-start: -0.375rem; -} -body #smalltime-app .window-header { - display: none; -} -body #smalltime-app .window-content { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border-radius: 0; - height: 100%; - overflow: visible; -} -body #smalltime-app #slideContainer { - flex: 0 0 auto; - position: relative; -} -body #smalltime-app #displayContainer { - align-items: center; - background-color: transparent; - border-block-start: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - height: auto; - padding: 0 var(--blades-spacer-base); - position: relative; - top: auto; -} -body #smalltime-app #displayContainer .arrow { - width: 1.25rem; - height: 1.25rem; - font-family: var(--font-awesome) !important; - margin: var(--blades-spacer-xs) 0; -} -body #smalltime-app #dateDisplay { - background-color: transparent; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - display: none; - font-size: var(--size-14px); - justify-content: center; - padding: var(--blades-spacer-base); - position: relative; - text-shadow: none; - transform: initial; - transition: none; - top: auto; -} -body #smalltime-app #dateDisplay.active { - display: flex; -} -body #smalltime-app #timeDisplay { - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - gap: var(--blades-spacer-xs); - justify-content: center; - padding: 0; -} -body #smalltime-app #timeSeparator { - margin: 0; - top: auto; -} -body #smalltime-app #dragHandle { - background: transparent; - bottom: calc(-1 * var(--blades-spacer-md)); - left: calc(-1 * var(--blades-spacer-md)); - right: calc(-1 * var(--blades-spacer-md)); - top: calc(-1 * var(--blades-spacer-md)); - position: absolute; - z-index: -1; -} -body #smalltime-app .window-draggable-handle { - display: none; -} -body .st-scene-config > legend { - margin: initial; - padding: initial; -} -body .tidy5e.settings.window-app { - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); -} -body .tidy5e.settings.window-app .window-content { - padding: var(--blades-spacer-sm); -} -body .tidy5e.settings.window-app .sheet-tabs { - padding: 0; -} -body .tidy5e.settings.window-app section.tab { - margin-block-start: 0; -} -body .tidy5e.settings.window-app .setting { - background-color: transparent; - border-radius: 0; - margin: 0; - padding: var(--blades-spacer-sm); -} -body .tidy5e.settings.window-app .setting:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} -body .tidy5e.sheet.actor.npc .spellcasting-ability { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; -} -body .tidy5e.sheet.actor .window-content { - padding: 0; - position: initial; -} -body .tidy5e.sheet.actor #item-info-container { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-border), 1) 1px solid; - border-inline-end: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text), 1); - transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); - transition-delay: 0s; -} -body .tidy5e.sheet.actor #item-info-container .info-wrap { - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; -} -body .tidy5e.sheet.actor #item-info-container .info-card { - border-radius: 0; - padding: var(--blades-spacer-sm); -} -body #token-action-hud { - margin: 0; -} -body #token-action-hud #tah-hudTitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - margin: 0; - margin-inline-start: 1.75rem; - padding: 0; -} -body #token-action-hud #tah-categories { - margin-inline-start: var(--blades-spacer-base); -} -body #token-action-hud .tah-subtitle { - color: rgba(var(--color-text-lightest), 1); - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - line-height: initial; - padding: 0; - padding-block-start: var(--blades-spacer-sm); -} -body #token-action-hud .tah-action { - margin: 0; - margin-block-end: var(--blades-spacer-base); - margin-inline-start: var(--blades-spacer-base); - padding: 0; -} -body #token-action-hud .tah-action button { - background-color: rgba(var(--color-background), 1); - background-image: none; -} -body #token-action-hud .tah-action button > div { - text-shadow: none; - margin-inline-start: var(--blades-spacer-base); -} -body #token-action-hud .tah-action button > .tah-img { - border: none; - width: 1rem; - height: 1rem; - border-radius: 0; - display: inline-block; - margin: 0; - margin-inline-end: var(--blades-spacer-sm); - padding: 0; -} -body #token-action-hud .tah-content { - left: -9.625rem; - padding: var(--blades-spacer-sm) 0; -} -body .token-action-hud-taginput { - margin: var(--blades-spacer-sm) 0; -} -body #token-action-hud-index { - margin-inline-end: var(--blades-spacer-base); -} -body .token-attacher-gm-menu.window-app.settings .window-content form button { - margin: 0; -} -body #tokenAttacherQuickEdit { - background: transparent; -} -body #tokenAttacherQuickEdit h3 { - color: rgba(var(--color-primary), 1); - text-shadow: 1px 1px 4px var(--blades-black-dark); - font-size: var(--size-20px); - line-height: initial; -} -body #tokenAttacher { - display: flex; - gap: var(--blades-spacer-base); - left: 6rem; - top: 3.25rem; -} -body #tokenAttacher .image { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border-radius: 0 0 0 0; - border: rgba(var(--color-primary), 1) 1px solid; - width: 6.5rem; - height: 6.5rem; - flex: 0 0 auto; - margin: 0; - min-width: 0; -} -body #tokenAttacher .image .token-name { - background-color: rgba(var(--color-background-darkest), 1); - background-image: none; - border: rgba(var(--color-primary), 1) 1px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - bottom: auto; - box-sizing: border-box; - display: flex; - font-size: var(--size-16px); - justify-content: center; - overflow: hidden; - padding: var(--blades-spacer-base); - margin: 0; - max-width: 100%; - top: 100%; -} -body #tokenAttacher .image .token-name span { - height: auto; - margin: 0; - width: auto; -} -body #tokenAttacher .control-tools { - box-sizing: border-box; - display: flex; - flex: 0 0 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - pointer-events: none; - opacity: 1; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} -body #tokenAttacher .control-tool { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - box-sizing: border-box; - cursor: pointer; - display: flex; - flex: 0 0 auto; - justify-content: center; - line-height: initial; - margin: 0; - pointer-events: all; - position: relative; -} -body #tokenAttacher .control-tool > i { - font-size: inherit; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - width: auto; -} -body #tokenAttacher .control-tool:hover { - background-image: none; -} -body #tokenAttacher .control-tool:focus { - background-image: none; -} -body #tokenAttacher .control-tool.close { - top: var(--blades-spacer-pf); - left: var(--blades-spacer-pf); - position: absolute; - margin: 0; -} -body .tokenmagic.window-app.settings section.content { - border: none; - overflow-y: auto; -} -body .tokenmagic.window-app.settings section.content div.override-entry { - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding: var(--blades-spacer-sm) 0; -} -body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper { - margin-inline-start: var(--blades-spacer-base); -} -body .tokenmagic.window-app.settings section.content div.override-entry .remove-override-wrapper i { - margin: 0; -} -body .tokenmagic.window-app.settings section.content .settings-list { - max-height: 100%; - overflow: hidden; - padding: 0; -} -body .tokenmagic.window-app.settings section.content .settings-list h2 { - margin-block-start: var(--blades-spacer-sm); -} -body .tokenmagic.window-app.settings .sheet-footer { - flex: 0 0 auto; - padding-block-start: var(--blades-spacer-sm); -} -body #dd-importer .window-content { - overflow: auto; -} -body #dd-importer .form-group { - align-items: center; - display: flex; - margin: 0; - padding: var(--blades-spacer-sm); -} -body #dd-importer .form-group > label { - flex: 0 0 auto; - padding-inline-end: var(--blades-spacer-base); -} -body #dd-importer .form-group#dd-upload-files { - align-items: flex-start; - flex-direction: column; -} -body #dd-importer .form-group#dd-upload-files .file-input { - margin-block-start: var(--blades-spacer-sm); -} -body ::selection { - background-color: var(--blades-white); -} -body ::selection { - background-color: var(--blades-white); -} - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*=JournalEntry-] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .tabs a:disabled, -body .dialog .sheet-tabs a:disabled, -body #sidebar .tabs a:disabled, -body #sidebar .sheet-tabs a:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:disabled, -body #module-management .list-filters a:disabled, -body .dialog button:disabled, -body #sidebar button:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) button:disabled, -body #menu #menu-items li:disabled, -body #sidebar #combat #combat-controls .combat-control:disabled, -body .sidebar-popout #combat #combat-controls .combat-control:disabled, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:disabled, -body .window-app[id*=JournalEntry-] a.editor-edit:disabled, -body .alwayshp-btn:disabled, -body #sidebar #combat .add-temporary:disabled, -body .sidebar-popout #combat .add-temporary:disabled, -body #specials-config .fxmaster .directory-header a:disabled, -body ul.command-menu li:disabled, -body #token-action-hud button.tah-title-button:disabled, -body #token-action-hud .tah-action button:disabled, -body #sidebar .token-mold > label > span:disabled, -body .sidebar-popout .token-mold > label > span:disabled, -body .sheet[id*=activeeffect-sheet-] .effects-header a:disabled, -body .window-app[id*=cards-sheet-] .cards-header a:disabled, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:disabled, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:disabled, -body .window-app[id*=cards-sheet-] .cards .card a:disabled, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:disabled, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-folder:disabled, -body .dialog .directory .directory-item.folder .folder-header .create-entity:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:disabled, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:disabled, -body .dialog .directory .directory-item .create-folder:disabled, -body .dialog .directory .directory-item .create-document:disabled, -body #sidebar .directory .directory-item .create-folder:disabled, -body #sidebar .directory .directory-item .create-document:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:disabled, -body #navigation #nav-toggle:disabled, -body .window-app .window-header > a:disabled, -body .window-app .window-header a.header-button:disabled, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:disabled, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:disabled, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:disabled, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:disabled, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:disabled, -body #sidebar #combat .combat-tracker-header .encounters a:disabled, -body #sidebar #combat .combat-tracker-header .encounter-controls a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounters a:disabled, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:disabled, -body #sidebar #combat #combat-tracker .combatant .combatant-control:disabled, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:disabled, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:disabled, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:disabled, -body #sidebar #playlists #currently-playing .sound .sound-control:disabled, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:disabled, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:disabled, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:disabled, -body #dfcp-rt-buttons button:disabled, -body #specials-config .fxmaster .special-effects .controls a:disabled, -body div.permission-viewer a:disabled, -body #smalltime-app #displayContainer .arrow:disabled, -body #token-action-hud #tah-reposition:disabled, -body #token-action-hud #tah-categories:disabled, -body #sidebar .token-mold > a:disabled, -body .sidebar-popout .token-mold > a:disabled, -body #sidebar .sidebar-tab .directory-header .header-control:disabled, -body .sidebar-popout .sidebar-tab .directory-header .header-control:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body .dialog button, -body #sidebar button, -body .window-app:not([id*=Actor-], [id*=Item-]) button, -body #menu #menu-items li, -body #sidebar #combat #combat-controls .combat-control, -body .sidebar-popout #combat #combat-controls .combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode, -body .window-app[id*=JournalEntry-] a.editor-edit, -body .alwayshp-btn, -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary, -body #specials-config .fxmaster .directory-header a, -body ul.command-menu li, -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button, -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - background-color: rgba(var(--color-background-button), 1); -} - -body .dialog .dialog-buttons .dialog-button, -body .dialog .dialog-buttons .-emu-layout .dialog-button { - margin: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dialog .directory .directory-item.folder .folder-header .create-folder, -body .dialog .directory .directory-item.folder .folder-header .create-entity, -body #sidebar .directory .directory-item.folder .folder-header .create-folder, -body #sidebar .directory .directory-item.folder .folder-header .create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity, -body .dialog .directory .directory-item .create-folder, -body .dialog .directory .directory-item .create-document, -body #sidebar .directory .directory-item .create-folder, -body #sidebar .directory .directory-item .create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document, -body #navigation #nav-toggle, -body .window-app .window-header > a, -body .window-app .window-header a.header-button, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a, -body #sidebar #combat .combat-tracker-header .encounters a, -body #sidebar #combat .combat-tracker-header .encounter-controls a, -body .sidebar-popout #combat .combat-tracker-header .encounters a, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a, -body #sidebar #combat #combat-tracker .combatant .combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control, -body #sidebar #playlists #currently-playing .sound .sound-control, -body .sidebar-popout #playlists #currently-playing .sound .sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body #dfcp-rt-buttons button, -body #specials-config .fxmaster .special-effects .controls a, -body div.permission-viewer a, -body #smalltime-app #displayContainer .arrow, -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories, -body #sidebar .token-mold > a, -body .sidebar-popout .token-mold > a, -body .sidebar-popout .-emu-layout .token-mold > a { - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - flex: 0 0 auto; - font-size: var(--size-12px); - padding: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a > i, -body .window-app[id*=cards-sheet-] .cards-header a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a > i, -body .sheet[id*=activeeffect-sheet-] .changes-list li a > i, -body .window-app[id*=cards-sheet-] .cards .card a > i, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a > i, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a > i, -body .dialog .directory .directory-item.folder .folder-header .create-folder > i, -body .dialog .directory .directory-item.folder .folder-header .create-entity > i, -body #sidebar .directory .directory-item.folder .folder-header .create-folder > i, -body #sidebar .directory .directory-item.folder .folder-header .create-entity > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity > i, -body .dialog .directory .directory-item .create-folder > i, -body .dialog .directory .directory-item .create-document > i, -body #sidebar .directory .directory-item .create-folder > i, -body #sidebar .directory .directory-item .create-document > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document > i, -body #navigation #nav-toggle > i, -body .window-app .window-header > a > i, -body .window-app .window-header a.header-button > i, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete > i, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete > i, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 > i, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i, -body #sidebar #combat .combat-tracker-header .encounters a > i, -body #sidebar #combat .combat-tracker-header .encounter-controls a > i, -body .sidebar-popout #combat .combat-tracker-header .encounters a > i, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a > i, -body #sidebar #combat #combat-tracker .combatant .combatant-control > i, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control > i, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control > i, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control > i, -body #sidebar #playlists #currently-playing .sound .sound-control > i, -body .sidebar-popout #playlists #currently-playing .sound .sound-control > i, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button > i, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button > i, -body #dfcp-rt-buttons button > i, -body #specials-config .fxmaster .special-effects .controls a > i, -body div.permission-viewer a > i, -body #smalltime-app #displayContainer .arrow > i, -body #token-action-hud #tah-reposition > i, -body #token-action-hud #tah-categories > i, -body #sidebar .token-mold > a > i, -body .sidebar-popout .token-mold > a > i, -body .sidebar-popout .-emu-layout .token-mold > a > i { - margin: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a { - text-shadow: none; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog input[type=text], -body .dialog input[type=number], -body .dialog input[type=date], -body .dialog input[type=time], -body .dialog input[type=password], -body .dialog input[type=datetime-local], -body #sidebar input[type=text], -body #sidebar input[type=number], -body #sidebar input[type=date], -body #sidebar input[type=time], -body #sidebar input[type=password], -body #sidebar input[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local], -body #hud input[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=text], -body .dialog input[type=number], -body .dialog input[type=date], -body .dialog input[type=time], -body .dialog input[type=password], -body .dialog input[type=datetime-local], -body #sidebar input[type=text], -body #sidebar input[type=number], -body #sidebar input[type=date], -body #sidebar input[type=time], -body #sidebar input[type=password], -body #sidebar input[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local], -body #hud input[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input, -body .monsterblock.sheet.actor nav.switches ul li .switch-input, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField .-emu-layout #searchInput { - width: 100%; - height: var(--blades-spacer-button); - font-family: inherit; - font-size: inherit; - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - min-width: var(--blades-spacer-xl); - padding: 0 var(--blades-spacer-sm); - position: relative; - user-select: text; -} - -body .dialog input[type=text]::placeholder, -body .dialog input[type=number]::placeholder, -body .dialog input[type=date]::-moz-placeholder, -body .dialog input[type=time]::-moz-placeholder, -body .dialog input[type=password]::-moz-placeholder, -body .dialog input[type=datetime-local]::-moz-placeholder, -body #sidebar input[type=text]::-moz-placeholder, -body #sidebar input[type=number]::-moz-placeholder, -body #sidebar input[type=date]::-moz-placeholder, -body #sidebar input[type=time]::-moz-placeholder, -body #sidebar input[type=password]::-moz-placeholder, -body #sidebar input[type=datetime-local]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password]::-moz-placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local]::-moz-placeholder, -body #hud input[type=text]::-moz-placeholder, -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input::-moz-placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::-moz-placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput::-moz-placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog input[type=text]::placeholder, -body .dialog input[type=number]::placeholder, -body .dialog input[type=date]::placeholder, -body .dialog input[type=time]::placeholder, -body .dialog input[type=password]::placeholder, -body .dialog input[type=datetime-local]::placeholder, -body #sidebar input[type=text]::placeholder, -body #sidebar input[type=number]::placeholder, -body #sidebar input[type=date]::placeholder, -body #sidebar input[type=time]::placeholder, -body #sidebar input[type=password]::placeholder, -body #sidebar input[type=datetime-local]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=text]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=number]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=date]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=time]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=password]::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=datetime-local]::placeholder, -body #hud input[type=text]::placeholder, -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input::placeholder, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input::placeholder, -body .monsterblock.sheet.actor nav.switches ul li .switch-input::placeholder, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput::placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog input:disabled[type=text], -body .dialog input:disabled[type=number], -body .dialog input:disabled[type=date], -body .dialog input:disabled[type=time], -body .dialog input:disabled[type=password], -body .dialog input:disabled[type=datetime-local], -body #sidebar input:disabled[type=text], -body #sidebar input:disabled[type=number], -body #sidebar input:disabled[type=date], -body #sidebar input:disabled[type=time], -body #sidebar input:disabled[type=password], -body #sidebar input:disabled[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=datetime-local], -body #hud input:disabled[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:disabled, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:disabled, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:disabled, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog select, -body #sidebar select, -body .window-app:not([id*=Actor-], [id*=Item-]) select { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - box-shadow: none; -} - -body .dialog select, -body #sidebar select, -body .window-app:not([id*=Actor-], [id*=Item-]) select, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout select { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; - text-overflow: ellipsis; -} - -body .dialog select[multiple], -body #sidebar select[multiple], -body .window-app:not([id*=Actor-], [id*=Item-]) select[multiple], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout select[multiple] { - height: auto; - padding: var(--blades-spacer-sm); -} - -body .dialog select:disabled, -body #sidebar select:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) select:disabled { - opacity: 0.5; - pointer-events: none; -} - -body .dialog select optgroup, -body #sidebar select optgroup, -body .window-app:not([id*=Actor-], [id*=Item-]) select optgroup, -body .dialog select option, -body #sidebar select option, -body .window-app:not([id*=Actor-], [id*=Item-]) select option { - background-color: rgba(var(--color-background-lightest), 1); - color: rgba(var(--color-text), 1); -} - -body .dialog input[type=checkbox], -body #sidebar input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox], -body #module-management .package-title input[type=checkbox] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=checkbox], -body #sidebar input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input[type=checkbox], -body #module-management .package-title input[type=checkbox], -body #module-management .package-title .-emu-layout input[type=checkbox] { - width: var(--blades-spacer-button-xs); - height: var(--blades-spacer-button-xs); - cursor: pointer; - flex: 0 0 auto; - margin: 0; - position: relative; - top: auto; -} - -body .dialog input:disabled[type=checkbox], -body #sidebar input:disabled[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:disabled[type=checkbox], -body #module-management .package-title input:disabled[type=checkbox] { - opacity: 0.5; - pointer-events: none; -} - -body .dialog input:checked[type=checkbox], -body #sidebar input:checked[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:checked[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:checked[type=checkbox], -body #module-management .package-title input:checked[type=checkbox] { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog input[type=radio], -body #sidebar input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=radio] { - margin: 0; - top: auto; -} - -body .dialog input[type=color], -body .dialog input[type=color][data-edit], -body #sidebar input[type=color], -body #sidebar input[type=color][data-edit], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color][data-edit] { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=color], -body #sidebar input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=color] { - cursor: pointer; - font-family: inherit; - font-size: inherit; - height: var(--blades-spacer-button); - margin: 0; - padding: 0 var(--blades-spacer-sm); - position: relative; -} - -body .dialog input:disabled[type=color], -body #sidebar input:disabled[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:disabled[type=color] { - opacity: 0.5; - pointer-events: none; -} - -body .dialog input[type=range], -body #sidebar input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] { - background: transparent; - border: 0; - box-shadow: none; -} - -body .dialog input[type=range], -body #sidebar input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range] { - margin: 0; - width: 100%; -} - -body .dialog input:hover[type=range], -body #sidebar input:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=range], -body .dialog input:focus[type=range], -body #sidebar input:focus[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=range] { - box-shadow: none; - outline: none; -} - -body .dialog input[type=range]::-webkit-slider-runnable-track, -body #sidebar input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-webkit-slider-runnable-track, -body #sidebar input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - cursor: pointer; -} - -body .dialog input[type=range]:focus::-webkit-slider-runnable-track, -body #sidebar input[type=range]:focus::-webkit-slider-runnable-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-webkit-slider-runnable-track { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]:focus::-ms-fill-lower, -body #sidebar input[type=range]:focus::-ms-fill-lower, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-ms-fill-lower { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]:focus::-ms-fill-upper, -body #sidebar input[type=range]:focus::-ms-fill-upper, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]:focus::-ms-fill-upper { - background-color: rgba(var(--color-background), 1); -} - -body .dialog input[type=range]::-webkit-slider-thumb, -body #sidebar input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-webkit-slider-thumb, -body #sidebar input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-webkit-slider-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; -} - -body .dialog input::-webkit-slider-thumb:hover[type=range], -body #sidebar input::-webkit-slider-thumb:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input::-webkit-slider-thumb:hover[type=range] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .dialog input[type=range]::-moz-range-track, -body #sidebar input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-track { - background-color: rgba(var(--color-background), 0.8); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-moz-range-track, -body #sidebar input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-track, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-moz-range-track { - width: 100%; - height: 0.5rem; - cursor: pointer; -} - -body .dialog input[type=range]::-moz-range-thumb, -body #sidebar input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-thumb { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - border: rgba(var(--color-border-lighter), 1) 1px solid; - box-shadow: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog input[type=range]::-moz-range-thumb, -body #sidebar input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range]::-moz-range-thumb, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range]::-moz-range-thumb { - width: 1rem; - height: 1rem; - cursor: pointer; - margin-block-start: -0.3125rem; -} - -body .dialog input::-moz-range-thumb:hover[type=range], -body #sidebar input::-moz-range-thumb:hover[type=range], -body .window-app:not([id*=Actor-], [id*=Item-]) input::-moz-range-thumb:hover[type=range] { - box-shadow: inset 0 0 0 2px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .dialog input[type=range] + .range-value, -body #sidebar input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] + .range-value { - border: none; - color: rgba(var(--color-text), 1); -} - -body .dialog input[type=range] + .range-value, -body #sidebar input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) input[type=range] + .range-value, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout input[type=range] + .range-value { - align-items: center; - display: flex; - flex: 0 0 auto; - font-size: var(--size-14px); - margin: 0; - padding: 0; -} - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea { - background: transparent; - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -} - -body .dialog textarea, -body #sidebar textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-layout textarea { - font-family: inherit; - font-size: inherit; - margin: 0; - min-height: 4rem; - padding: var(--blades-spacer-sm); - position: relative; - resize: none; - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - user-select: text; - width: 100%; -} - -.-emu-compact body .dialog textarea, -.-emu-compact body #sidebar textarea, -.-emu-compact body .window-app:not([id*=Actor-], [id*=Item-]) textarea, -body .window-app:not([id*=Actor-], [id*=Item-]) .-emu-compact textarea { - min-height: 3rem; -} - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea::-moz-placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog textarea::placeholder, -body #sidebar textarea::placeholder, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea::placeholder { - color: rgba(var(--color-text), 0.5); -} - -body .dialog textarea:disabled, -body #sidebar textarea:disabled, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:disabled { - opacity: 0.5; - pointer-events: none; -} - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar .sidebar-tab .directory-header, -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-footer, -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header, -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray, -body #sidebar .token-mold, -body .sidebar-popout .token-mold, -body .sidebar-popout .-emu-layout .token-mold { - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; - text-align: start; -} - -body #sidebar .sidebar-tab .directory-header:empty, -body #sidebar .sidebar-tab .directory-footer:empty, -body .sidebar-popout .sidebar-tab .directory-header:empty, -body .sidebar-popout .sidebar-tab .directory-footer:empty, -body #sidebar #combat .combat-tracker-header:empty, -body .sidebar-popout #combat .combat-tracker-header:empty, -body #sidebar [data-tab=chat] section.dice-tray:empty, -body .sidebar-popout [data-tab=chat] section.dice-tray:empty, -body #sidebar .token-mold:empty, -body .sidebar-popout .token-mold:empty, -body .sidebar-popout .-emu-layout .token-mold:empty { - display: none; -} - -body .dialog .tabs a:hover, -body .dialog .sheet-tabs a:hover, -body #sidebar .tabs a:hover, -body #sidebar .sheet-tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:hover, -body #module-management .list-filters a:hover, -body .dialog button:hover, -body #sidebar button:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button:hover, -body #menu #menu-items li:hover, -body #sidebar #combat #combat-controls .combat-control:hover, -body .sidebar-popout #combat #combat-controls .combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:hover, -body .window-app[id*=JournalEntry-] a.editor-edit:hover, -body .alwayshp-btn:hover, -body #sidebar #combat .add-temporary:hover, -body .sidebar-popout #combat .add-temporary:hover, -body #specials-config .fxmaster .directory-header a:hover, -body ul.command-menu li:hover, -body #token-action-hud button.tah-title-button:hover, -body #token-action-hud .tah-action button:hover, -body #sidebar .token-mold > label > span:hover, -body .sidebar-popout .token-mold > label > span:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a:hover, -body .window-app[id*=cards-sheet-] .cards-header a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:hover, -body .window-app[id*=cards-sheet-] .cards .card a:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:hover, -body .dialog .directory .directory-item.folder .folder-header .create-folder:hover, -body .dialog .directory .directory-item.folder .folder-header .create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:hover, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:hover, -body .dialog .directory .directory-item .create-folder:hover, -body .dialog .directory .directory-item .create-document:hover, -body #sidebar .directory .directory-item .create-folder:hover, -body #sidebar .directory .directory-item .create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:hover, -body #navigation #nav-toggle:hover, -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:hover, -body #sidebar #combat .combat-tracker-header .encounters a:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:hover, -body #sidebar #combat #combat-tracker .combatant .combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:hover, -body #sidebar #playlists #currently-playing .sound .sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:hover, -body #dfcp-rt-buttons button:hover, -body #specials-config .fxmaster .special-effects .controls a:hover, -body div.permission-viewer a:hover, -body #smalltime-app #displayContainer .arrow:hover, -body #token-action-hud #tah-reposition:hover, -body #token-action-hud #tah-categories:hover, -body #sidebar .token-mold > a:hover, -body .sidebar-popout .token-mold > a:hover, -body #sidebar .sidebar-tab .directory-header .header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .header-control:hover, -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:hover, -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:hover, -body #hotbar .bar-controls .page-control:hover, -body #hotbar .bar-controls #macro-directory:hover, -body #hotbar .bar-controls #bar-toggle:hover, -body #hotbar .macro:hover, -body #hud .control-icon:hover, -body #hud .control-icon.active, -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle:hover, -body #navigation #scene-list .scene:hover, -body .window-app .window-resizable-handle:hover, -body .sheet .sheet-header > img:hover, -body #sidebar #sidebar-tabs > .item:hover, -body #sidebar #sidebar-tabs > .collapse:hover, -body .sidebar-popout #sidebar-tabs > .item:hover, -body .sidebar-popout #sidebar-tabs > .collapse:hover, -body #sidebar #combat #combat-tracker .combatant:hover, -body .sidebar-popout #combat #combat-tracker .combatant:hover, -body #df-curvy-walls-tools .control-tool:hover, -body .monsterblock.sheet.actor nav.switches .fa-cog:hover, -body .window-app .window-draggable-handle:hover, -body #tokenAttacher .control-tool:hover { - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - text-shadow: none; -} - -body .dialog input:hover[type=text], -body .dialog input:hover[type=number], -body .dialog input:hover[type=date], -body .dialog input:hover[type=time], -body .dialog input:hover[type=password], -body .dialog input:hover[type=datetime-local], -body #sidebar input:hover[type=text], -body #sidebar input:hover[type=number], -body #sidebar input:hover[type=date], -body #sidebar input:hover[type=time], -body #sidebar input:hover[type=password], -body #sidebar input:hover[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=datetime-local], -body #hud input:hover[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:hover, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:hover, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:hover, -body .dialog select:hover, -body #sidebar select:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) select:hover, -body .dialog input:hover[type=checkbox], -body #sidebar input:hover[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:hover[type=checkbox], -body #module-management .package-title input:hover[type=checkbox], -body .dialog input:hover[type=color], -body #sidebar input:hover[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:hover[type=color], -body .dialog textarea:hover, -body #sidebar textarea:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:hover, -body .dialog .tox .tox-tbtn:hover, -body #sidebar .tox .tox-tbtn:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn:hover, -body #sidebar #combat #combat-tracker .combatant.defeated.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed), -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item.active, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item.active:hover, -body #controls #SDRpopup.simple-dice-roller-popup li:hover { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1); - text-shadow: none; -} - -body .dialog .tabs a:focus, -body .dialog .sheet-tabs a:focus, -body #sidebar .tabs a:focus, -body #sidebar .sheet-tabs a:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a:focus, -body #module-management .list-filters a:focus, -body .dialog button:focus, -body #sidebar button:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) button:focus, -body #menu #menu-items li:focus, -body #sidebar #combat #combat-controls .combat-control:focus, -body .sidebar-popout #combat #combat-controls .combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .display-mode:focus, -body .window-app[id*=JournalEntry-] a.editor-edit:focus, -body .alwayshp-btn:focus, -body #sidebar #combat .add-temporary:focus, -body .sidebar-popout #combat .add-temporary:focus, -body #specials-config .fxmaster .directory-header a:focus, -body ul.command-menu li:focus, -body #token-action-hud button.tah-title-button:focus, -body #token-action-hud .tah-action button:focus, -body #sidebar .token-mold > label > span:focus, -body .sidebar-popout .token-mold > label > span:focus, -body .sheet[id*=activeeffect-sheet-] .effects-header a:focus, -body .window-app[id*=cards-sheet-] .cards-header a:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a:focus, -body .sheet[id*=activeeffect-sheet-] .changes-list li a:focus, -body .window-app[id*=cards-sheet-] .cards .card a:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a:focus, -body .dialog .directory .directory-item.folder .folder-header .create-folder:focus, -body .dialog .directory .directory-item.folder .folder-header .create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-folder:focus, -body #sidebar .directory .directory-item.folder .folder-header .create-entity:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .create-entity:focus, -body .dialog .directory .directory-item .create-folder:focus, -body .dialog .directory .directory-item .create-document:focus, -body #sidebar .directory .directory-item .create-folder:focus, -body #sidebar .directory .directory-item .create-document:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document:focus, -body #navigation #nav-toggle:focus, -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus, -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete:focus, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete:focus, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20:focus, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a:focus, -body #sidebar #combat .combat-tracker-header .encounters a:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:focus, -body #sidebar #combat #combat-tracker .combatant .combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control:focus, -body #sidebar #playlists #currently-playing .sound .sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .sound-control:focus, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button:focus, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button:focus, -body #dfcp-rt-buttons button:focus, -body #specials-config .fxmaster .special-effects .controls a:focus, -body div.permission-viewer a:focus, -body #smalltime-app #displayContainer .arrow:focus, -body #token-action-hud #tah-reposition:focus, -body #token-action-hud #tah-categories:focus, -body #sidebar .token-mold > a:focus, -body .sidebar-popout .token-mold > a:focus, -body #sidebar .sidebar-tab .directory-header .header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .header-control:focus, -body .dialog input:focus[type=text], -body .dialog input:focus[type=number], -body .dialog input:focus[type=date], -body .dialog input:focus[type=time], -body .dialog input:focus[type=password], -body .dialog input:focus[type=datetime-local], -body #sidebar input:focus[type=text], -body #sidebar input:focus[type=number], -body #sidebar input:focus[type=date], -body #sidebar input:focus[type=time], -body #sidebar input:focus[type=password], -body #sidebar input:focus[type=datetime-local], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=number], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=date], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=time], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=password], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=datetime-local], -body #hud input:focus[type=text], -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input:focus, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input:focus, -body .monsterblock.sheet.actor nav.switches ul li .switch-input:focus, -body #client-settings.window-app.form .window-content #config-tabs div.tab[data-tab=modules] #searchField #searchInput:focus, -body .dialog select:focus, -body #sidebar select:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) select:focus, -body .dialog input:focus[type=checkbox], -body #sidebar input:focus[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=checkbox], -body #client-settings.window-app.form .window-content #config-tabs .module-settings-wrapper div.form-group input:focus[type=checkbox], -body #module-management .package-title input:focus[type=checkbox], -body .dialog input:focus[type=color], -body #sidebar input:focus[type=color], -body .window-app:not([id*=Actor-], [id*=Item-]) input:focus[type=color], -body .dialog textarea:focus, -body #sidebar textarea:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) textarea:focus, -body .dialog .tabs a.active:focus, -body .dialog .sheet-tabs a.active:focus, -body #sidebar .tabs a.active:focus, -body #sidebar .sheet-tabs a.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active:focus, -body #module-management .list-filters a.active:focus, -body .dialog button.active:focus, -body #sidebar button.active:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active:focus, -body #menu #menu-items li.active:focus, -body #sidebar #combat #combat-controls .active.combat-control:focus, -body .sidebar-popout #combat #combat-controls .active.combat-control:focus, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:focus, -body .window-app[id*=JournalEntry-] a.active.editor-edit:focus, -body .active.alwayshp-btn:focus, -body #sidebar #combat .active.add-temporary:focus, -body .sidebar-popout #combat .active.add-temporary:focus, -body #specials-config .fxmaster .directory-header a.active:focus, -body ul.command-menu li.active:focus, -body #token-action-hud button.active.tah-title-button:focus, -body #token-action-hud .tah-action button.active:focus, -body #sidebar .token-mold > label > span.active:focus, -body .sidebar-popout .token-mold > label > span.active:focus, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active:focus, -body .window-app[id*=cards-sheet-] .cards-header a.active:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:focus, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active:focus, -body .window-app[id*=cards-sheet-] .cards .card a.active:focus, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active:focus, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:focus, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:focus, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity:focus, -body .dialog .directory .directory-item .active.create-folder:focus, -body .dialog .directory .directory-item .active.create-document:focus, -body #sidebar .directory .directory-item .active.create-folder:focus, -body #sidebar .directory .directory-item .active.create-document:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document:focus, -body #navigation .active#nav-toggle:focus, -body .window-app .window-header > a.active:focus, -body .window-app .window-header a.active.header-button:focus, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete:focus, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete:focus, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:focus, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active:focus, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active:focus, -body #sidebar #combat .combat-tracker-header .encounters a.active:focus, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:focus, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:focus, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:focus, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:focus, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:focus, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:focus, -body #sidebar #playlists #currently-playing .sound .active.sound-control:focus, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:focus, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:focus, -body #dfcp-rt-buttons button.active:focus, -body #specials-config .fxmaster .special-effects .controls a.active:focus, -body div.permission-viewer a.active:focus, -body #smalltime-app #displayContainer .active.arrow:focus, -body #token-action-hud .active#tah-reposition:focus, -body #token-action-hud .active#tah-categories:focus, -body #sidebar .token-mold > a.active:focus, -body .sidebar-popout .token-mold > a.active:focus, -body #sidebar .sidebar-tab .directory-header .active.header-control:focus, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:focus, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled:focus, -body #hotbar .macro.active:focus, -body #hud .control-icon.active:focus, -body #controls .control-tools .scene-control.active:focus, -body #controls .control-tools .control-tool.active:focus, -body #controls .control-tools .control-tool.toggle.active:focus, -body #navigation #scene-list .scene.active:focus, -body #navigation #scene-list .scene.view:focus, -body #navigation #scene-list .scene.active:focus:not(.gm), -body #navigation #scene-list .scene.view:focus:not(.gm), -body #sidebar #sidebar-tabs > .item.active:focus, -body #sidebar #sidebar-tabs > .collapse.active:focus, -body .sidebar-popout #sidebar-tabs > .item.active:focus, -body .sidebar-popout #sidebar-tabs > .collapse.active:focus, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:focus, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:focus, -body #sidebar #combat #combat-tracker .combatant.active:focus, -body .sidebar-popout #combat #combat-tracker .combatant.active:focus, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:focus, -body #df-curvy-walls-tools .control-tool.active:focus, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:focus, -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:focus, -body .dialog .directory .directory-item.folder.droptarget .folder-header, -body #sidebar .directory .directory-item.folder.droptarget .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.droptarget .folder-header, -body .dialog .directory .directory-item.folder .folder-header:focus, -body #sidebar .directory .directory-item.folder .folder-header:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:focus, -body .dialog a[href]:focus, -body #sidebar a[href]:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) a[href]:focus, -body #context-menu ol.context-items .context-item:focus, -body #hotbar .bar-controls .page-control:focus, -body #hotbar .bar-controls #macro-directory:focus, -body #hotbar .bar-controls #bar-toggle:focus, -body #hotbar .macro:focus, -body #hud .control-icon:focus, -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus, -body #controls .control-tools .control-tool.toggle:focus, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene:focus, -body .window-app .window-resizable-handle:focus, -body .sheet .sheet-header > img:focus, -body .filepicker.window-app .filepicker-body.private, -body #df-curvy-walls-tools .control-tool:focus, -body #df-curvy-walls-tools .control-tool.active, -body .dice-so-nice section.content .settings-list .select2:focus .select2-selection, -body .dice-so-nice section.content .settings-list .select2.select2-container--focus .select2-selection, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label, -body .monsterblock.sheet.actor nav.switches .fa-cog:focus, -body #search-anywhere-modal #search-anywhere-autocomplete, -body .window-app .window-draggable-handle:focus, -body #tokenAttacher .control-tool:focus { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); - text-shadow: none; - outline: none; -} - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body .dialog button.active, -body #sidebar button.active, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active, -body #menu #menu-items li.active, -body #sidebar #combat #combat-controls .active.combat-control, -body .sidebar-popout #combat #combat-controls .active.combat-control, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode, -body .window-app[id*=JournalEntry-] a.active.editor-edit, -body .active.alwayshp-btn, -body #sidebar #combat .active.add-temporary, -body .sidebar-popout #combat .active.add-temporary, -body #specials-config .fxmaster .directory-header a.active, -body ul.command-menu li.active, -body #token-action-hud button.active.tah-title-button, -body #token-action-hud .tah-action button.active, -body #sidebar .token-mold > label > span.active, -body .sidebar-popout .token-mold > label > span.active, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active, -body .window-app[id*=cards-sheet-] .cards-header a.active, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active, -body .window-app[id*=cards-sheet-] .cards .card a.active, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active, -body .dialog .directory .directory-item.folder .folder-header .active.create-folder, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity, -body #sidebar .directory .directory-item.folder .folder-header .active.create-folder, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity, -body .dialog .directory .directory-item .active.create-folder, -body .dialog .directory .directory-item .active.create-document, -body #sidebar .directory .directory-item .active.create-folder, -body #sidebar .directory .directory-item .active.create-document, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document, -body #navigation .active#nav-toggle, -body .window-app .window-header > a.active, -body .window-app .window-header a.active.header-button, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active, -body #sidebar #combat .combat-tracker-header .encounters a.active, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control, -body #sidebar #playlists #currently-playing .sound .active.sound-control, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active, -body #dfcp-rt-buttons button.active, -body #specials-config .fxmaster .special-effects .controls a.active, -body div.permission-viewer a.active, -body #smalltime-app #displayContainer .active.arrow, -body #token-action-hud .active#tah-reposition, -body #token-action-hud .active#tah-categories, -body #sidebar .token-mold > a.active, -body .sidebar-popout .token-mold > a.active, -body #sidebar .sidebar-tab .directory-header .active.header-control, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled, -body #hotbar .macro.active, -body #hud .control-icon.active, -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active, -body #controls .control-tools .control-tool.toggle.active, -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view, -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm), -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock, -body #sidebar #combat #combat-tracker .combatant.active, -body .sidebar-popout #combat #combat-tracker .combatant.active, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy, -body #df-curvy-walls-tools .control-tool.active, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label { - background-color: var(--blades-grey); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .dialog .tabs a.active:hover, -body .dialog .sheet-tabs a.active:hover, -body #sidebar .tabs a.active:hover, -body #sidebar .sheet-tabs a.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active:hover, -body #module-management .list-filters a.active:hover, -body .dialog button.active:hover, -body #sidebar button.active:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) button.active:hover, -body #menu #menu-items li.active:hover, -body #sidebar #combat #combat-controls .active.combat-control:hover, -body .sidebar-popout #combat #combat-controls .active.combat-control:hover, -body .filepicker.window-app .filepicker-body .filepicker-header .display-modes .active.display-mode:hover, -body .window-app[id*=JournalEntry-] a.active.editor-edit:hover, -body .active.alwayshp-btn:hover, -body #sidebar #combat .active.add-temporary:hover, -body .sidebar-popout #combat .active.add-temporary:hover, -body #specials-config .fxmaster .directory-header a.active:hover, -body ul.command-menu li.active:hover, -body #token-action-hud button.active.tah-title-button:hover, -body #token-action-hud .tah-action button.active:hover, -body #sidebar .token-mold > label > span.active:hover, -body .sidebar-popout .token-mold > label > span.active:hover, -body .sheet[id*=activeeffect-sheet-] .effects-header a.active:hover, -body .window-app[id*=cards-sheet-] .cards-header a.active:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a.active:hover, -body .sheet[id*=activeeffect-sheet-] .changes-list li a.active:hover, -body .window-app[id*=cards-sheet-] .cards .card a.active:hover, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a.active:hover, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a.active:hover, -body .dialog .directory .directory-item.folder .folder-header .active.create-entity:hover, -body #sidebar .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header .active.create-entity:hover, -body .dialog .directory .directory-item .active.create-folder:hover, -body .dialog .directory .directory-item .active.create-document:hover, -body #sidebar .directory .directory-item .active.create-folder:hover, -body #sidebar .directory .directory-item .active.create-document:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .active.create-document:hover, -body #navigation .active#nav-toggle:hover, -body .window-app .window-header > a.active:hover, -body .window-app .window-header a.active.header-button:hover, -body #sidebar [data-tab=chat] #chat-log .message .active.button.message-delete:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .active.button.message-delete:hover, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .active.fa-dice-d20:hover, -body #sidebar [data-tab=chat] #chat-controls .control-buttons a.active:hover, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a.active:hover, -body #sidebar #combat .combat-tracker-header .encounters a.active:hover, -body #sidebar #combat .combat-tracker-header .encounter-controls a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounters a.active:hover, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a.active:hover, -body #sidebar #combat #combat-tracker .combatant .active.combatant-control:hover, -body .sidebar-popout #combat #combat-tracker .combatant .active.combatant-control:hover, -body #sidebar #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body #sidebar #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .active.sound-control:hover, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .active.sound-control:hover, -body #sidebar #playlists #currently-playing .sound .active.sound-control:hover, -body .sidebar-popout #playlists #currently-playing .sound .active.sound-control:hover, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button.active:hover, -body #dfcp-rt-buttons button.active:hover, -body #specials-config .fxmaster .special-effects .controls a.active:hover, -body div.permission-viewer a.active:hover, -body #smalltime-app #displayContainer .active.arrow:hover, -body #token-action-hud .active#tah-reposition:hover, -body #token-action-hud .active#tah-categories:hover, -body #sidebar .token-mold > a.active:hover, -body .sidebar-popout .token-mold > a.active:hover, -body #sidebar .sidebar-tab .directory-header .active.header-control:hover, -body .sidebar-popout .sidebar-tab .directory-header .active.header-control:hover, -body .dialog .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #sidebar .tox .tox-tbtn.tox-tbtn--enabled:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn.tox-tbtn--enabled:hover, -body #hotbar .macro.active:hover, -body #hud .control-icon.active:hover, -body #controls .control-tools .scene-control.active:hover, -body #controls .control-tools .control-tool.active:hover, -body #controls .control-tools .control-tool.toggle.active:hover, -body #navigation #scene-list .scene.active:hover, -body #navigation #scene-list .scene.view:hover, -body #navigation #scene-list .scene.active:hover:not(.gm), -body #navigation #scene-list .scene.view:hover:not(.gm), -body #sidebar #sidebar-tabs > .item.active:hover, -body #sidebar #sidebar-tabs > .collapse.active:hover, -body .sidebar-popout #sidebar-tabs > .item.active:hover, -body .sidebar-popout #sidebar-tabs > .collapse.active:hover, -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock:hover, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock:hover, -body #sidebar #combat #combat-tracker .combatant.active:hover, -body .sidebar-popout #combat #combat-tracker .combatant.active:hover, -body .filepicker.window-app .filepicker-body.private .current-dir button.privacy:hover, -body #df-curvy-walls-tools .control-tool.active:hover, -body #lmrtfy.lmrtfy-parchment .lmrtfy-actor-avatars input:checked + label:hover { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header, -body .window-app[id*=cards-sheet-] .cards-header, -body .window-app[id*=rolltable-sheet-] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header { - align-items: center; - background: rgba(var(--color-background), 0.1); - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header, -body .window-app[id*=cards-sheet-] .cards-header, -body .window-app[id*=rolltable-sheet-] .table-results .table-header, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header { - height: auto; - padding: var(--blades-spacer-sm); - width: 100%; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header > div, -body .window-app[id*=cards-sheet-] .cards-header > div, -body .window-app[id*=rolltable-sheet-] .table-results .table-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div { - height: auto; - line-height: initial; - margin: 0; - padding: 0; - padding-inline-start: var(--blades-spacer-base); -} - -body .sheet[id*=activeeffect-sheet-] .effects-header > div:first-of-type, -body .window-app[id*=cards-sheet-] .cards-header > div:first-of-type, -body .window-app[id*=rolltable-sheet-] .table-results .table-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header > div:first-of-type { - padding-inline-start: 0; -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .effects-header a, -body .window-app[id*=cards-sheet-] .cards-header a, -body .window-app[id*=rolltable-sheet-] .table-results .table-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx-header a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx-header a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li, -body .window-app[id*=cards-sheet-] .cards .card, -body .window-app[id*=rolltable-sheet-] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx { - align-items: center; - border: none; -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li, -body .window-app[id*=cards-sheet-] .cards .card, -body .window-app[id*=rolltable-sheet-] .table-results .table-result, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx { - height: auto; - padding: var(--blades-spacer-sm); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li > div, -body .window-app[id*=cards-sheet-] .cards .card > div, -body .window-app[id*=rolltable-sheet-] .table-results .table-result > div, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div { - align-items: center; - display: flex; - height: auto; - line-height: initial; - margin: 0; - padding: 0; - padding-inline-start: var(--blades-spacer-base); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li > div:first-of-type, -body .window-app[id*=cards-sheet-] .cards .card > div:first-of-type, -body .window-app[id*=rolltable-sheet-] .table-results .table-result > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx > div:first-of-type, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx > div:first-of-type { - padding-inline-start: 0; -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a { - color: rgba(var(--color-text), 1); -} - -body .sheet[id*=activeeffect-sheet-] .changes-list li a, -body .window-app[id*=cards-sheet-] .cards .card a, -body .window-app[id*=rolltable-sheet-] .table-results .table-result a, -body .dice-so-nice section.content .settings-list .sfxs-list .sfx a, -body .dice-so-nice section.content .settings-list .sfxs-list .-emu-layout .sfx a { - color: rgba(var(--color-text), 1); -} - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs, -body #module-management .list-filters { - border-block-start: none; - border-block-end: rgba(var(--color-primary), 1) 2px solid; -} - -body .dialog .tabs, -body .dialog .sheet-tabs, -body #sidebar .tabs, -body #sidebar .sheet-tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs, -body #module-management .list-filters, -body #module-management .-emu-layout .list-filters { - display: flex; - flex: 0 0 auto; - height: initial; - line-height: initial; - margin: 0; - padding: 0; - position: relative; - width: 100%; -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a { - background-color: transparent; - background-image: none; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); -} - -body .dialog .tabs a, -body .dialog .sheet-tabs a, -body #sidebar .tabs a, -body #sidebar .sheet-tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a, -body #module-management .list-filters a, -body #module-management .-emu-layout .list-filters a { - flex: 1; - font-size: var(--size-14px); - font-weight: normal; - text-shadow: none; -} - -body .dialog .tabs a.active, -body .dialog .sheet-tabs a.active, -body #sidebar .tabs a.active, -body #sidebar .sheet-tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs a.active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs a.active, -body #module-management .list-filters a.active, -body #module-management .-emu-layout .list-filters a.active { - text-decoration: none; -} - -body .dialog .directory .directory-item h3 > i, -body .dialog .directory .directory-item h4 > i, -body #sidebar .directory .directory-item h3 > i, -body #sidebar .directory .directory-item h4 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 > i, -body #sidebar #compendium .compendium-list .directory-item h4 a > i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 a > i, -body #client-settings.window-app.form nav.tabs .item > i, -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 > i, -body #context-menu ol.context-items .context-item > i, -body .window-app[id*=cards-sheet-] .cards-header .card-controls [data-action=create] > i { - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list, -body #context-menu ol.context-items, -body #hotbar #macro-list, -body #menu #menu-items, -body #notifications, -body #players > ol, -body #controls .control-tools, -body #navigation #scene-list, -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds, -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds, -body .filepicker.window-app .filepicker-body .filepicker-body .directory, -body #df-curvy-walls-tools .control-tools, -body ul.command-menu, -body #tokenAttacher .control-tools { - list-style: none; - margin: 0; - padding: 0; -} - -.-emu-subtle-layout body #sidebar #emu-sidebar-lock, -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll, -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button, -body .window-app.token-mold .window-content form select.icon.fas.fa { - font-family: var(--font-awesome) !important; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: var(--line-height-compact); -} - -body #sidebar [data-tab=chat] #icNotification, -body #sidebar [data-tab=chat] #rollsNotification, -body #sidebar [data-tab=chat] #oocNotification, -body .sidebar-popout [data-tab=chat] #icNotification, -body .sidebar-popout [data-tab=chat] #rollsNotification, -body .sidebar-popout [data-tab=chat] #oocNotification { - animation-duration: 0.8s; - animation-iteration-count: infinite; - animation-name: emu-notification-flash; - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - background-color: rgba(var(--color-primary), 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - margin: 0; - padding: var(--blades-spacer-xs); - right: 0; - top: 0; -} - -body .window-app.sheet[id*=template-config] .window-content, -body .-emu-layout .window-app.sheet[id*=template-config] .window-content { - padding: 0; -} - -body .window-app.sheet[id*=template-config] form, -body .-emu-layout .window-app.sheet[id*=template-config] form { - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - padding: var(--blades-spacer-sm); - position: relative; -} - -*::before, -*::after { - box-sizing: border-box; -} - -@keyframes emu-notification-flash { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -body .dialog .directory .directory-list, -body #sidebar .directory .directory-list, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list { - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - max-height: 100%; - min-height: 0.0625rem; - overflow-y: auto; - padding: 0 var(--blades-spacer-sm); -} - -body .dialog .directory .directory-list .subdirectory, -body #sidebar .directory .directory-list .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory { - background-color: rgba(var(--color-folder-subdirectory), 1); - background-image: none; - border: none; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - display: flex; - border-radius: 0 0 0 0; - flex-direction: column; - gap: var(--blades-spacer-base); - padding: var(--blades-spacer-base); - width: 100%; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder { - padding: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item.folder { - padding-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder), -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item.folder + .directory-item:not(.folder) { - margin-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body #sidebar .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder), -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .directory-item:not(.folder) + .directory-item:not(.folder) { - margin-block-start: 0; -} - -body .dialog .directory .directory-list .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .subdirectory { - border-inline-start: var(--blades-grey-bright) 4px solid; -} - -body .dialog .directory .directory-list .subdirectory .subdirectory .subdirectory, -body #sidebar .directory .directory-list .subdirectory .subdirectory .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-list .subdirectory .subdirectory .subdirectory { - border-inline-start: var(--blades-white) 4px solid; -} - -body .dialog .directory .directory-item, -body #sidebar .directory .directory-item, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item { - background-color: rgba(var(--color-folder-directory), 1); - background-image: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - border: none; - cursor: pointer; - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - height: auto; - line-height: var(--line-height-compact); - margin: 0; - min-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; - width: 100%; -} - -body .dialog .directory .directory-item:hover, -body #sidebar .directory .directory-item:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item:focus, -body #sidebar .directory .directory-item:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item:focus { - background-image: none; -} - -body .dialog .directory .directory-item.entity, -body #sidebar .directory .directory-item.entity, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.entity { - border: none; -} - -body .dialog .directory .directory-item.context, -body #sidebar .directory .directory-item.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.context { - border: none; - box-shadow: none; -} - -body .dialog .directory .directory-item.folder, -body #sidebar .directory .directory-item.folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder { - background: transparent; - cursor: default; - flex-direction: column; - padding: 0; -} - -body .dialog .directory .directory-item.folder:hover, -body .dialog .directory .directory-item.folder:focus, -body #sidebar .directory .directory-item.folder:hover, -body #sidebar .directory .directory-item.folder:focus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder:focus { - background: transparent; - box-shadow: none; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header { - border-inline-start: none; - border-radius: 0; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header .create-folder, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header .create-folder { - display: none; -} - -body .dialog .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body #sidebar .directory .directory-item.folder.collapsed > .folder-header h3 i::before, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed > .folder-header h3 i::before { - content: "\f07b"; -} - -body .dialog .directory .directory-item.folder.collapsed .subdirectory, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed .subdirectory { - display: none; -} - -body .dialog .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder.collapsed .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder.collapsed .subdirectory .folder-header { - border-inline-start: none; -} - -body .dialog .directory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header { - background-color: rgba(var(--color-folder-header), 1); - background-image: none; - border: 0; - border-inline-start: rgba(var(--color-primary), 1) 4px solid; - border-radius: 0 0 0 0; - color: rgba(var(--color-text), 1); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex-wrap: nowrap; - line-height: var(--line-height-compact); - min-height: var(--blades-spacer-button); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: 100%; -} - -body .dialog .directory .directory-item.folder .folder-header:hover, -body #sidebar .directory .directory-item.folder .folder-header:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header:hover { - background-color: rgba(var(--color-primary), 1); - background-image: none; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item.folder .folder-header h3, -body #sidebar .directory .directory-item.folder .folder-header h3, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 { - border-block-end: 0; - color: inherit; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - position: relative; - text-align: start; - text-shadow: none; -} - -body .dialog .directory .directory-item.folder .folder-header h3 > i, -body #sidebar .directory .directory-item.folder .folder-header h3 > i, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header h3 > i { - text-shadow: none; -} - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .directory-item.folder.collapsed .folder-header { - border-radius: 0 0 0 0; -} - -body .dialog .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .directory-item.folder .folder-header { - border-radius: 0 0 0 0; -} - -body .dialog .directory .directory-item.folder .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .folder-header { - border-color: var(--blades-grey-bright); -} - -body .dialog .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body #sidebar .directory .directory-item.folder .subdirectory .subdirectory .folder-header, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .subdirectory .subdirectory .folder-header { - border-color: var(--blades-white); -} - -body .dialog .directory .directory-item.folder .folder-header.context, -body .dialog .directory .directory-item.folder .directory-item.context, -body #sidebar .directory .directory-item.folder .folder-header.context, -body #sidebar .directory .directory-item.folder .directory-item.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .folder-header.context, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item.folder .directory-item.context { - background-color: rgba(var(--color-primary), 1) !important; - color: rgba(var(--color-text-lightest), 1); -} - -body .dialog .directory .directory-item .create-folder .fa-plus, -body .dialog .directory .directory-item .create-document .fa-plus, -body #sidebar .directory .directory-item .create-folder .fa-plus, -body #sidebar .directory .directory-item .create-document .fa-plus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-folder .fa-plus, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item .create-document .fa-plus { - align-items: center; - background: transparent; - border-radius: 50%; - color: inherit; - display: flex; - font-size: 8px; - height: 12px; - justify-content: center; - position: absolute; - right: -2px; - top: -2px; - width: 12px; -} - -body .dialog .directory .directory-item img, -body #sidebar .directory .directory-item img, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item img { - border-radius: 0; - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: move; - flex: 0 0 auto; - margin: 0; - margin-block-start: var(--blades-spacer-base); - margin-block-end: var(--blades-spacer-base); - margin-inline-end: var(--blades-spacer-sm); -} - -body .dialog .directory .directory-item h3, -body .dialog .directory .directory-item h4, -body #sidebar .directory .directory-item h3, -body #sidebar .directory .directory-item h4, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 { - color: inherit; - text-shadow: none; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: 1 1 auto; - font-size: var(--size-16px); - font-weight: normal; - line-height: var(--line-height-compact); - margin: 0; - padding: 0; - position: relative; - text-align: start; -} - -body .dialog .directory .directory-item h3 > a, -body .dialog .directory .directory-item h4 > a, -body #sidebar .directory .directory-item h3 > a, -body #sidebar .directory .directory-item h4 > a, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h3 > a, -body .window-app:not([id*=Actor-], [id*=Item-]) .directory .directory-item h4 > a { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - background-color: transparent; - border-radius: 0; - color: inherit; - transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - cursor: pointer; - display: block; - flex: 1 1 auto; - font-size: var(--size-16px); - line-height: var(--blades-spacer-button); - padding: 0; - position: relative; - text-shadow: none; -} - -body .dialog fieldset, -body #sidebar fieldset, -body .window-app:not([id*=Actor-], [id*=Item-]) fieldset { - border: none; - margin: 0; - padding: 0; -} - -body .dialog figure figcaption, -body #sidebar figure figcaption, -body .window-app:not([id*=Actor-], [id*=Item-]) figure figcaption { - font-weight: 700; - margin-block-start: var(--blades-spacer-base); - padding: 0 var(--blades-spacer-sm); - text-align: center; -} - -body .dialog figure figcaption:empty, -body #sidebar figure figcaption:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) figure figcaption:empty { - display: none; -} - -body .dialog form h3.form-header, -body #sidebar form h3.form-header, -body .window-app:not([id*=Actor-], [id*=Item-]) form h3.form-header { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text), 1); - font-family: inherit; - font-size: var(--size-16px); - margin-block-start: var(--blades-spacer-md); - margin-block-end: var(--blades-spacer-base); - padding: var(--blades-spacer-base); -} - -body .dialog form .form-group, -body #sidebar form .form-group, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; - flex-wrap: wrap; - font-size: var(--size-16px); - gap: var(--blades-spacer-base); - height: auto; - justify-content: space-between; - margin: 0; - padding: var(--blades-spacer-sm); - width: 100%; -} - -body .dialog form .form-group:nth-of-type(even), -body #sidebar form .form-group:nth-of-type(even), -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group:nth-of-type(even) { - background-color: rgba(var(--color-background-light), 0.1); -} - -body .dialog form .form-group.initial-position .form-fields, -body #sidebar form .form-group.initial-position .form-fields, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields { - align-items: center; - display: inline-flex; - width: 1px; -} - -body .dialog form .form-group.initial-position .form-fields input, -body #sidebar form .form-group.initial-position .form-fields input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields input { - flex: 1 1 auto; -} - -body .dialog form .form-group.initial-position .form-fields input[type=text], -body #sidebar form .form-group.initial-position .form-fields input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields input[type=text] { - width: 1px; -} - -body .dialog form .form-group.initial-position .form-fields label, -body #sidebar form .form-group.initial-position .form-fields label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.initial-position .form-fields label { - flex: 0 0 auto; -} - -body .dialog form .form-group.stacked > label, -body #sidebar form .form-group.stacked > label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.stacked > label { - flex: 0 0 100%; -} - -body .dialog form .form-group.hidden, -body #sidebar form .form-group.hidden, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group.hidden { - display: none; -} - -body .dialog form .form-group .form-fields, -body #sidebar form .form-group .form-fields, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); - flex: 1 1 auto; - justify-content: flex-end; -} - -body .dialog form .form-group .form-fields input, -body .dialog form .form-group .form-fields select, -body #sidebar form .form-group .form-fields input, -body #sidebar form .form-group .form-fields select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select { - flex: 1 1 100%; - gap: var(--blades-spacer-base); -} - -body .dialog form .form-group .form-fields input[type=checkbox], -body .dialog form .form-group .form-fields select[type=checkbox], -body #sidebar form .form-group .form-fields input[type=checkbox], -body #sidebar form .form-group .form-fields select[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select[type=checkbox] { - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); -} - -body .dialog form .form-group .form-fields input[type=radio], -body .dialog form .form-group .form-fields select[type=radio], -body #sidebar form .form-group .form-fields input[type=radio], -body #sidebar form .form-group .form-fields select[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select[type=radio] { - flex: 0 0 auto; - width: auto; -} - -body .dialog form .form-group .form-fields input + input, -body .dialog form .form-group .form-fields input + select, -body .dialog form .form-group .form-fields select + input, -body .dialog form .form-group .form-fields select + select, -body #sidebar form .form-group .form-fields input + input, -body #sidebar form .form-group .form-fields input + select, -body #sidebar form .form-group .form-fields select + input, -body #sidebar form .form-group .form-fields select + select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields input + select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields select + select { - flex: 1 1 25%; -} - -body .dialog form .form-group .form-fields button, -body #sidebar form .form-group .form-fields button, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button { - order: initial; - width: auto; -} - -body .dialog form .form-group .form-fields button.file-picker > i, -body .dialog form .form-group .form-fields button.grid-config > i, -body .dialog form .form-group .form-fields button.capture-position > i, -body #sidebar form .form-group .form-fields button.file-picker > i, -body #sidebar form .form-group .form-fields button.grid-config > i, -body #sidebar form .form-group .form-fields button.capture-position > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.file-picker > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.grid-config > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.capture-position > i { - margin-inline-end: 0; -} - -body .dialog form .form-group .form-fields button + input, -body #sidebar form .form-group .form-fields button + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button + input { - order: -1; -} - -body .dialog form .form-group .form-fields button.file-picker + input[type=text], -body #sidebar form .form-group .form-fields button.file-picker + input[type=text], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group .form-fields button.file-picker + input[type=text] { - margin-inline-end: 0 !important; -} - -body .dialog form .form-group input, -body .dialog form .form-group select, -body #sidebar form .form-group input, -body #sidebar form .form-group select, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select { - flex: 1 1 auto; - width: 1px; -} - -body .dialog form .form-group input[type=checkbox], -body .dialog form .form-group select[type=checkbox], -body #sidebar form .form-group input[type=checkbox], -body #sidebar form .form-group select[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select[type=checkbox] { - flex: 0 0 auto; - width: var(--blades-spacer-button-xs); -} - -body .dialog form .form-group input[type=radio], -body .dialog form .form-group select[type=radio], -body #sidebar form .form-group input[type=radio], -body #sidebar form .form-group select[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select[type=radio] { - flex: 0 0 auto; - width: auto; -} - -body .dialog form .form-group input + input, -body .dialog form .form-group select + input, -body #sidebar form .form-group input + input, -body #sidebar form .form-group select + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input { - flex: 1 1 25%; -} - -body .dialog form .form-group input + input[type=checkbox], -body .dialog form .form-group input + input[type=radio], -body .dialog form .form-group select + input[type=checkbox], -body .dialog form .form-group select + input[type=radio], -body #sidebar form .form-group input + input[type=checkbox], -body #sidebar form .form-group input + input[type=radio], -body #sidebar form .form-group select + input[type=checkbox], -body #sidebar form .form-group select + input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group input + input[type=radio], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input[type=checkbox], -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group select + input[type=radio] { - flex: 0 0 auto; -} - -body .dialog form .form-group > label, -body #sidebar form .form-group > label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group > label { - flex: 0 0 40%; -} - -body .dialog form .form-group label, -body #sidebar form .form-group label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label { - color: rgba(var(--color-text), 1); - align-items: center; - display: inline-flex; - font-size: var(--size-14px); - font-weight: normal; - line-height: initial; - margin: 0; - padding: 0; -} - -body .dialog form .form-group label.checkbox, -body #sidebar form .form-group label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label.checkbox { - gap: var(--blades-spacer-base); - height: auto; -} - -body .dialog form .form-group label .units, -body #sidebar form .form-group label .units, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label .units { - color: rgba(var(--color-text), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - font-size: var(--size-12px); - line-height: initial; - margin: 0 var(--blades-spacer-base); -} - -body .dialog form .form-group label > i, -body #sidebar form .form-group label > i, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group label > i { - margin-inline-end: var(--blades-spacer-base); -} - -body .dialog form .form-group-stacked, -body #sidebar form .form-group-stacked, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked { - margin: 0; -} - -body .dialog form .form-group-stacked .checkbox-label, -body #sidebar form .form-group-stacked .checkbox-label, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked .checkbox-label { - display: flex; - flex-direction: column; - padding: 0; -} - -body .dialog form .form-group-stacked label.checkbox, -body #sidebar form .form-group-stacked label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form .form-group-stacked label.checkbox { - align-items: center; - display: inline-flex; - flex: auto; - font-size: var(--size-12px); - gap: var(--blades-spacer-base); - height: auto; - line-height: initial; - margin: 0; - padding: 0; -} - -body .dialog form .notes, -body .dialog form .hint, -body #sidebar form .notes, -body #sidebar form .hint, -body .window-app:not([id*=Actor-], [id*=Item-]) form .notes, -body .window-app:not([id*=Actor-], [id*=Item-]) form .hint { - color: rgba(var(--color-text-darker), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - font-style: italic; - line-height: initial; - margin: 0; - width: 100%; -} - -body .dialog form .notes:empty, -body .dialog form .hint:empty, -body #sidebar form .notes:empty, -body #sidebar form .hint:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) form .notes:empty, -body .window-app:not([id*=Actor-], [id*=Item-]) form .hint:empty { - display: none; -} - -body .dialog form label.checkbox, -body #sidebar form label.checkbox, -body .window-app:not([id*=Actor-], [id*=Item-]) form label.checkbox { - align-items: center; - display: inline-flex; - gap: var(--blades-spacer-sm); - height: auto; - line-height: initial; -} - -body .dialog form .trait-list, -body #sidebar form .trait-list, -body .window-app:not([id*=Actor-], [id*=Item-]) form .trait-list { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body .dialog form .trait-list li, -body #sidebar form .trait-list li, -body .window-app:not([id*=Actor-], [id*=Item-]) form .trait-list li { - display: flex; -} - -body .dialog img, -body #sidebar img, -body .window-app:not([id*=Actor-], [id*=Item-]) img { - border: none; - border-radius: 0; - position: relative; -} - -body .dialog table, -body #sidebar table, -body .window-app:not([id*=Actor-], [id*=Item-]) table { - background-color: var(--blades-black-fade-strong); - border: none; - margin: var(--blades-spacer-base) 0; -} - -body .dialog table thead, -body #sidebar table thead, -body .window-app:not([id*=Actor-], [id*=Item-]) table thead { - background-color: var(--blades-black-dark-fade-strong); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; -} - -body .dialog table tr:nth-child(even), -body #sidebar table tr:nth-child(even), -body .window-app:not([id*=Actor-], [id*=Item-]) table tr:nth-child(even) { - background-color: var(--blades-white-fade-strong); -} - -body .dialog table td:first-child, -body #sidebar table td:first-child, -body .window-app:not([id*=Actor-], [id*=Item-]) table td:first-child { - padding-inline-start: var(--blades-spacer-base); -} - -body .dialog table td, -body .dialog table th, -body #sidebar table td, -body #sidebar table th, -body .window-app:not([id*=Actor-], [id*=Item-]) table td, -body .window-app:not([id*=Actor-], [id*=Item-]) table th { - padding: var(--blades-spacer-xs) 0; -} - -body .dialog .tabs ~ .tab, -body .dialog .sheet-tabs ~ .tab, -body #sidebar .tabs ~ .tab, -body #sidebar .sheet-tabs ~ .tab, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab { - flex: 1 1 auto; - overflow-y: auto; - overflow-x: hidden; -} - -body .dialog .tabs ~ .tab[data-tab], -body .dialog .sheet-tabs ~ .tab[data-tab], -body #sidebar .tabs ~ .tab[data-tab], -body #sidebar .sheet-tabs ~ .tab[data-tab], -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab[data-tab], -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab[data-tab] { - display: none; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body .dialog .tabs ~ .tab[data-tab].active, -body .dialog .sheet-tabs ~ .tab[data-tab].active, -body #sidebar .tabs ~ .tab[data-tab].active, -body #sidebar .sheet-tabs ~ .tab[data-tab].active, -body .window-app:not([id*=Actor-], [id*=Item-]) .tabs ~ .tab[data-tab].active, -body .window-app:not([id*=Actor-], [id*=Item-]) .sheet-tabs ~ .tab[data-tab].active { - display: flex; -} - -body .dialog h1, -body .dialog h2, -body .dialog h3, -body .dialog h4, -body #sidebar h1, -body #sidebar h2, -body #sidebar h3, -body #sidebar h4, -body .window-app:not([id*=Actor-], [id*=Item-]) h1, -body .window-app:not([id*=Actor-], [id*=Item-]) h2, -body .window-app:not([id*=Actor-], [id*=Item-]) h3, -body .window-app:not([id*=Actor-], [id*=Item-]) h4 { - font-weight: normal; - margin: 0; - margin-block-end: var(--blades-spacer-base); - position: relative; -} - -body .dialog h1, -body #sidebar h1, -body .window-app:not([id*=Actor-], [id*=Item-]) h1 { - border-block-end: 2px solid rgba(var(--color-border), 1); - font-size: var(--size-24px); -} - -body .dialog h2, -body #sidebar h2, -body .window-app:not([id*=Actor-], [id*=Item-]) h2 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - font-size: var(--size-20px); -} - -body .dialog h3, -body #sidebar h3, -body .window-app:not([id*=Actor-], [id*=Item-]) h3 { - font-size: var(--size-16px); -} - -body .dialog a, -body #sidebar a, -body .window-app:not([id*=Actor-], [id*=Item-]) a { - text-shadow: none; -} - -body .dialog a:hover, -body #sidebar a:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog a[href], -body #sidebar a[href], -body .window-app:not([id*=Actor-], [id*=Item-]) a[href] { - color: rgba(var(--color-primary), 1); - text-decoration: none; - text-shadow: none; -} - -body .dialog a[href]:hover, -body #sidebar a[href]:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a[href]:hover { - text-decoration: underline; - text-shadow: none; -} - -body .dialog a.entity-link, -body .dialog a.inline-roll, -body #sidebar a.entity-link, -body #sidebar a.inline-roll, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll { - background-color: rgba(var(--color-background-lightest), 1); - box-shadow: 0 0 0 1px inset rgba(var(--color-border), 1); - border: none; - border-radius: 0; - color: rgba(var(--color-text), 1); - text-shadow: none; - padding: var(--blades-spacer-pf) var(--blades-spacer-xs); - padding-inline-start: var(--blades-spacer-base); -} - -body .dialog a.entity-link:hover, -body .dialog a.inline-roll:hover, -body #sidebar a.entity-link:hover, -body #sidebar a.inline-roll:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link:hover, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll:hover { - color: rgba(var(--color-primary), 1); -} - -body .dialog a.entity-link > i, -body .dialog a.inline-roll > i, -body #sidebar a.entity-link > i, -body #sidebar a.inline-roll > i, -body .window-app:not([id*=Actor-], [id*=Item-]) a.entity-link > i, -body .window-app:not([id*=Actor-], [id*=Item-]) a.inline-roll > i { - color: inherit; - margin-inline-end: var(--blades-spacer-xs); -} - -body .dialog p, -body #sidebar p, -body .window-app:not([id*=Actor-], [id*=Item-]) p { - margin: var(--blades-spacer-base) 0; -} - -body .dialog ul, -body .dialog ol, -body #sidebar ul, -body #sidebar ol, -body .window-app:not([id*=Actor-], [id*=Item-]) ul, -body .window-app:not([id*=Actor-], [id*=Item-]) ol { - margin: var(--blades-spacer-base) 0; - margin-block-end: var(--blades-spacer-base); -} - -body .dialog dl, -body #sidebar dl, -body .window-app:not([id*=Actor-], [id*=Item-]) dl { - margin: var(--blades-spacer-base) 0; -} - -body .dialog dd, -body #sidebar dd, -body .window-app:not([id*=Actor-], [id*=Item-]) dd { - padding-inline-end: var(--blades-spacer-base); - margin: var(--blades-spacer-base) 0; -} - -body .dialog hr, -body #sidebar hr, -body .window-app:not([id*=Actor-], [id*=Item-]) hr { - border: none; - border-block-start: rgba(var(--color-border), 1) 1px solid; - border-block-end: none; - width: 100%; -} - -body .dialog button[hidden], -body #sidebar button[hidden], -body .window-app:not([id*=Actor-], [id*=Item-]) button[hidden] { - display: none; -} - -body .dialog blockquote, -body #sidebar blockquote, -body .window-app:not([id*=Actor-], [id*=Item-]) blockquote { - border-inline-start: 3px solid rgba(var(--color-border), 1); - margin: var(--blades-spacer-base) 0 var(--blades-spacer-base) var(--blades-spacer-md); - padding-inline-start: var(--blades-spacer-lg); -} - -body .dialog blockquote em, -body #sidebar blockquote em, -body .window-app:not([id*=Actor-], [id*=Item-]) blockquote em { - font-style: normal; -} - -body .dialog section.secret, -body #sidebar section.secret, -body .window-app:not([id*=Actor-], [id*=Item-]) section.secret { - background-color: rgba(var(--color-background-light), 0.2); - border-block-start: rgba(var(--color-border), 1) 1px solid; - border-block-end: rgba(var(--color-border), 1) 1px solid; - padding: 0 var(--blades-spacer-base); -} - -body .dialog .tox-toolbar__primary, -body #sidebar .tox-toolbar__primary, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox-toolbar__primary { - background: transparent; -} - -body .dialog .tox.tox-tinymce .tox-edit-area__iframe, -body #sidebar .tox.tox-tinymce .tox-edit-area__iframe, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox.tox-tinymce .tox-edit-area__iframe { - background-color: var(--blades-white-bright); - padding: var(--blades-spacer-base); -} - -body .dialog .tox .tox-tbtn, -body #sidebar .tox .tox-tbtn, -body .window-app:not([id*=Actor-], [id*=Item-]) .tox .tox-tbtn { - background: transparent; - color: rgba(var(--color-text), 1); - font-size: var(--size-12px); - height: var(--blades-spacer-button-sm); - margin-block-start: var(--blades-spacer-xs); - padding: 0 var(--blades-spacer-base); -} - -.window-app body #context-menu { - z-index: 101; -} - -body .dialog div.dialog-content h4:first-child, -body .dialog div.dialog-content p:first-child { - margin-block-start: var(--blades-spacer-base); -} - -.-emu-compact body #hotbar .bar-controls { - width: 2rem; - height: 2.5rem; -} -.-emu-compact body #hotbar .bar-controls .page-control { - font-size: var(--size-10px); -} -.-emu-compact body #hotbar .macro { - width: 2.5rem; - height: 2.5rem; -} -.-emu-compact body #hotbar .macro .macro-icon { - width: 2rem; - height: 2rem; -} -.-emu-compact body #logo { - max-height: 2.125rem; - max-width: 4.25rem; -} -.-emu-compact body #notifications { - left: 7rem; - top: 6rem; -} -.-emu-compact body #players { - width: 10.5rem; -} -.-emu-compact body #navigation #scene-list .scene { - height: 1.75rem; - line-height: 1.75rem; - min-width: 5.5rem; -} -.-emu-compact body #navigation #scene-list .scene-player { - width: 0.5rem; - height: 0.5rem; -} -.-emu-compact body .window-app[id*=JournalEntry-] a.editor-edit { - top: -1.75rem; -} -.-emu-compact body #tokenAttacher { - left: 4.5rem; - top: 2.375rem; -} - -body #hotbar .bar-controls:first-child #macro-directory, -body #hotbar .bar-controls:first-child #bar-toggle { - flex: 1 1 auto; -} - -body #hotbar .bar-controls:first-child #macro-directory:first-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:first-of-type { - border: none; - border-block-end: rgba(var(--color-border), 1) 1px solid; - border-radius: 0 0 0 0; -} - -body #hotbar .bar-controls:first-child #macro-directory:last-of-type, -body #hotbar .bar-controls:first-child #bar-toggle:last-of-type { - border: none; - border-radius: 0 0 0 0; -} - -body #hotbar .bar-controls .page-control, -body #hotbar .bar-controls #macro-directory, -body #hotbar .bar-controls #bar-toggle { - background-color: rgba(var(--color-background), 0.8); - background-image: none; - color: rgba(var(--color-text-lightest), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex: 0 0 auto; - font-size: var(--size-16px); - justify-content: center; - line-height: initial; - position: relative; -} - -body #hotbar .bar-controls .page-control:first-of-type, -body #hotbar .bar-controls #macro-directory:first-of-type, -body #hotbar .bar-controls #bar-toggle:first-of-type { - border-block-end: rgba(var(--color-border), 1) 1px solid; -} - -body #hotbar .bar-controls .page-control:last-of-type, -body #hotbar .bar-controls #macro-directory:last-of-type, -body #hotbar .bar-controls #bar-toggle:last-of-type { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body #loading #context, -body #loading #progress { - background: transparent; - color: rgba(var(--color-text-lightest), 1); - text-shadow: none; - top: 0; - position: absolute; - align-items: center; - display: flex; - height: 100%; - font-size: var(--size-14px); - line-height: initial; - margin: 0 var(--blades-spacer-md); - padding: 0; -} - -.-emu-layout.-emu-logo body #logo { - display: block !important; -} -.-emu-layout.-emu-control-align-top body #controls .control-tools .scene-control { - position: initial; -} - -body #menu #menu-items li i, -body #menu #menu-items li h4 { - flex: initial; - font-size: inherit; - line-height: var(--line-height-compact); -} - -body #players > h3:hover, -body #players > h3:active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -.-emu-subtle-layout body #controls:hover, -.-emu-subtle-layout body #controls:active { - opacity: 1; -} - -.-emu-subtle-layout body #controls:hover .control-tools, -.-emu-subtle-layout body #controls:active .control-tools { - opacity: 1; -} - -body #controls .control-tools .scene-control, -body #controls .control-tools .control-tool { - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - line-height: initial; - margin: 0; - padding: 0; - pointer-events: all; - position: relative; -} - -body #controls .control-tools .scene-control > i, -body #controls .control-tools .control-tool > i { - margin: 0; - position: relative; -} - -.-emu-compact body #controls .control-tools .scene-control, -.-emu-compact body #controls .control-tools .control-tool { - width: var(--blades-spacer-button-lg); - height: var(--blades-spacer-button-lg); -} - -body #controls .control-tools .scene-control:hover, -body #controls .control-tools .control-tool:hover { - background-image: none; -} - -body #controls .control-tools .scene-control:focus, -body #controls .control-tools .control-tool:focus { - background-image: none; -} - -body #controls .control-tools .scene-control.active, -body #controls .control-tools .control-tool.active { - background-image: none; -} - -.-emu-subtle-layout body #navigation:hover, -.-emu-subtle-layout body #navigation:active { - opacity: 1; -} - -.-emu-subtle-layout body #navigation:hover #scene-list .scene, -.-emu-subtle-layout body #navigation:active #scene-list .scene { - display: inline-flex; - opacity: 1; -} - -body #navigation #scene-list .scene.active, -body #navigation #scene-list .scene.view { - background-image: none; -} - -body #navigation #scene-list .scene.active:not(.gm), -body #navigation #scene-list .scene.view:not(.gm) { - background-image: none; -} - -body #ui-left, -body #ui-middle, -body #ui-right { - pointer-events: none; - position: relative; - z-index: 10; -} - -body .window-app .window-header > a, -body .window-app .window-header a.header-button { - background: transparent; - text-shadow: none; - padding: var(--blades-spacer-base); - position: relative; - width: auto; -} - -body .window-app .window-header > a:hover, -body .window-app .window-header a.header-button:hover { - color: rgba(var(--color-text-lightest), 1); - color: rgba(var(--color-primary), 1); -} - -body .window-app .window-header > a:focus, -body .window-app .window-header a.header-button:focus { - color: rgba(var(--color-primary), 1); - text-decoration: underline; -} - -body .window-app .window-header > a.close, -body .window-app .window-header a.header-button.close { - color: transparent; - overflow: hidden; - padding: 0; - width: var(--blades-spacer-button-sm); -} - -body .window-app .window-header > a.close:hover, -body .window-app .window-header > a.close:focus, -body .window-app .window-header a.header-button.close:hover, -body .window-app .window-header a.header-button.close:focus { - color: transparent; -} - -body .window-app .window-header > a.close > i, -body .window-app .window-header a.header-button.close > i { - top: 0; - left: 0; - position: absolute; - width: 100%; - height: 100%; - align-items: center; - color: rgba(var(--color-text-lightest), 1); - display: flex; - font-size: var(--size-16px); - justify-content: center; - margin: 0; -} - -body .window-app .window-header > a > i, -body .window-app .window-header > a > span.fas, -body .window-app .window-header a.header-button > i, -body .window-app .window-header a.header-button > span.fas { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar, -body .sidebar-popout { - background-color: rgba(var(--color-background-darkest), 0.8); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - top: calc(var(--blades-spacer-md) / 2); - right: 0; - bottom: auto; - position: fixed; - width: var(--blades-spacer-sidebar); - height: calc(100% - var(--blades-spacer-md)); - display: flex; - flex-direction: column; - margin: 0; - overflow: hidden; - padding: 0; - z-index: 10; -} - -body #sidebar ol, -body #sidebar ul, -body .sidebar-popout ol, -body .sidebar-popout ul { - margin: 0; - padding: 0; -} - -body #sidebar.collapsed, -body .sidebar-popout.collapsed { - height: auto !important; - width: 2rem !important; -} - -.-emu-subtle-layout body #sidebar.collapsed, -.-emu-subtle-layout body .sidebar-popout.collapsed { - opacity: 0.3; -} - -.-emu-subtle-layout body #sidebar.collapsed:hover, -.-emu-subtle-layout body .sidebar-popout.collapsed:hover { - opacity: 1; -} - -body #sidebar.collapsed #sidebar-tabs, -body .sidebar-popout.collapsed #sidebar-tabs { - border-block-end: none; - flex-wrap: wrap; -} - -body #sidebar.collapsed #sidebar-tabs > .collapse, -body .sidebar-popout.collapsed #sidebar-tabs > .collapse { - border-radius: 0 0 0 0; -} - -body #sidebar.collapsed .sidebar-tab, -body #sidebar.collapsed .sidebar-tab.active, -body .sidebar-popout.collapsed .sidebar-tab, -body .sidebar-popout.collapsed .sidebar-tab.active { - display: none !important; -} - -body #sidebar #sidebar-tabs, -body .sidebar-popout #sidebar-tabs { - border-block-end: rgba(var(--color-border), 1) 1px solid; - box-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - font-size: var(--size-12px); - margin: 0; - position: relative; -} - -body #sidebar #sidebar-tabs > .item, -body #sidebar #sidebar-tabs > .collapse, -body .sidebar-popout #sidebar-tabs > .item, -body .sidebar-popout #sidebar-tabs > .collapse { - border: none; - border-radius: 0; - box-shadow: none; - color: rgba(var(--color-text-lightest), 1); - transition: box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - cursor: pointer; - display: flex; - flex: 1 1 20%; - font-size: var(--size-12px); - justify-content: center; - left: auto; - line-height: initial; - margin: 0; - padding: var(--blades-spacer-sm) var(--blades-spacer-base); - position: relative; - top: auto; -} - -body #sidebar #sidebar-tabs > .item.active, -body #sidebar #sidebar-tabs > .collapse.active, -body .sidebar-popout #sidebar-tabs > .item.active, -body .sidebar-popout #sidebar-tabs > .collapse.active { - border-radius: 0; - border: none; -} - -body #sidebar #sidebar-tabs > .item.active:first-child, -body #sidebar #sidebar-tabs > .collapse.active:first-child, -body .sidebar-popout #sidebar-tabs > .item.active:first-child, -body .sidebar-popout #sidebar-tabs > .collapse.active:first-child { - border-radius: 0 0 0 0; -} - -body #sidebar #sidebar-tabs > .item:first-child, -body #sidebar #sidebar-tabs > .collapse:first-child, -body .sidebar-popout #sidebar-tabs > .item:first-child, -body .sidebar-popout #sidebar-tabs > .collapse:first-child { - border-radius: 0 0 0 0; -} - -body #sidebar #sidebar-tabs > .item > i, -body #sidebar #sidebar-tabs > .collapse > i, -body .sidebar-popout #sidebar-tabs > .item > i, -body .sidebar-popout #sidebar-tabs > .collapse > i { - margin: 0; - position: relative; - z-index: 1; -} - -body #sidebar #sidebar-tabs > .item .notification-pip, -body #sidebar #sidebar-tabs > .collapse .notification-pip, -body .sidebar-popout #sidebar-tabs > .item .notification-pip, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip { - background-color: rgba(var(--color-primary), 1); - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; - animation-duration: 0.8s; - animation-iteration-count: infinite; - animation-name: emu-notification-flash; - animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - display: none; - opacity: 0; - pointer-events: none; - z-index: 0; -} - -body #sidebar #sidebar-tabs > .item .notification-pip::before, -body #sidebar #sidebar-tabs > .collapse .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .item .notification-pip::before, -body .sidebar-popout #sidebar-tabs > .collapse .notification-pip::before { - display: none; -} - -body #sidebar .window-content .sidebar-tab, -body .sidebar-popout .window-content .sidebar-tab { - display: flex; -} - -body #sidebar .sidebar-tab, -body .sidebar-popout .sidebar-tab { - display: none; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - height: 100%; - justify-content: initial; - margin: 0; - min-height: 12.5rem; - position: relative; -} - -body #sidebar .sidebar-tab.active, -body .sidebar-popout .sidebar-tab.active { - display: flex; -} - -.-emu-compact body #sidebar .sidebar-tab, -.-emu-compact body .sidebar-popout .sidebar-tab { - min-height: 11rem; -} - -body #sidebar .sidebar-tab.directory .directory-list, -body .sidebar-popout .sidebar-tab.directory .directory-list { - padding-block-end: var(--blades-spacer-sm); -} - -body #sidebar .sidebar-tab .directory-header .header-actions button, -body #sidebar .sidebar-tab .directory-footer button, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button, -body .sidebar-popout .sidebar-tab .directory-footer button { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - height: auto; - line-height: var(--line-height-compact); - width: auto; -} - -body #sidebar .sidebar-tab .directory-header .header-actions button > i, -body #sidebar .sidebar-tab .directory-footer button > i, -body .sidebar-popout .sidebar-tab .directory-header .header-actions button > i, -body .sidebar-popout .sidebar-tab .directory-footer button > i { - font-size: var(--size-14px); -} - -body #sidebar .sidebar-tab .directory-header, -body .sidebar-popout .sidebar-tab .directory-header { - border-block-end: rgba(var(--color-border), 1) 1px solid; - flex-direction: column; -} - -body #sidebar .sidebar-tab .directory-header .header-search, -body .sidebar-popout .sidebar-tab .directory-header .header-search { - align-items: center; - display: flex; - flex: 1 1 auto; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-header .header-search > i, -body .sidebar-popout .sidebar-tab .directory-header .header-search > i { - flex: 0 0 auto; -} - -body #sidebar .sidebar-tab .directory-header .header-search input, -body .sidebar-popout .sidebar-tab .directory-header .header-search input { - background-color: rgba(var(--color-background-lightest), 1); - flex: 1 1 auto; - margin: 0; -} - -body #sidebar .sidebar-tab .directory-header .header-control, -body .sidebar-popout .sidebar-tab .directory-header .header-control { - width: 2rem; - height: 2rem; - flex: 0 0 auto; -} - -body #sidebar .sidebar-tab .directory-header .header-control > i, -body .sidebar-popout .sidebar-tab .directory-header .header-control > i { - margin: 0; -} - -body #sidebar .sidebar-tab .directory-header .header-actions, -body .sidebar-popout .sidebar-tab .directory-header .header-actions { - align-items: center; - display: flex; - flex: 0 0 auto; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-header .header-actions:only-child, -body #sidebar .sidebar-tab .directory-header .header-actions:last-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:only-child, -body .sidebar-popout .sidebar-tab .directory-header .header-actions:last-child { - margin-block-end: 0; -} - -body #sidebar .sidebar-tab .directory-header > .action-buttons, -body .sidebar-popout .sidebar-tab .directory-header > .action-buttons { - align-items: center; - display: flex; - flex: 0 0 auto; - position: relative; - width: 100%; -} - -body #sidebar .sidebar-tab .directory-footer, -body .sidebar-popout .sidebar-tab .directory-footer { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-wrap: wrap; -} - -.-emu-subtle-layout body #sidebar.collapsed::before, -.-emu-subtle-layout body #sidebar.collapsed #emu-sidebar-lock { - display: none; -} - -.-emu-subtle-layout body #sidebar:hover, -.-emu-subtle-layout body #sidebar.is-locked { - opacity: 1; - right: 0; -} - -.-emu-subtle-layout body #sidebar:hover #emu-sidebar-lock::before, -.-emu-subtle-layout body #sidebar.is-locked #emu-sidebar-lock::before { - content: "\f0da"; -} - -.-emu-subtle-layout-sidebar-locked body #sidebar { - opacity: 1; - right: 0; -} -.-emu-subtle-layout-sidebar-locked body #sidebar #emu-sidebar-lock { - display: none; -} - -body #sidebar [data-tab=chat] #chat-log, -body .sidebar-popout [data-tab=chat] #chat-log { - flex: 1 1 auto; - height: auto; - list-style: none; - margin: 0; - padding: 0; - overflow-y: auto; - overflow-x: hidden; -} - -body #sidebar [data-tab=chat] #chat-log .message, -body .sidebar-popout [data-tab=chat] #chat-log .message { - background-color: rgba(var(--color-background-chat-message), 1); - background-image: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: rgba(var(--color-text), 1); - display: flex; - flex-direction: column; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - font-family: inherit; - font-size: var(--size-14px); - padding: var(--blades-spacer-base); - margin: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message:hover .message-metadata, -body #sidebar [data-tab=chat] #chat-log .message:focus .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message:hover .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message:focus .message-metadata { - opacity: 1; -} - -body #sidebar [data-tab=chat] #chat-log .message.whisper, -body .sidebar-popout [data-tab=chat] #chat-log .message.whisper { - background-color: rgba(var(--color-background-chat-message-whisper), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message.blind, -body .sidebar-popout [data-tab=chat] #chat-log .message.blind { - background-color: rgba(var(--color-background-chat-message-blind), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-header, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-header { - background-color: transparent; - color: inherit; - align-items: center; - display: flex; - flex-wrap: wrap; - gap: var(--blades-spacer-xs); - line-height: var(--line-height-default); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata, -body #sidebar [data-tab=chat] #chat-log .message .message-sender, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-sender { - color: inherit; - align-items: center; - display: inline-flex; - font-size: var(--size-12px); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-sender, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-sender { - margin: 0; - overflow: hidden; - white-space: initial; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata { - transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - display: flex; - gap: var(--blades-spacer-base); - opacity: 0; - justify-content: flex-end; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata a, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata a { - color: inherit; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-metadata a:hover, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-metadata a:hover { - color: rgba(var(--color-primary), 1); -} - -body #sidebar [data-tab=chat] #chat-log .message .message-content, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-content { - user-select: text; -} - -body #sidebar [data-tab=chat] #chat-log .message .message-content .table-result, -body .sidebar-popout [data-tab=chat] #chat-log .message .message-content .table-result { - padding: var(--blades-spacer-base) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .flavor-text, -body #sidebar [data-tab=chat] #chat-log .message .whisper-to, -body .sidebar-popout [data-tab=chat] #chat-log .message .flavor-text, -body .sidebar-popout [data-tab=chat] #chat-log .message .whisper-to { - color: inherit; - font-size: var(--size-12px); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll, -body #sidebar [data-tab=chat] #chat-log .message .dice-result, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-result { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total { - background-color: rgba(var(--color-background), 0.1); - box-shadow: none; - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - color: inherit; - line-height: initial; - font-size: inherit; - font-weight: normal; - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-formula { - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total { - font-size: var(--size-18px); - padding: var(--blades-spacer-xs) 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.critical, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.success, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.critical, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.success { - background-color: var(--blades-color-positive); - border-color: var(--blades-color-positive); - color: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.fumble, -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-total.failure, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.fumble, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-total.failure { - background-color: var(--blades-color-negative); - border-color: var(--blades-red-bright); - color: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip { - order: initial; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - line-height: initial; - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-formula { - align-items: center; - display: inline-flex; - font-weight: 700; -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-roll .dice-tooltip .part-header .part-total { - background-color: rgba(var(--color-background-lightest), 1); - border: rgba(var(--color-border-lighter), 1) 1px solid; - border-block-end: none; - border-radius: 0 0 0 0; - flex: none; - font-size: var(--size-14px); - font-weight: 700; - padding: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .dice-rolls, -body .sidebar-popout [data-tab=chat] #chat-log .message .dice-rolls { - margin: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .message .button.message-delete, -body .sidebar-popout [data-tab=chat] #chat-log .message .button.message-delete { - color: rgba(var(--color-text), 1); -} - -body #sidebar [data-tab=chat] #chat-controls, -body .sidebar-popout [data-tab=chat] #chat-controls { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20, -body .sidebar-popout [data-tab=chat] #chat-controls .chat-control-icon .fa-dice-d20 { - font-size: var(--size-14px); - margin: 0; -} - -body #sidebar [data-tab=chat] #chat-controls .roll-type-select, -body .sidebar-popout [data-tab=chat] #chat-controls .roll-type-select { - background-color: rgba(var(--color-background), 0.5); - color: rgba(var(--color-text-lightest), 1); - height: 2rem; - margin: 0; - width: auto; -} - -body #sidebar [data-tab=chat] #chat-controls .control-buttons, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons { - align-items: center; - display: flex; - flex: 0 0 auto; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-controls .control-buttons a > i, -body .sidebar-popout [data-tab=chat] #chat-controls .control-buttons a > i { - font-size: inherit; - line-height: initial; -} - -body #sidebar [data-tab=chat] #chat-form, -body .sidebar-popout [data-tab=chat] #chat-form { - background-color: rgba(var(--color-background), 0.5); - background-image: none; - border: none; - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - height: 7rem; - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar [data-tab=chat] #chat-form textarea, -body .sidebar-popout [data-tab=chat] #chat-form textarea { - background-color: rgba(var(--color-background-lightest), 0.9); - background-image: none; - width: 100%; - height: 100%; - padding: var(--blades-spacer-sm); -} - -body #sidebar #combat .combat-tracker-header, -body .sidebar-popout #combat .combat-tracker-header { - flex-direction: column; -} - -body #sidebar #combat .combat-tracker-header .encounters, -body #sidebar #combat .combat-tracker-header .encounter-controls, -body .sidebar-popout #combat .combat-tracker-header .encounters, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls { - align-items: center; - display: flex; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - width: 100%; -} - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounters h4, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h4, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h4, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h4 { - border-block-end: none; - color: rgba(var(--color-text-lightest), 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - flex: 1 1 auto; - font-size: var(--size-14px); - text-align: center; -} - -body #sidebar #combat .combat-tracker-header .encounters h3, -body #sidebar #combat .combat-tracker-header .encounter-controls h3, -body .sidebar-popout #combat .combat-tracker-header .encounters h3, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls h3 { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-20px); - margin-inline-start: var(--blades-spacer-button-sm); -} - -body #sidebar #combat .combat-tracker-header .encounters a[disabled], -body #sidebar #combat .combat-tracker-header .encounter-controls a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounters a[disabled], -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a[disabled] { - pointer-events: none; - visibility: hidden; -} - -body #sidebar #combat .combat-tracker-header .encounters a:first-child, -body #sidebar #combat .combat-tracker-header .encounter-controls a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounters a:first-child, -body .sidebar-popout #combat .combat-tracker-header .encounter-controls a:first-child { - margin-inline-start: 0; -} - -body #sidebar #combat #combat-tracker .combatant, -body .sidebar-popout #combat #combat-tracker .combatant { - background-color: rgba(var(--color-background), 1); - border: none; - border-radius: 0; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - align-items: center; - display: flex; - flex-wrap: nowrap; - height: auto; - line-height: initial; - margin: 0 var(--blades-spacer-sm); - padding: var(--blades-spacer-base) var(--blades-spacer-sm); - position: relative; - width: auto; -} - -body #sidebar #combat #combat-tracker .combatant.hidden .token-name h4, -body #sidebar #combat #combat-tracker .combatant.hidden .token-image, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.hidden .token-image { - opacity: 0.5; -} - -body #sidebar #combat #combat-tracker .combatant.active .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant.active .token-name h4 { - border-color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #combat #combat-tracker .combatant.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.active .combatant-control.active { - background-color: var(--blades-white-bright); - color: rgba(var(--color-primary), 1); -} - -body #sidebar #combat #combat-tracker .combatant.defeated, -body .sidebar-popout #combat #combat-tracker .combatant.defeated { - background-color: rgba(176, 16, 48, 0.5); -} - -body #sidebar #combat #combat-tracker .combatant.defeated.active .combatant-control.active, -body .sidebar-popout #combat #combat-tracker .combatant.defeated.active .combatant-control.active { - background-color: rgba(var(--color-primary), 1); - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #combat #combat-tracker .combatant .token-name, -body .sidebar-popout #combat #combat-tracker .combatant .token-name { - text-shadow: none; - display: flex; - flex: 1 1 auto; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; - overflow: hidden; - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .token-name h4, -body .sidebar-popout #combat #combat-tracker .combatant .token-name h4 { - color: rgba(var(--color-text-lightest), 1); - border-block-end: 1px solid rgba(var(--color-border-lighter), 0.1); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - flex: initial; - font-size: var(--size-16px); - line-height: initial; -} - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .token-resource, -body .sidebar-popout #combat #combat-tracker .combatant .token-resource { - border-inline-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-14px); - line-height: var(--line-height-compact); - margin-inline-start: var(--blades-spacer-sm); - padding-inline-end: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-tracker .combatant .token-initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative { - padding: 0; - padding-inline-start: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-tracker .combatant .token-initiative .initiative, -body .sidebar-popout #combat #combat-tracker .combatant .token-initiative .initiative { - color: inherit; - text-shadow: none; - font-size: var(--size-16px); - font-weight: normal; -} - -body #sidebar #combat #combat-tracker .combatant .combatant-controls, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-controls { - align-items: center; - display: flex; - gap: var(--blades-spacer-base); -} - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - background: transparent; - font-size: var(--size-20px); - margin: 0; -} - -body #sidebar #combat #combat-tracker .combatant .combatant-control.roll::before, -body .sidebar-popout #combat #combat-tracker .combatant .combatant-control.roll::before { - content: "\f6cf"; -} - -body #sidebar #combat #combat-tracker .combatant .token-effects, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects { - display: flex; - flex: 1 1 auto; - flex-wrap: wrap; - gap: var(--blades-spacer-base); - height: auto; -} - -body #sidebar #combat #combat-tracker .combatant .token-effects img, -body .sidebar-popout #combat #combat-tracker .combatant .token-effects img { - cursor: default; - margin: 0; - max-height: 0.875rem; - max-width: 0.875rem; - opacity: 1; - transform: none; -} - -body #sidebar #combat #combat-controls, -body .sidebar-popout #combat #combat-controls { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-wrap: nowrap; - gap: var(--blades-spacer-base); - padding-block-start: var(--blades-spacer-sm); -} - -body #sidebar #combat #combat-controls:empty, -body .sidebar-popout #combat #combat-controls:empty { - display: none; -} - -body #sidebar #combat #combat-controls .combat-control.center, -body .sidebar-popout #combat #combat-controls .combat-control.center { - flex: 1 1 auto; - white-space: nowrap; -} - -body #sidebar #combat #combat-controls .combat-control > i, -body .sidebar-popout #combat #combat-controls .combat-control > i { - margin: 0; -} - -body #sidebar #scenes .scene, -body .sidebar-popout #scenes .scene { - background-position: 50%; - background-size: cover; - border: none; - box-shadow: none; - height: auto; - line-height: var(--line-height-compact); -} - -body #sidebar #scenes .scene:hover, -body .sidebar-popout #scenes .scene:hover { - background-position: 50%; - background-size: cover; -} - -body #sidebar #scenes .scene h3 > a, -body .sidebar-popout #scenes .scene h3 > a { - text-shadow: 1px 1px 2px var(--blades-black-dark), -1px -1px 2px var(--blades-black-dark); - padding: var(--blades-spacer-sm) 0; -} - -body #sidebar #playlists, -body .sidebar-popout #playlists { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #playlists .global-control, -body .sidebar-popout #playlists .global-control { - background-color: rgba(var(--color-background), 0.5); - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - display: flex; - flex: 0 0 auto; - flex-wrap: wrap; - line-height: var(--line-height-compact); - margin: 0; - padding: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar #playlists .global-control.collapsed .playlist-sounds, -body .sidebar-popout #playlists .global-control.collapsed .playlist-sounds { - height: auto !important; - max-height: 0 !important; - padding: 0 !important; -} - -body #sidebar #playlists .global-control .playlist-header, -body .sidebar-popout #playlists .global-control .playlist-header { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - padding: var(--blades-spacer-xs) 0; - width: 100%; -} - -body #sidebar #playlists .global-control .playlist-header h4, -body .sidebar-popout #playlists .global-control .playlist-header h4 { - text-decoration: none; - height: auto; - margin: 0; - padding-inline-start: 0; -} - -body #sidebar #playlists .global-control .playlist-header h4 i.fa, -body .sidebar-popout #playlists .global-control .playlist-header h4 i.fa { - color: inherit; - margin-inline-start: var(--blades-spacer-xs); -} - -body #sidebar #playlists .global-control .playlist-sounds, -body .sidebar-popout #playlists .global-control .playlist-sounds { - background: transparent; - border-inline-start: none; - flex: 0 0 auto; - height: auto !important; - padding: 0 !important; - width: 100%; -} - -body #sidebar #playlists .global-control .playlist-sounds h4, -body .sidebar-popout #playlists .global-control .playlist-sounds h4 { - border-block-end: 0; - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-16px); - margin: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds h4 + input[type=range], -body .sidebar-popout #playlists .global-control .playlist-sounds h4 + input[type=range] { - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #playlists .global-control .playlist-sounds .sound, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound { - border-block-end: 0; - flex-wrap: nowrap; - padding-inline-start: 0; - padding-inline-end: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds .sound:last-of-type, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound:last-of-type { - padding-block-end: 0; -} - -body #sidebar #playlists .global-control .playlist-sounds .sound .global-volume, -body .sidebar-popout #playlists .global-control .playlist-sounds .sound .global-volume { - flex: 0 0 50%; -} - -body #sidebar #playlists .directory-list .directory-item.playlist, -body .sidebar-popout #playlists .directory-list .directory-item.playlist { - flex-direction: column; - line-height: var(--line-height-compact); - padding: 0 var(--blades-spacer-sm); -} - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed):focus, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):hover, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed):focus { - background-color: rgba(var(--color-folder-directory), 1); -} - -body #sidebar #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .directory-item.playlist:not(.collapsed) .playlist-sounds .sound:first-child { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body #sidebar #playlists .directory-list .playlist-sounds, -body .sidebar-popout #playlists .directory-list .playlist-sounds { - height: auto !important; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-sounds .sound:first-child, -body .sidebar-popout #playlists .directory-list .playlist-sounds .sound:first-child { - border-block-start: transparent 1px solid; -} - -body #sidebar #playlists .directory-list .playlist-header, -body #sidebar #playlists .directory-list .sound, -body .sidebar-popout #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .sound { - display: flex; - flex: 1 1 100%; - flex-wrap: nowrap; - margin: 0; - text-decoration: none; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-header .playlist-name, -body #sidebar #playlists .directory-list .sound .playlist-name, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name, -body .sidebar-popout #playlists .directory-list .sound .playlist-name { - align-items: center; - display: inline-flex; - flex: 1 1 100%; - overflow: visible; - padding: var(--blades-spacer-base) 0; - word-break: normal; - white-space: initial; - width: 100%; -} - -body #sidebar #playlists .directory-list .playlist-header .playlist-name > i, -body #sidebar #playlists .directory-list .sound .playlist-name > i, -body .sidebar-popout #playlists .directory-list .playlist-header .playlist-name > i, -body .sidebar-popout #playlists .directory-list .sound .playlist-name > i { - display: none; -} - -body #sidebar #playlists .directory-list .playlist-header .sound-controls, -body #sidebar #playlists .directory-list .sound .sound-controls, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls, -body .sidebar-popout #playlists .directory-list .sound .sound-controls { - flex: 0 0 auto; - flex-wrap: nowrap; - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; -} - -body #sidebar #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body #sidebar #playlists .directory-list .sound .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .playlist-header .sound-controls .sound-control.inactive, -body .sidebar-popout #playlists .directory-list .sound .sound-controls .sound-control.inactive { - opacity: 0.5; -} - -body #sidebar #playlists .directory-list .playlist-header, -body .sidebar-popout #playlists .directory-list .playlist-header { - flex: 0 0 auto; -} - -body #sidebar #playlists .directory-list .sound:nth-child(even), -body .sidebar-popout #playlists .directory-list .sound:nth-child(even) { - background-color: rgba(var(--color-background-darkest), 0.2); -} - -body #sidebar #playlists h4, -body #sidebar #playlists i, -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists h4, -body .sidebar-popout #playlists i, -body .sidebar-popout #playlists input[type=range] { - color: inherit; - height: auto; - line-height: var(--line-height-default); - word-break: normal; -} - -body #sidebar #playlists h4 + input[type=range], -body #sidebar #playlists i + input[type=range], -body .sidebar-popout #playlists h4 + input[type=range], -body .sidebar-popout #playlists i + input[type=range] { - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #playlists h4, -body .sidebar-popout #playlists h4 { - padding: var(--blades-spacer-base); -} - -body #sidebar #playlists input[type=range], -body .sidebar-popout #playlists input[type=range] { - margin: 0; -} - -body #sidebar #playlists #currently-playing, -body .sidebar-popout #playlists #currently-playing { - flex-direction: row; - max-height: 30%; - overflow-x: hidden; - overflow-y: auto; -} - -body #sidebar #playlists #currently-playing .sound, -body .sidebar-popout #playlists #currently-playing .sound { - display: grid; - flex: 1 1 100%; - grid-template-areas: "name controls" "playback playback"; - grid-template-columns: 1fr -webkit-min-content; - grid-template-columns: 1fr min-content; - grid-template-rows: min-content min-content; - margin: 0; - text-decoration: none; - width: 100%; -} - -body #sidebar #playlists #currently-playing .sound + .sound, -body .sidebar-popout #playlists #currently-playing .sound + .sound { - border-block-start: rgba(var(--color-border), 1) 1px solid; - padding-block-start: var(--blades-spacer-sm); -} - -body #sidebar #playlists #currently-playing .sound .sound-name, -body .sidebar-popout #playlists #currently-playing .sound .sound-name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - align-items: center; - display: inline-flex; - grid-area: name; - margin: 0; - padding: var(--blades-spacer-base) 0; -} - -body #sidebar #playlists #currently-playing .sound .sound-controls, -body .sidebar-popout #playlists #currently-playing .sound .sound-controls { - flex-wrap: nowrap; - grid-area: controls; - margin: 0; - margin-inline-start: var(--blades-spacer-base); - padding: var(--blades-spacer-base) 0; - width: auto; -} - -body #sidebar #playlists #currently-playing .sound .sound-control.inactive, -body .sidebar-popout #playlists #currently-playing .sound .sound-control.inactive { - opacity: 0.5; -} - -body #sidebar #playlists #currently-playing .sound .sound-playback, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback { - align-items: center; - display: flex; - grid-area: playback; - padding: 0; -} - -body #sidebar #playlists #currently-playing .sound .sound-playback .sound-timer, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .sound-timer { - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - margin-inline-end: var(--blades-spacer-sm); -} - -body #sidebar #playlists #currently-playing .sound .sound-playback .volume-icon, -body .sidebar-popout #playlists #currently-playing .sound .sound-playback .volume-icon { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar #compendium h3, -body .sidebar-popout #compendium h3 { - background-color: rgba(var(--color-background), 1); - border: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} - -body #sidebar #compendium .compendium-type, -body .sidebar-popout #compendium .compendium-type { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); -} - -body #sidebar #compendium .compendium-list, -body .sidebar-popout #compendium .compendium-list { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-xs); -} - -body #sidebar #compendium .compendium-list .directory-item, -body .sidebar-popout #compendium .compendium-list .directory-item { - flex-wrap: wrap; - line-height: var(--line-height-compact); -} - -body #sidebar #compendium .compendium-list .directory-item h4, -body .sidebar-popout #compendium .compendium-list .directory-item h4 { - align-items: center; - display: flex; - width: 100%; -} - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons { - color: rgba(var(--color-text-lightest), 1); - position: relative; -} - -body #sidebar #compendium .compendium-list .directory-item h4 .status-icons i, -body .sidebar-popout #compendium .compendium-list .directory-item h4 .status-icons i { - margin: 0; - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #compendium .compendium-list .directory-item .compendium-footer, -body .sidebar-popout #compendium .compendium-list .directory-item .compendium-footer { - color: rgba(var(--color-text-lightest), 1); - flex: 0 0 auto; - font-size: var(--size-14px); - padding-block-end: var(--blades-spacer-base); - width: 100%; -} - -body #sidebar #settings, -body .sidebar-popout #settings { - padding: var(--blades-spacer-sm); -} - -body #sidebar #settings > div, -body .sidebar-popout #settings > div { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; -} - -body #sidebar #settings h2, -body #sidebar #settings h4, -body .sidebar-popout #settings h2, -body .sidebar-popout #settings h4 { - background: transparent; - border: none; - color: rgba(var(--color-text-lightest), 1); - padding: 0; - margin: 0; -} - -body #sidebar #settings h2, -body .sidebar-popout #settings h2 { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - font-size: var(--size-20px); - margin-block-start: var(--blades-spacer-sm); -} - -body #sidebar #settings h4, -body .sidebar-popout #settings h4 { - color: rgba(var(--color-primary), 1); - font-size: var(--size-16px); -} - -body #sidebar #settings button, -body .sidebar-popout #settings button { - margin: 0; -} - -body #sidebar #settings #game-details, -body .sidebar-popout #settings #game-details { - color: rgba(var(--color-text-lightest), 1); - margin: 0; - padding: 0; -} - -body #sidebar .notification-pip, -body .sidebar-popout .notification-pip { - color: rgba(var(--color-primary), 1); - margin-inline-end: var(--blades-spacer-xs); - padding: 0; - position: relative; - right: auto; - text-shadow: none; - top: auto; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file { - text-shadow: none; - transition: background 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - align-items: center; - cursor: pointer; - display: flex; - font-size: var(--size-14px); - font-weight: normal; - height: auto; - line-height: var(--blades-spacer-button); - padding: 0 var(--blades-spacer-sm); - position: relative; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:last-child, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:last-child { - border-block-end: 0; -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:hover, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:hover { - background-color: rgba(var(--color-primary), 1); - box-shadow: inset 0 0 0 2px var(--blades-white-bright); - color: rgba(var(--color-text-lightest), 1); -} - -body .filepicker.window-app .filepicker-body .filepicker-body .directory .dir:focus, -body .filepicker.window-app .filepicker-body .filepicker-body .directory .file:focus { - box-shadow: inset 0 0 0 2px rgba(var(--color-primary), 1), inset 0 0 0 3px var(--blades-white-bright), 0 1px 2px 0 var(--blades-black-dark-fade-strong); -} - -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .page-heading, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings { - margin: 0; - width: 100%; -} - -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h2, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h3, -body .window-app[id*=JournalEntry-] aside.sidebar .pages-list .directory-list .directory-item .headings .heading h4 { - border: none; - margin: 0; -} - -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.previous, -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.next { - flex: 0 0 var(--blades-spacer-button); -} - -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.previous i, -body .window-app[id*=JournalEntry-] aside.sidebar .action-buttons button.next i { - margin: 0; -} - -body #module-management .package[data-module-name=ernies-modern-layout] a, -body #module-management .package[data-module-name=ernies-modern-layout] .package-title, -body #module-management .package[data-module-name=ernies-modern-layout] .package-description, -body #module-management .package[data-module-name=ernies-modern-layout] .package-metadata { - color: rgba(var(--color-text-lightest), 1); -} - -body .package-configuration .categories .scrollable, -body .package-configuration .categories footer { - margin: 0; - padding: var(--blades-spacer-sm); -} - -body .window-app[id*=trait-selector-] .window-content form > ol, -body .window-app[id*=trait-selector-] .window-content form > ul { - margin: 0; -} - -body .window-app[id*=trait-selector-] .window-content form > ol li, -body .window-app[id*=trait-selector-] .window-content form > ul li { - margin-block-end: var(--blades-spacer-base); -} - -body .window-app[id*=trait-selector-] .window-content form > ol li:last-child, -body .window-app[id*=trait-selector-] .window-content form > ul li:last-child { - margin-block-end: 0; -} - -body .window-app[id*=trait-selector-] .window-content form > ol li, -body .window-app[id*=trait-selector-] .window-content form > ol label, -body .window-app[id*=trait-selector-] .window-content form > ul li, -body .window-app[id*=trait-selector-] .window-content form > ul label { - color: rgba(var(--color-text), 1); - align-items: center; - display: flex; -} - -body .window-app[id*=trait-selector-] .window-content form > ol label.checkbox, -body .window-app[id*=trait-selector-] .window-content form > ul label.checkbox { - height: auto; - font-size: var(--size-14px); - line-height: initial; -} - -body .window-app[id*=trait-selector-] .window-content form > ol label.checkbox > input, -body .window-app[id*=trait-selector-] .window-content form > ul label.checkbox > input { - margin-inline-end: var(--blades-spacer-base); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br { - padding: 0 var(--blades-spacer-xs); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .die-result-overlay-br button, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .die-result-overlay-br button { - margin: 0 var(--blades-spacer-xs); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip), -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-row-item:not(.tooltip) { - align-items: center; - display: flex; - justify-content: center; - margin: 0; - min-height: var(--blades-spacer-button); -} - -body .window-app[id*=chat-popout-] .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total, -body #sidebar [data-tab=chat] #chat-log .chat-message .chat-card .red-dual .dice-row .dice-total + .dice-total { - margin-block-start: 0; - margin-inline-start: var(--blades-spacer-base); -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper { - width: var(--blades-spacer-button); - height: var(--blades-spacer-button); - cursor: default; - flex: 0 0 auto; - margin-inline-end: var(--blades-spacer-sm); - position: relative; -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper .token-image, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper .token-image { - width: 100%; - height: 100%; - margin: 0; -} - -body #sidebar #combat #combat-tracker .combatant .ce-image-wrapper svg, -body .sidebar-popout #combat #combat-tracker .combatant .ce-image-wrapper svg { - box-shadow: none; -} - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper { - color: rgba(var(--color-text-lightest), 1); - align-items: center; - display: flex; - flex: 0 0 auto; - font-size: var(--size-12px); - padding: var(--blades-spacer-xs); -} - -body #sidebar #combat #combat-tracker .combatant .ce-modify-hp-wrapper input, -body .sidebar-popout #combat #combat-tracker .combatant .ce-modify-hp-wrapper input { - background-color: rgba(var(--color-background-lightest), 1); - background-image: none; - height: auto; - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-lg); -} - -body .combatready-timebar, -body .combatready-timebar-fill { - border-radius: 0; - box-shadow: none; - bottom: 0; - height: 0.4375rem; - top: auto; -} - -.-emu-compact body .combatready-timebar, -.-emu-compact body .combatready-timebar-fill { - height: 0.1875rem; -} - -body #sidebar #combat #combat-tracker .token-resource input, -body .sidebar-popout #combat #combat-tracker .token-resource input { - border: none; - color: rgba(var(--color-text-lightest), 1); - width: var(--blades-spacer-button-sm); - height: var(--blades-spacer-button-sm); - padding: 0; - text-align: center; -} - -body #sidebar #combat .add-temporary, -body .sidebar-popout #combat .add-temporary { - margin: var(--blades-spacer-sm); - text-shadow: none; - width: 100%; -} - -body #sidebar #settings #combat-utility-belt, -body .sidebar-popout #settings #combat-utility-belt { - display: flex; - flex-direction: column; - gap: var(--blades-spacer-base); - margin: 0; -} - -body #sidebar #settings #combat-utility-belt h4, -body .sidebar-popout #settings #combat-utility-belt h4 { - border-block-end: rgba(var(--color-border), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin-block-start: var(--blades-spacer-sm); -} - -body #cub-puter::before, -body #cub-puter::after { - display: none; -} - -body .compendium-browser.window-app .control-area, -body .compendium-browser.window-app .list-area { - overflow-x: hidden; - overflow-y: auto; - padding: var(--blades-spacer-base); -} - -body #sidebar #compendium > ul.directory-list > .directory-item, -body .sidebar-popout #compendium > ul.directory-list > .directory-item { - margin: 0; - padding: 0; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack { - cursor: pointer; - line-height: var(--line-height-compact) !important; - margin: 0 !important; - padding: 0 var(--blades-spacer-sm) !important; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover { - background-color: rgba(var(--color-primary), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack:hover .compendium-footer { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .compendium-footer { - color: rgba(var(--color-text-lightest), 1); -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack .pack-title { - margin: 0 !important; -} - -body #sidebar #compendium > ul.directory-list > .directory-item .compendium-pack i.folder, -body .sidebar-popout #compendium > ul.directory-list > .directory-item .compendium-pack i.folder { - border: none; -} - -body #sidebar #settings #df-chat-enhance-settings h4, -body .sidebar-popout #settings #df-chat-enhance-settings h4 { - border-block-end: rgba(var(--color-border-lighter), 1) 1px solid; - color: rgba(var(--color-text-lightest), 1); - margin-block-start: var(--blades-spacer-md) !important; -} - -body #sidebar [data-tab=chat] section.dice-tray, -body .sidebar-popout [data-tab=chat] section.dice-tray { - border-block-start: rgba(var(--color-border), 1) 1px solid; - flex-direction: column; -} - -body #sidebar [data-tab=chat] section.dice-tray > .flexrow, -body .sidebar-popout [data-tab=chat] section.dice-tray > .flexrow { - gap: var(--blades-spacer-base); - margin: 0; - width: 100%; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__roll { - box-shadow: none; - flex: 1 1 auto; - font-weight: normal; - margin: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button { - padding: var(--blades-spacer-base) var(--blades-spacer-sm); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button:hover svg *, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button:hover svg * { - fill: var(--blades-white-bright); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__button svg, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__button svg { - transition: initial; -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__flag, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__flag { - background-color: rgba(var(--color-primary), 1); - border-radius: 0; - color: rgba(var(--color-text-lightest), 1); - transition: max-height 0.1s cubic-bezier(0.77, 0, 0.175, 1); - bottom: 100%; - left: 0; - position: absolute; - height: var(--blades-spacer-button-xs); - align-items: center; - display: flex; - font-size: var(--size-14px); - justify-content: center; - line-height: var(--line-height-compact); - max-height: var(--blades-spacer-button-xs); - overflow: hidden; - width: 100%; -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__flag.hide, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__flag.hide { - max-height: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__roll, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__roll { - width: auto; - height: var(--blades-spacer-button); - flex: 0 0 auto; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--add, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--sub, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--add, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--sub { - min-width: var(--blades-spacer-button); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__advantage:hover, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--add:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__advantage:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--add:hover { - background-color: var(--blades-color-positive); -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__disadvantage:hover, -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__math--sub:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__disadvantage:hover, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__math--sub:hover { - background-color: var(--blades-color-negative); -} - -body #sidebar [data-tab=chat] section.dice-tray input.dice-tray__input, -body .sidebar-popout [data-tab=chat] section.dice-tray input.dice-tray__input { - background-color: rgba(var(--color-background-lightest), 1); -} - -body #sidebar [data-tab=chat] section.dice-tray .dice-tray__stacked, -body .sidebar-popout [data-tab=chat] section.dice-tray .dice-tray__stacked { - height: var(--blades-spacer-button); - margin: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad { - font-size: var(--size-10px); - margin: 0; - padding: 0; -} - -body #sidebar [data-tab=chat] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage, -body .sidebar-popout [data-tab=chat] section.dice-tray button.dice-tray__ad.dice-tray__disadvantage { - border-block-start: rgba(var(--color-border), 1) 1px solid; -} - -body .dialog--dice-calculator.window-app .dice-calculator > button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button { - color: rgba(var(--color-text-lightest), 1); - font-weight: normal; -} - -body .dialog--dice-calculator.window-app .dice-calculator > button + button, -body .dialog--dice-calculator.window-app .dice-calculator .dice-calculator--button + button { - margin: 0; -} - -body #sidebar .dnd5ehelpers .dice-result, -body .sidebar-popout .dnd5ehelpers .dice-result { - margin-block-start: var(--blades-spacer-base); -} - -body #sidebar .dnd5ehelpers .dice-result .desc, -body .sidebar-popout .dnd5ehelpers .dice-result .desc { - background-color: rgba(var(--color-background-light), 1); - border: rgba(var(--color-border), 1) 1px solid; - border-radius: 0; - box-shadow: 0 2px 4px var(--blades-black-dark); - color: rgba(var(--color-text-lightest), 1); - font-size: var(--size-12px); - padding: var(--blades-spacer-sm); -} - -body #sidebar .dnd5ehelpers .cover-button, -body .sidebar-popout .dnd5ehelpers .cover-button { - flex-direction: row-reverse; - margin: 0; - margin-block-start: var(--blades-spacer-base); -} - -body #sidebar .dnd5ehelpers .cover-button img, -body .sidebar-popout .dnd5ehelpers .cover-button img { - margin: 0; - margin-inline-start: var(--blades-spacer-base); - width: var(--blades-spacer-button-xs); -} - -body #sidebar #playlists .header-actions > .flexrow, -body .sidebar-popout #playlists .header-actions > .flexrow { - flex: 0 0 100%; - gap: var(--blades-spacer-base); -} - -body #sidebar [data-tab=chat] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action=attack], -body .sidebar-popout [data-tab=chat] #chat-log .midi-qol-item-card.chat-card .card-buttons button[data-action=attack] { - margin-block-end: var(--blades-spacer-base); -} - -body .monsterblock .tweak-menu ul li labal:hover, -body .monsterblock .tweak-menu ul li a:hover, -body .monsterblock .tweak-menu ul li label:hover { - color: rgba(var(--color-primary), 1); - text-shadow: none; -} - -body .monsterblock .tweak-menu ul li labal, -body .monsterblock .tweak-menu ul li a, -body .monsterblock .tweak-menu ul li label { - padding: var(--blades-spacer-xs); -} - -body .monsterblock .tweak-menu ul li labal.menu-toggle, -body .monsterblock .tweak-menu ul li a.menu-toggle, -body .monsterblock .tweak-menu ul li label.menu-toggle { - padding-inline-start: var(--blades-spacer-md); -} - -body .monsterblock .tweak-menu ul li labal:not(:only-child)::before, -body .monsterblock .tweak-menu ul li a:not(:only-child)::before, -body .monsterblock .tweak-menu ul li label:not(:only-child)::before { - left: var(--blades-spacer-base); - top: var(--blades-spacer-xs); -} - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox, -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox { - flex: 1 1 auto; - font-size: var(--size-14px) !important; - margin: 0; -} - -body #edit-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type=checkbox], -body #add-resource-form.fvtt-party-resources.window-app form .form-group label.checkbox input[type=checkbox] { - margin: 0; -} - -body #sidebar .sidebar-tab .directory-footer button.create-pdf, -body .sidebar-popout .sidebar-tab .directory-footer button.create-pdf { - flex: 1 1 auto; -} - -body .window-app .window-header a.pop__btn-open, -body .window-app .window-header a.tit-menu__btn-open--sheet { - display: flex !important; - flex: 0 0 auto; - padding: 0 !important; - width: var(--blades-spacer-button-sm); -} - -body .window-app .window-header a.pop__btn-open > i, -body .window-app .window-header a.pop__btn-open > span.fas, -body .window-app .window-header a.tit-menu__btn-open--sheet > i, -body .window-app .window-header a.tit-menu__btn-open--sheet > span.fas { - margin-inline-end: 0; -} - -body #sidebar .dir__wrp-header, -body .sidebar-popout .dir__wrp-header { - padding: 0; -} - -body #sidebar .dir__wrp-header .w-100, -body .sidebar-popout .dir__wrp-header .w-100 { - gap: var(--blades-spacer-base); -} - -body #sidebar .dir__wrp-header .w-100 > *, -body .sidebar-popout .dir__wrp-header .w-100 > * { - margin: 0 !important; -} - -body #sidebar [data-tab=chat] .tabbedchatlog, -body .sidebar-popout [data-tab=chat] .tabbedchatlog { - border-radius: 0; - box-shadow: none; -} - -body #sidebar [data-tab=chat] .tabbedchatlog a, -body .sidebar-popout [data-tab=chat] .tabbedchatlog a { - color: rgba(var(--color-text-lightest), 1); -} - -body #token-action-hud:hover #tah-reposition, -body #token-action-hud:hover #tah-categories { - visibility: visible; -} - -body #token-action-hud #tah-reposition, -body #token-action-hud #tah-categories { - left: initial; - margin: 0; - visibility: hidden; -} - -body #token-action-hud #tah-reposition i, -body #token-action-hud #tah-categories i { - color: inherit; - text-shadow: 2px 2px 2px var(--blades-black-dark); - font-size: var(--size-12px); - padding: initial; - margin: initial; - text-align: initial; -} - -body #token-action-hud button.tah-title-button, -body #token-action-hud .tah-action button { - margin-inline-start: var(--blades-spacer-base); -} - -body #token-action-hud button.tah-title-button > .fa, -body #token-action-hud .tah-action button > .fa { - display: none; -} - -body #hud .token-info-container .token-info-column-left, -body #hud .token-info-container .token-info-column-right { - padding: 0; - width: auto; -} - -body #sidebar .token-mold, -body .sidebar-popout .token-mold { - flex-wrap: wrap; -} - -body #sidebar .token-mold h3, -body .sidebar-popout .token-mold h3 { - font-size: var(--size-16px); - font-weight: normal; - margin: 0; - width: 100%; -} - -body #sidebar .token-mold > label, -body .sidebar-popout .token-mold > label { - flex: 1 1 auto; -} - -body #sidebar .token-mold > label > span, -body .sidebar-popout .token-mold > label > span { - width: 100%; - height: var(--blades-spacer-button-sm); - font-size: var(--size-12px); - padding: var(--blades-spacer-base); -} - -body #sidebar .token-mold > label > span > span, -body .sidebar-popout .token-mold > label > span > span { - margin-inline-end: var(--blades-spacer-base); -} - -body #sidebar .import-dd, -body .sidebar-popout .import-dd { - display: flex !important; - flex: 1 1 100% !important; - margin: 0 !important; -} - -body #sidebar .sidebar-tab .directory-header .header-actions #world-anvil img, -body .sidebar-popout .sidebar-tab .directory-header .header-actions #world-anvil img { - max-height: var(--size-16px); - top: auto; -} \ No newline at end of file diff --git a/css/svg-styles.css b/css/svg-styles.css deleted file mode 100644 index 83e099e5..00000000 --- a/css/svg-styles.css +++ /dev/null @@ -1,67 +0,0 @@ -* { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; } - -.segmented { - --rotation-step-size: calc(360deg / var(--rotation-steps)); - --segment-scale: 1; } - -clipPath.segmented { - --segment-scale: 2 ; } - -.segmented[data-size="1"] { - --rotation-steps: 1 ; } - -.segmented[data-size="2"] { - --rotation-steps: 2 ; } - -.segmented[data-size="3"] { - --rotation-steps: 3 ; } - -.segmented[data-size="4"] { - --rotation-steps: 4 ; } - -.segmented[data-size="5"] { - --rotation-steps: 5 ; } - -.segmented[data-size="6"] { - --rotation-steps: 6 ; } - -.segmented[data-size="8"] { - --rotation-steps: 8 ; } - -.segmented[data-size="10"] { - --rotation-steps: 10 ; } - -.segmented[data-size="12"] { - --rotation-steps: 12 ; } - -.segmented > use { - -webkit-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - -ms-transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); - transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); } - .segmented > use .segmented > use:nth-child(1) { - --segment-rotation: calc(0 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(2) { - --segment-rotation: calc(1 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(3) { - --segment-rotation: calc(2 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(4) { - --segment-rotation: calc(3 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(5) { - --segment-rotation: calc(4 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(6) { - --segment-rotation: calc(5 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(7) { - --segment-rotation: calc(6 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(8) { - --segment-rotation: calc(7 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(9) { - --segment-rotation: calc(8 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(10) { - --segment-rotation: calc(9 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(11) { - --segment-rotation: calc(10 * var(--rotation-step-size)) ; } - .segmented > use .segmented > use:nth-child(12) { - --segment-rotation: calc(11 * var(--rotation-step-size)) ; } diff --git a/css/svg-styles.min.css b/css/svg-styles.min.css deleted file mode 100644 index 169efc01..00000000 --- a/css/svg-styles.min.css +++ /dev/null @@ -1,88 +0,0 @@ -* { - transform-origin: 50% 50%; -} - -.segmented { - --rotation-step-size: calc(360deg / var(--rotation-steps)); - --segment-scale: 1; -} - -clipPath.segmented { - --segment-scale: 2 ; -} - -.segmented[data-size="1"] { - --rotation-steps: 1 ; -} - -.segmented[data-size="2"] { - --rotation-steps: 2 ; -} - -.segmented[data-size="3"] { - --rotation-steps: 3 ; -} - -.segmented[data-size="4"] { - --rotation-steps: 4 ; -} - -.segmented[data-size="5"] { - --rotation-steps: 5 ; -} - -.segmented[data-size="6"] { - --rotation-steps: 6 ; -} - -.segmented[data-size="8"] { - --rotation-steps: 8 ; -} - -.segmented[data-size="10"] { - --rotation-steps: 10 ; -} - -.segmented[data-size="12"] { - --rotation-steps: 12 ; -} - -.segmented > use { - transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); -} -.segmented > use .segmented > use:nth-child(1) { - --segment-rotation: calc(0 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(2) { - --segment-rotation: calc(1 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(3) { - --segment-rotation: calc(2 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(4) { - --segment-rotation: calc(3 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(5) { - --segment-rotation: calc(4 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(6) { - --segment-rotation: calc(5 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(7) { - --segment-rotation: calc(6 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(8) { - --segment-rotation: calc(7 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(9) { - --segment-rotation: calc(8 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(10) { - --segment-rotation: calc(9 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(11) { - --segment-rotation: calc(10 * var(--rotation-step-size)) ; -} -.segmented > use .segmented > use:nth-child(12) { - --segment-rotation: calc(11 * var(--rotation-step-size)) ; -} \ No newline at end of file diff --git a/css/tagify/tagify.min.css b/css/tagify/tagify.min.css deleted file mode 100644 index e7ae2bb9..00000000 --- a/css/tagify/tagify.min.css +++ /dev/null @@ -1,439 +0,0 @@ -@use "sass:math"; -:root { - --tagify-dd-color-primary: rgb(53,149,246); - --tagify-dd-bg-color: white; - --tagify-dd-item-pad: .3em .5em; } - -.tagify { - --tags-disabled-bg: #F1F1F1; - --tags-border-color: #DDD; - --tags-hover-border-color: #CCC; - --tags-focus-border-color: #3595f6; - --tag-border-radius: 3px; - --tag-bg: #E5E5E5; - --tag-hover: #D3E2E2; - --tag-text-color: black; - --tag-text-color--edit: black; - --tag-pad: 0.3em 0.5em; - --tag-inset-shadow-size: 1.1em; - --tag-invalid-color: #D39494; - --tag-invalid-bg: rgba(211, 148, 148, 0.5); - --tag-remove-bg: rgba(211, 148, 148, 0.3); - --tag-remove-btn-color: black; - --tag-remove-btn-bg: none; - --tag-remove-btn-bg--hover: #c77777; - --input-color: inherit; - --tag--min-width: 1ch; - --tag--max-width: auto; - --tag-hide-transition: 0.3s; - --placeholder-color: rgba(0, 0, 0, 0.4); - --placeholder-color-focus: rgba(0, 0, 0, 0.25); - --loader-size: .8em; - --readonly-striped: 1; - display: inline-flex; - align-items: flex-start; - flex-wrap: wrap; - border: 1px solid var(--tags-border-color); - padding: 0; - line-height: 0; - cursor: text; - outline: none; - position: relative; - box-sizing: border-box; - transition: .1s; } - -@keyframes tags--bump { - 30% { - transform: scale(1.2); } } - -@keyframes rotateLoader { - to { - transform: rotate(1turn); } } - .tagify:hover:not(.tagify--focus):not(.tagify--invalid) { - --tags-border-color: var(--tags-hover-border-color); } - .tagify[disabled] { - background: var(--tags-disabled-bg); - filter: saturate(0); - opacity: .5; - pointer-events: none; } - .tagify[readonly].tagify--select, .tagify[disabled].tagify--select { - pointer-events: none; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) { - cursor: default; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input { - visibility: hidden; - width: 0; - margin: 5px 0; } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div { - padding: var(--tag-pad); } - .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); } } - .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn { - display: none; } - .tagify--loading .tagify__input > br:last-child { - display: none; } - .tagify--loading .tagify__input::before { - content: none; } - .tagify--loading .tagify__input::after { - content: ''; - vertical-align: middle; - opacity: 1; - width: .7em; - height: .7em; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader .4s infinite linear; - content: '' !important; - margin: -2px 0 -2px .5em; } - .tagify--loading .tagify__input:empty::after { - margin-left: 0; } - .tagify + input, - .tagify + textarea { - position: absolute !important; - left: -9999em !important; - transform: scale(0) !important; } - .tagify__tag { - display: inline-flex; - align-items: center; - margin: 5px 0 5px 5px; - position: relative; - z-index: 1; - outline: none; - line-height: normal; - cursor: default; - transition: .13s ease-out; } - .tagify__tag > div { - vertical-align: top; - box-sizing: border-box; - max-width: 100%; - padding: var(--tag-pad); - color: var(--tag-text-color); - line-height: inherit; - border-radius: var(--tag-border-radius); - white-space: nowrap; - transition: .13s ease-out; } - .tagify__tag > div > * { - white-space: pre-wrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: top; - min-width: var(--tag--min-width); - max-width: var(--tag--max-width); - transition: .8s ease, .1s color; } - .tagify__tag > div > *[contenteditable] { - outline: none; - user-select: text; - cursor: text; - margin: -2px; - padding: 2px; - max-width: 350px; } - .tagify__tag > div::before { - content: ''; - position: absolute; - border-radius: inherit; - inset: var(--tag-bg-inset, 0); - z-index: -1; - pointer-events: none; - transition: 120ms ease; - animation: tags--bump .3s ease-out 1; - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; } - .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before { - --tag-bg-inset: -2.5px; - --tag-bg: var(--tag-hover); } - .tagify__tag--loading { - pointer-events: none; } - .tagify__tag--loading .tagify__tag__removeBtn { - display: none; } - .tagify__tag--loading::after { - --loader-size: .4em; - content: ''; - vertical-align: middle; - opacity: 1; - width: .7em; - height: .7em; - width: var(--loader-size); - height: var(--loader-size); - min-width: 0; - border: 3px solid; - border-color: #EEE #BBB #888 transparent; - border-radius: 50%; - animation: rotateLoader .4s infinite linear; - margin: 0 .5em 0 -.1em; } - .tagify__tag--flash div::before { - animation: none; } - .tagify__tag--hide { - width: 0 !important; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - opacity: 0; - transform: scale(0); - transition: var(--tag-hide-transition); - pointer-events: none; } - .tagify__tag--hide > div > * { - white-space: nowrap; } - .tagify__tag.tagify--noAnim > div::before { - animation: none; } - .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { - opacity: .5; } - .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { - --tag-bg: var(--tag-invalid-bg); - transition: .2s; } - .tagify__tag[readonly] .tagify__tag__removeBtn { - display: none; } - .tagify__tag[readonly] > div::before { - animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } - -@keyframes readonlyStyles { - 0% { - 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; - box-shadow: none; - filter: brightness(0.95); } } - .tagify__tag--editable > div { - color: var(--tag-text-color--edit); } - .tagify__tag--editable > div::before { - box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } - .tagify__tag--editable > .tagify__tag__removeBtn { - pointer-events: none; } - .tagify__tag--editable > .tagify__tag__removeBtn::after { - opacity: 0; - transform: translateX(100%) translateX(5px); } - .tagify__tag--editable.tagify--invalid > div::before { - box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } - .tagify__tag__removeBtn { - order: 5; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50px; - cursor: pointer; - font: 14px/1 Arial; - background: var(--tag-remove-btn-bg); - color: var(--tag-remove-btn-color); - width: 14px; - height: 14px; - margin-right: 4.66667px; - margin-left: auto; - overflow: hidden; - transition: .2s ease-out; } - .tagify__tag__removeBtn::after { - content: "\00D7"; - transition: .3s, color 0s; } - .tagify__tag__removeBtn:hover { - color: white; - background: var(--tag-remove-btn-bg--hover); } - .tagify__tag__removeBtn:hover + div > span { - opacity: .5; } - .tagify__tag__removeBtn:hover + div::before { - box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; - transition: box-shadow .2s; } - .tagify:not(.tagify--mix) .tagify__input br { - display: none; } - .tagify:not(.tagify--mix) .tagify__input * { - display: inline; - white-space: nowrap; } - .tagify__input { - flex-grow: 1; - display: inline-block; - min-width: 110px; - margin: 5px; - padding: var(--tag-pad); - line-height: normal; - position: relative; - white-space: pre-wrap; - color: var(--input-color); - box-sizing: inherit; - /* Seems firefox newer versions don't need this any more - @supports ( -moz-appearance:none ){ - &::before{ - line-height: inherit; - position:relative; - } - } - */ } - -@-moz-document url-prefix() {} .tagify__input:empty::before { - position: static; } - .tagify__input:focus { - outline: none; } - .tagify__input:focus::before { - transition: .2s ease-out; - opacity: 0; - transform: translatex(6px); - /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ - /* IE Edge 12+ CSS styles go here */ } - @supports (-ms-ime-align: auto) { - .tagify__input:focus::before { - display: none; } } - .tagify__input:focus:empty::before { - transition: .2s ease-out; - opacity: 1; - transform: none; - color: rgba(0, 0, 0, 0.25); - color: var(--placeholder-color-focus); } - -@-moz-document url-prefix() { - .tagify__input:focus:empty::after { - display: none; } } - .tagify__input::before { - content: attr(data-placeholder); - height: 1em; - line-height: 1em; - margin: auto 0; - z-index: 1; - color: var(--placeholder-color); - white-space: nowrap; - pointer-events: none; - opacity: 0; - position: absolute; } - .tagify__input::after { - content: attr(data-suggest); - display: inline-block; - vertical-align: middle; - position: absolute; - min-width: calc(100% - 1.5em); - text-overflow: ellipsis; - overflow: hidden; - white-space: pre; - /* allows spaces at the beginning */ - color: var(--tag-text-color); - opacity: .3; - pointer-events: none; - max-width: 100px; } - .tagify__input .tagify__tag { - margin: 0 1px; } - .tagify--mix { - display: block; } - .tagify--mix .tagify__input { - padding: 5px; - margin: 0; - width: 100%; - height: 100%; - line-height: 1.5; - display: block; } - .tagify--mix .tagify__input::before { - height: auto; - display: none; - line-height: inherit; } - .tagify--mix .tagify__input::after { - content: none; } - .tagify--select::after { - content: '>'; - opacity: .5; - position: absolute; - top: 50%; - right: 0; - bottom: 0; - font: 16px monospace; - line-height: 8px; - height: 8px; - pointer-events: none; - transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); - transition: .2s ease-in-out; } - .tagify--select[aria-expanded=true]::after { - transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); } - .tagify--select .tagify__tag { - position: absolute; - top: 0; - right: 1.8em; - bottom: 0; } - .tagify--select .tagify__tag div { - display: none; } - .tagify--select .tagify__input { - width: 100%; } - .tagify--empty .tagify__input::before { - transition: .2s ease-out; - opacity: 1; - transform: none; - display: inline-block; - width: auto; } - .tagify--mix .tagify--empty .tagify__input::before { - display: inline-block; } - .tagify--focus { - --tags-border-color: var(--tags-focus-border-color); - transition: 0s; } - .tagify--invalid { - --tags-border-color: #D39494; } - .tagify__dropdown { - position: absolute; - z-index: 9999; - transform: translateY(1px); - overflow: hidden; } - .tagify__dropdown[placement="top"] { - margin-top: 0; - transform: translateY(-100%); } - .tagify__dropdown[placement="top"] .tagify__dropdown__wrapper { - border-top-width: 1.1px; - border-bottom-width: 0; } - .tagify__dropdown[position="text"] { - box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); - font-size: .9em; } - .tagify__dropdown[position="text"] .tagify__dropdown__wrapper { - border-width: 1px; } - .tagify__dropdown__wrapper { - max-height: 300px; - overflow: auto; - overflow-x: hidden; - background: var(--tagify-dd-bg-color); - border: 1px solid; - border-color: var(--tagify-dd-color-primary); - border-bottom-width: 1.5px; - border-top-width: 0; - box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); - transition: 0.25s cubic-bezier(0, 1, 0.5, 1); } - .tagify__dropdown__header:empty { - display: none; } - .tagify__dropdown__footer { - display: inline-block; - margin-top: .5em; - padding: var(--tagify-dd-item-pad); - font-size: 0.7em; - font-style: italic; - opacity: .5; } - .tagify__dropdown__footer:empty { - display: none; } - .tagify__dropdown--initial .tagify__dropdown__wrapper { - max-height: 20px; - transform: translateY(-1em); } - .tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper { - transform: translateY(2em); } - .tagify__dropdown__item { - box-sizing: border-box; - padding: var(--tagify-dd-item-pad); - margin: 1px; - cursor: pointer; - border-radius: 2px; - position: relative; - outline: none; - max-height: 60px; - max-width: 100%; - /* custom hidden transition effect is needed for horizontal-layout suggestions */ } - .tagify__dropdown__item--active { - background: var(--tagify-dd-color-primary); - color: white; } - .tagify__dropdown__item:active { - filter: brightness(105%); } - .tagify__dropdown__item--hidden { - padding-top: 0; - padding-bottom: 0; - margin: 0 1px; - pointer-events: none; - overflow: hidden; - max-height: 0; - transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; } - .tagify__dropdown__item--hidden > * { - transform: translateY(-100%); - opacity: 0; - transition: inherit; } diff --git a/css/tinymce/content.css b/css/tinymce/content.css deleted file mode 100644 index 94599033..00000000 --- a/css/tinymce/content.css +++ /dev/null @@ -1,3628 +0,0 @@ -@charset "UTF-8"; -html, :root { - @use "sass:math"; - @use "sass:color"; - scrollbar-color: var(--blades-grey) var(--blades-black-dark-fade); - scrollbar-width: thin; } - html, :root { - --min-tinymce-height: 40px; - --clock-glow-size: 50px; - --clock-frame-size: 50px; - --clock-glow-correction: -175px; - --color-text-light-highlight: #f0f0e0; - --color-text-light-heading: #c9c7b8; - --color-text-light-primary: #b5b3a4; - --color-text-dark-primary: #191813; - --color-text-dark-secondary: #4b4a44; - --color-text-dark-header: #23221d; - --color-text-dark-inactive: #7a7971; - --color-text-light-0: #fff; - --color-text-light-1: #eee; - --color-text-light-2: #ddd; - --color-text-light-3: #ccc; - --color-text-light-4: #bbb; - --color-text-light-5: #aaa; - --color-text-light-6: #999; - --color-text-light-7: #888; - --color-text-dark-1: #111; - --color-text-dark-2: #222; - --color-text-dark-3: #444; - --color-text-dark-4: #555; - --color-text-dark-5: #666; - --color-text-dark-6: #777; - --color-border-light-1: #ddd; - --color-border-light-2: #999; - --color-border-dark-1: #111; - --color-border-dark-2: #222; - --color-border-dark-3: #333; - --color-border-dark-4: #444; - --color-border-dark-5: #666; - --color-shadow-dark: #000; - --color-underline-inactive: #7a7971; - --color-underline-active: #44191A; - --color-border-light-highlight: #f0f0e0; - --color-border-light-primary: #b5b3a4; - --color-border-light-secondary: #c9c7b8; - --color-border-light-tertiary: #7a7971; - --color-border-dark: #000; - --color-border-dark-primary: #191813; - --color-border-dark-secondary: #23221d; - --color-border-dark-tertiary: #4b4a44; - --color-bg-btn-minor-inactive: #c9c7b8; - --color-bg-btn-minor-active: #b5b3a4; - --color-bg-option: #dad8cc; - --color-ownership-none: #5500ff; - --color-ownership-observer: #7a7971; - --color-ownership-owner: #b5b3a4; - --color-level-info: #5c87b9; - --color-level-warning: #b18404; - --color-level-error: #750003; - --z-index-canvas: 0; - --z-index-app: 30; - --z-index-ui: 60; - --z-index-window: 100; - --sidebar-width: 300px; - --sidebar-header-height: 32px; - --sidebar-item-height: 48px; - --hotbar-height: 52px; - --hotbar-width: 578px; - --macro-size: 50px; - --players-width: 200px; - --form-field-height: 26px; - --font-size-11: 0.6875rem; - --font-size-12: 0.75rem; - --font-size-13: 0.8125rem; - --font-size-14: 0.875rem; - --font-size-16: 1rem; - --font-size-18: 1.125rem; - --font-size-20: 1.25rem; - --font-size-24: 1.5rem; - --font-size-28: 1.75rem; - --font-size-32: 2rem; - --font-size-48: 3rem; - --line-height-12: 0.75rem; - --line-height-16: 1rem; - --line-height-20: 1.25rem; - --line-height-30: 1.875rem; - --color-text-hyperlink: var(--blades-gold-bright); - --color-shadow-primary: var(--blades-white); - --color-shadow-highlight: var(--blades-gold-bright); - --color-underline-header: var(--blades-grey); - --color-border-highlight: var(--blades-gold-bright); - --color-border-highlight-alt: var(--blades-gold); - --size-10px: toRem(10px); - --size-11px: var(--font-size-11); - --size-12px: var(--font-size-12); - --size-13px: var(--font-size-13); - --size-14px: var(--font-size-14); - --size-16px: var(--font-size-16); - --size-18px: var(--font-size-18); - --size-20px: var(--font-size-20); - --size-24px: var(--font-size-24); - --size-28px: var(--font-size-28); - --size-30px: toRem(30px); - --size-32px: var(--font-size-32); - --size-48px: var(--font-size-48); - --blades-white-bright-nums: 255, 255, 255; - --blades-white-nums: 200, 200, 200; - --blades-grey-bright-nums: 170, 170, 170; - --blades-grey-nums: 119, 119, 119; - --blades-grey-dark-nums: 68, 68, 68; - --blades-black-nums: 32, 32, 32; - --blades-black-dark-nums: 0, 0, 0; - --blades-gold-bright-nums: 255, 231, 92; - --blades-gold-nums: 255, 215, 0; - --blades-gold-dark-nums: 184, 156, 0; - --blades-gold-darkest-nums: 55, 53, 0; - --blades-red-bright-nums: 220, 20, 60; - --blades-red-nums: 204, 0, 0; - --blades-red-dark-nums: 122, 0, 0; - --blades-red-darkest-nums: 50, 0, 0; - --blades-green-bright-nums: 20, 220, 60; - --blades-green-nums: 0, 204, 0; - --blades-green-dark-nums: 0, 122, 0; - --blades-green-darkest-nums: 0, 60, 0; - --blades-cyan-bright-nums: 198, 255, 255; - --blades-cyan-nums: 150, 255, 255; - --blades-cyan-dark-nums: 42, 85, 85; - --blades-cyan-darkest-nums: 25, 49, 49; - --blades-white-bright: rgba(var(--blades-white-bright-nums), 1); - --blades-white: rgba(var(--blades-white-nums), 1); - --blades-grey-bright: rgba(var(--blades-grey-bright-nums), 1); - --blades-grey: rgba(var(--blades-grey-nums), 1); - --blades-grey-dark: rgba(var(--blades-grey-dark-nums), 1); - --blades-black: rgba(var(--blades-black-nums), 1); - --blades-black-dark: rgba(var(--blades-black-dark-nums), 1); - --blades-gold-bright: rgba(var(--blades-gold-bright-nums), 1); - --blades-gold: rgba(var(--blades-gold-nums), 1); - --blades-gold-dark: rgba(var(--blades-gold-dark-nums), 1); - --blades-gold-darkest: rgba(var(--blades-gold-darkest-nums), 1); - --blades-red-bright: rgba(var(--blades-red-bright-nums), 1); - --blades-red: rgba(var(--blades-red-nums), 1); - --blades-red-dark: rgba(var(--blades-red-dark-nums), 1); - --blades-red-darkest: rgba(var(--blades-red-darkest-nums), 1); - --blades-green-bright: rgba(var(--blades-green-bright-nums), 1); - --blades-green: rgba(var(--blades-green-nums), 1); - --blades-green-dark: rgba(var(--blades-green-dark-nums), 1); - --blades-green-darkest: rgba(var(--blades-green-darkest-nums), 1); - --blades-cyan-bright: rgba(var(--blades-cyan-bright-nums), 1); - --blades-cyan: rgba(var(--blades-cyan-nums), 1); - --blades-cyan-dark: rgba(var(--blades-cyan-dark-nums), 1); - --blades-cyan-dark: rgba(var(--blades-cyan-darkest-nums), 1); - --blades-white-fade: rgba(var(--blades-white-nums), 0.5); - --blades-white-fade-strong: rgba(var(--blades-white-nums), 0.25); - --blades-white-bright-fade: rgba(var(--blades-white-bright-nums), 0.5); - --blades-white-bright-fade-strong: rgba(var(--blades-white-bright-nums), 0.25); - --blades-black-fade: rgba(var(--blades-black-nums), 0.5); - --blades-black-fade-strong: rgba(var(--blades-black-nums), 0.25); - --blades-black-dark-fade: rgba(var(--blades-black-dark-nums), 0.5); - --blades-black-dark-fade-strong: rgba(var(--blades-black-dark-nums), 0.25); - --blades-red-dark-fade: rgba(var(--blades-red-dark-nums), 0.5); - --blades-green-dark-fade: rgba(var(--blades-green-dark-nums), 0.5); - --blades-cyan-dark-fade: rgba(var(--blades-cyan-dark-nums), 0.5); - --blades-red-dark-fade-strong: rgba(var(--blades-red-dark-nums), 0.25); - --blades-green-dark-fade-strong: rgba(var(--blades-green-dark-nums), 0.25); - --blades-cyan-dark-fade-strong: rgba(var(--blades-cyan-dark-nums), 0.25); - --color-primary: var(--blades-white-nums); - --color-background: var(--blades-black-nums); - --color-background-lightest: var(--blades-grey-nums); - --color-background-light: var(--blades-grey-dark-nums); - --color-background-darkest: var(--blades-black-dark-nums); - --color-background-button: var(--blades-grey-dark-nums); - --color-background-chat-message: var(--blades-black-nums); - --color-background-chat-message-whisper: var(--blades-grey-nums); - --color-background-chat-message-blind: var(--blades-grey-dark-nums); - --color-border: var(--blades-grey-dark-nums); - --color-border-lighter: var(--blades-grey-nums); - --color-folder-header: var(--blades-grey-nums); - --color-folder-directory: var(--blades-grey-dark-nums); - --color-folder-subdirectory: var(--blades-black-nums); - --color-text: var(--blades-white-nums); - --color-text-lightest: var(--blades-white-bright-nums); - --color-text-darker: var(--blades-grey-bright-nums); - --color-shadow-primary: var(--blades-white-bright-nums); - --color-text-dark-primary: var(--blades-white-nums); - --color-bg-option: var(--blades-black-nums); - --blades-color-negative: var(--blades-red-bright); - --blades-color-positive: var(--blades-gold-bright); - --font-primary: "Minion Pro", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: "Minion Pro Caption"; - --font-primary-narrow: "Minion Pro Cond"; - --font-primary-small-narrow: "Minion Pro Caption Cond"; - --font-primary-alt: "Historical FellType"; - --font-primary-alt-smallcaps: "Historical FellType SC"; - --font-emphasis: "Kirsty"; - --font-emphasis-smallcaps: var(--font-emphasis); - --font-emphasis-alt: "Ravenscroft"; - --font-emphasis-alt-smallcaps: var(--font-emphasis-alt); - --font-emphasis-narrow: "Fjalla One"; - --font-mono: "Pragmata", monospace; - --font-mono-smallcaps: var(--font-mono); - --font-decorative: "UglyQua"; - --font-decorative-alt: "IM FELL Double Pica"; - --font-decorative-alt-smallcaps: "IM FELL Double Pica SC"; - --font-handwritten: "PWSignaturetwo"; - --font-awesome: "Font Awesome 6 Pro"; - --font-awesome-alt: "Font Awesome 6 Brands"; - --font-awesome-duotone: "Font Awesome 6 Duotone"; - --line-height-expanded: 1.4; - --line-height-primary: 1.2; - --line-height-compact: 1; - --text-shadow-dark: 0.1rem 0.1rem 0.2rem var(--blades-black-dark); - --box-shadow-dark: inset 0 0 0.3rem var(--blades-black-dark-fade); - --box-shadow-dark-strong: inset 0 0 0.5rem var(--blades-black-dark); - --color-default: var(--blades-white); - --background-default: var(--blades-dark); - --font-default: var(--font-primary); - --font-size-default: var(--size-14px); - --font-weight-default: normal; - --font-style-default: normal; - --font-variant-default: normal; - --line-height-default: var(--line-height-primary); - --text-shadow-default: none; - --box-shadow-default: none; - --text-transform-default: none; - --color-heading: var(--blades-white-bright); - --color-heading-strong: var(--color-heading); - --background-heading: none; - --background-heading-strong: var(--blades-grey-dark); - --margin-heading: 0; - --margin-heading-strong: 0 0 0.5rem 0; - --padding-heading: 0; - --padding-heading-strong: 0.25rem; - --font-heading: var(--font-emphasis); - --font-heading-strong: var(--font-heading); - --font-weight-heading: bold; - --font-weight-heading-strong: var(--font-weight-heading); - --font-style-heading: var(--font-style-default); - --font-style-heading-strong: var(--font-style-heading); - --font-variant-heading: var(--font-variant-default); - --font-variant-heading-strong: var(--font-variant-heading); - --line-height-heading: var(--line-height-compact); - --line-height-heading-strong: var(--line-height-heading); - --text-shadow-heading: var(--text-shadow-dark); - --text-shadow-heading-strong: var(--text-shadow-heading); - --box-shadow-heading: none; - --box-shadow-heading-strong: var(--box-shadow-input); - --text-transform-heading: uppercase; - --text-transform-heading-strong: var(--text-transform-heading); - --border-color-heading: var(--background-heading-strong); - --border-color-heading-strong: var(--border-color-heading); - --border-width-heading: toRem(2px); - --border-width-heading-strong: var(--border-width-heading); - --border-style-heading: none none solid none; - --border-style-heading-strong: none; - --color-input: var(--blades-white-bright); - --background-input: var(--blades-black-dark-fade-strong); - --margin-input: 0; - --padding-input: 0; - --font-input: var(--font-primary); - --font-number-input: var(--font-emphasis); - --font-size-input: var(--font-size-primary); - --font-weight-input: var(--font-weight-primary); - --font-style-input: var(--font-style-primary); - --font-variant-input: var(--font-variant-primary); - --line-height-input: var(--line-height-compact); - --text-shadow-input: var(--text-shadow-dark); - --box-shadow-input: var(--box-shadow-dark); - --box-shadow-input-strong: var(--box-shadow-dark-strong); - --text-transform-input: var(--text-transform-default); - --border-color-heading: transparent; - --border-width-heading: 0; - --border-style-heading: none; - --font-monospace: var(--font-mono); - --blades-spacer-pf: 0.0625rem; - --blades-spacer-xs: 0.125rem; - --blades-spacer-base: 0.125rem; - --blades-spacer-sm: 0.25rem; - --blades-spacer-md: 0.5rem; - --blades-spacer-lg: 0.75rem; - --blades-spacer-xl: 1rem; - --blades-spacer-button-lg: 2rem; - --blades-spacer-button: 1.5rem; - --blades-spacer-button-sm: 1.25rem; - --blades-spacer-button-xs: 1.125rem; - --blades-spacer-sidebar: 17.875rem; } - html .comp, :root .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: zLevel(); } - html .comp:hover, :root .comp:hover { - z-index: 10; } - html .comp.full-width, :root .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - html .comp .comp-control, html .comp .comp-title, html .comp .portrait-block.comp-body, :root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - html .comp .comp-label:hover, html .comp .comp-title:hover, :root .comp .comp-label:hover, :root .comp .comp-title:hover { - z-index: zLevel(3) !important; } - html .comp .comp-label:hover.comp-label a, html .comp .comp-title:hover.comp-label a, :root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - html .comp .comp-label:hover.comp-title, html .comp .comp-title:hover.comp-title, :root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - html .comp .comp-label, :root .comp .comp-label { - color: var(--blades-white-bright); - font-size: toRem(12px); - line-height: toRem(12px); - z-index: zLevel(3); - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - html .comp .comp-label.comp-prompt, :root .comp .comp-label.comp-prompt { - font-size: toRem(16px); - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - html .comp .comp-label.comp-prompt .sur-title, :root .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: toRem(14px); - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - html .comp .comp-label.comp-prompt .main-title, :root .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - html .comp .comp-control, :root .comp .comp-control { - z-index: zLevel(3); - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 toRem(3px) var(--comp-control-shadow-color); - display: block; } - html .comp .comp-control:hover, :root .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - html .comp .comp-control.comp-button, :root .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - html .comp .comp-control.comp-button.comp-delete, html .comp .comp-control.comp-button.comp-delete-full, html .comp .comp-control.comp-button.comp-delete-clock, :root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - html .comp .comp-control.comp-button.comp-add, html .comp .comp-control.comp-button.comp-add-clock, :root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: toRem(10px); } - html .comp .comp-control.comp-button.comp-add i, html .comp .comp-control.comp-button.comp-add-clock i, :root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i { - line-height: toRem(24px); } - html .comp .comp-control.comp-button:hover, :root .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 toRem(3px) var(--comp-control-hover-shadow-color); } - html .comp .comp-body, :root .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - html .comp .comp-body .comp-title, :root .comp .comp-body .comp-title { - z-index: zLevel(); } - html .comp .comp-body h1, html .comp .comp-body h2, html .comp .comp-body h3, html .comp .comp-body h4, html .comp .comp-body p, html .comp .comp-body blockquote, html .comp .comp-body table, :root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table { - margin: 0; - padding: 0; } - html .comp .comp-toggle, :root .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: toRem(16px); - line-height: toRem(20px); } - html .comp .comp-toggle.comp-toggle-red, :root .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - html .comp .comp-toggle.comp-toggle-red:hover, :root .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - html .comp .comp-toggle.comp-toggle-grey, :root .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - html .comp .comp-toggle.comp-toggle-grey:hover, :root .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - html .comp .number-circle, :root .comp .number-circle { - --number-circle-size: toRem(20px); } - html .comp .comp-number-input, :root .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: toRem(32px); - text-align: center; } - html .comp .comp-status-toggle, :root .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - html .comp .comp-status-toggle > *, :root .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - html .comp .comp-status-toggle .status-positive, :root .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - html .comp .comp-status-toggle .status-negative, :root .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - html .comp .comp-status-toggle .status-neutral, :root .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - html .comp .comp-status-toggle:hover, :root .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - html .comp .comp-status-toggle:hover .status-neutral, :root .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - html .comp.portrait-container, :root .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - html .comp.comp-labeled-input, :root .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - html .comp.comp-vertical, :root .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: toRem(16px); - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - html .comp.comp-vertical .comp-button.comp-delete, :root .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - html .comp.comp-vertical > .comp-label, :root .comp.comp-vertical > .comp-label { - text-align: center; } - html .comp.comp-vertical > .comp-label.comp-prompt, :root .comp.comp-vertical > .comp-label.comp-prompt { - height: toRem(12px); - margin-top: toRem(-10px); } - html .comp.comp-vertical .comp-title, :root .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - html .comp.comp-vertical .comp-body, :root .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: toRem(48px); - width: 100%; } - html .comp.comp-vertical .comp-body > img, :root .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: zLevel(-2); - pointer-events: none; } - html .comp.comp-vertical .comp-body .comp-body-text, :root .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - html .comp.comp-vertical.portrait-block, :root .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: toRem(80px); - flex-basis: toRem(80px); - min-width: 90px; - margin: 10px 0; } - html .comp.comp-vertical.portrait-block .comp-label.shadowed, :root .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - html .comp.comp-vertical.portrait-block .comp-button.comp-delete, :root .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - html .comp.comp-vertical.portrait-block .comp-body, :root .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 toRem(2px) var(--blades-black-dark)); - filter: drop-shadow(0 0 toRem(2px) var(--blades-black-dark)); - width: 100%; } - html .comp.comp-vertical.portrait-block .comp-body .comp-title, :root .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - html .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, :root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - html .comp.comp-vertical.portrait-block .comp-body .comp-img, :root .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - html .comp.comp-vertical.comp-playbook, :root .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: toRem(42px); - position: relative; - top: toRem(20px); - margin-bottom: toRem(-68px); - z-index: zLevel(-2); } - html .comp.comp-vertical.comp-playbook .comp-button.comp-delete, :root .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: toRem(5px); - top: -10px; } - html .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, :root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - html .comp.comp-vertical.comp-playbook .comp-body img, :root .comp.comp-vertical.comp-playbook .comp-body img { - height: toRem(120px); - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - html .comp.comp-vertical.comp-playbook .comp-body .comp-title, :root .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: toRem(70px); - text-transform: lowercase; - text-align: right; - padding-right: toRem(4px); - margin-bottom: toRem(45px); - margin-top: toRem(15px); } - html .comp.comp-horizontal, :root .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-horizontal .comp-button.comp-delete, :root .comp.comp-horizontal .comp-button.comp-delete { - left: toRem(5px); - top: unset; - bottom: 0; } - html .comp.comp-horizontal > .comp-label, :root .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: toRem(14px); - line-height: toRem(18px); - margin: 0; } - html .comp.comp-horizontal > .comp-label.comp-input-label, :root .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: toRem(26px); - margin: 0 5px 0 10px; } - html .comp.comp-horizontal .comp-body, :root .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-horizontal.comp-desc-trait, :root .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: toRem(5px) 0; } - html .comp.comp-horizontal.comp-desc-trait:first-of-type, :root .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: toRem(-5px); } - html .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), :root .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - html .comp.comp-horizontal.comp-desc-trait .comp-label, :root .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - html .comp.comp-horizontal.comp-desc-trait .comp-body, :root .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: toRem(50px); } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: toRem(50px); - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: toRem(100px); - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: toRem(40px); - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: toRem(14px); - padding: 0 toRem(7px); - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - html .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 toRem(5px) 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - html .comp.comp-teeth.comp-horizontal .dotline, :root .comp.comp-teeth.comp-horizontal .dotline { - padding-left: toRem(4px); - --dotline-dot-sizeX: toRem(18px); - --dotline-dot-spacing: toRem(4px); } - html .comp.comp-teeth.comp-horizontal .dotline .dot, :root .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - html .comp.comp-teeth.comp-horizontal.comp-xp, :root .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: zLevel(1); } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: toRem(2px); - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: toRem(18px); } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - html .comp.comp-teeth.comp-vertical, :root .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - html .comp.comp-teeth.comp-vertical .comp-body, :root .comp.comp-teeth.comp-vertical .comp-body { - top: toRem(-5px); } - html .comp.comp-teeth.comp-vertical .dotline-label, :root .comp.comp-teeth.comp-vertical .dotline-label { - min-width: toRem(90px); - text-align: center; - margin-left: toRem(20px); } - html .comp.comp-teeth.comp-vertical .dotline, :root .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: toRem(16px); - --dotline-dot-spacing: toRem(4px); } - html .comp.comp-coins, html .comp.comp-stash, :root .comp.comp-coins, :root .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - html .comp.comp-coins.comp-coins, html .comp.comp-stash.comp-coins, :root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - html .comp.comp-coins.comp-coins .comp-body, html .comp.comp-stash.comp-coins .comp-body, :root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - html .comp.comp-coins .dotline, html .comp.comp-stash .dotline, :root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline { - --dotline-dot-size: toRem(18px); - --dotline-dot-spacing: -2px; } - html .comp.comp-coins .dotline .dot.empty-dot, html .comp.comp-stash .dotline .dot.empty-dot, :root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - html .comp.comp-coins .dotline .dot.full-dot, html .comp.comp-stash .dotline .dot.full-dot, :root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - html .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, html .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: toRem(5px); } - html .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, html .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: toRem(10px); } - html .comp.comp-tier, :root .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - html .comp.comp-tier > .full-width.flex-horizontal, :root .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-tier .tier-bonus-container, :root .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-tier .tier-bonus-container .filled-label, :root .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - html .comp.comp-tier .tier-bonus-container .dotline, :root .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - html .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - html .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - html .comp.comp-tier .tier-total-container, :root .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - html .comp.controls-container, :root .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - html .comp.controls-container .controls-panel, :root .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - html .comp.controls-container .controls-panel .controls-toggle, :root .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - html .comp.controls-container .controls-panel .controls-toggle:hover, :root .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - html .comp.controls-container .controls-panel .controls-toggle i, :root .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - html .comp.controls-container .controls-panel .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - html .comp.controls-container .controls-panel .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - html .comp.controls-container .controls-panel .controls-list, :root .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - html .comp.controls-container .controls-panel .controls-list li, :root .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - html .comp.controls-container .controls-panel .controls-list li > a, :root .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - html .comp.controls-container .controls-panel .controls-list li > a.control-hidden, :root .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - html .comp.controls-container .controls-panel .controls-list li > a::before, :root .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - html .comp.controls-container .controls-panel .controls-list li > a:hover, :root .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - html .comp.controls-container .controls-panel .controls-list li > a:hover::before, :root .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - html .comp.controls-container .controls-panel .controls-list li > a > i, :root .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - html .comp.controls-container .controls-panel.active, :root .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - html .comp.controls-container .controls-panel.active .controls-toggle, :root .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - html .comp.controls-container .controls-panel.active .controls-toggle i, :root .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - html .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - html .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - html .comp.controls-container .controls-panel.active .controls-list, :root .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - html .comp.controls-container .controls-panel.active .controls-list li, :root .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:hover, :root .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - html .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, :root .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - html .button-icon, html .toggle-icon, :root .button-icon, :root .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - html .button-icon i, html .toggle-icon i, :root .button-icon i, :root .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - html .button-icon i.toggle-off, html .toggle-icon i.toggle-off, :root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off { - opacity: 0.25; } - html .button-icon .hidden-toggle, html .toggle-icon .hidden-toggle, :root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - html .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, html .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - html .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, html .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - html .dotline, :root .dotline { - --dotline-zero-dot-size: toRem(14px); - --dotline-dot-size: toRem(14px); - --dotline-dot-spacing: toRem(3px); - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - html .dotline.centered, :root .dotline.centered { - --dotline-horiz-align: center; } - html .dotline.locked .dot, :root .dotline.locked .dot { - pointer-events: none; - cursor: default; } - html .dotline.dotline-right, :root .dotline.dotline-right { - margin-left: auto; - margin-right: toRem(20px); } - html .dotline .dotline-label, :root .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: toRem(14px); - color: var(--blades-white); - text-transform: uppercase; - line-height: toRem(14px); - margin-right: toRem(5px); } - html .dotline .dot, :root .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - html .dotline .dot:last-of-type, :root .dotline .dot:last-of-type { - margin: 0; } - html .dotline .dot .img-main, html .dotline .dot .img-hover, :root .dotline .dot .img-main, :root .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - html .dotline .dot .img-main.img-hover, html .dotline .dot .img-hover.img-hover, :root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover { - display: none; } - html .dotline .dot.svg-dot, :root .dotline .dot.svg-dot { - height: auto; } - html .dotline .dot.svg-dot svg, :root .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - html .dotline .dot.svg-dot.full-dot svg .full, :root .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - html .dotline .dot.svg-dot.full-dot svg .frame, :root .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - html .dotline .dot.svg-dot.full-dot svg .half, :root .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - html .dotline .dot.svg-dot.empty-dot svg .full, :root .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - html .dotline .dot.svg-dot.empty-dot svg .frame, :root .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - html .dotline .dot.svg-dot.empty-dot svg .half, :root .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - html .dotline .dot:hover .img-main, :root .dotline .dot:hover .img-main { - opacity: 0.5; } - html .dotline .dot:hover .img-hover, :root .dotline .dot:hover .img-hover { - display: block; } - html .dotline .dot:hover .img-hover + .img-main, :root .dotline .dot:hover .img-hover + .img-main { - display: none; } - html .dotline .dot:hover.svg-dot, :root .dotline .dot:hover.svg-dot { - opacity: 0.5; } - html .dotline .dot.full-dot:last-of-type ~ .advance-button, :root .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - html .dotline .advance-button, :root .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - html .dotline .advance-button.rainbow-glow, :root .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - html .dotline .advance-button.rainbow-glow:before, :root .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - html .dotline .advance-button.rainbow-glow:hover:before, :root .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - html .dotline .advance-button.rainbow-glow:after, :root .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@-webkit-keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - html .dotline .advance-button.gold-orbit, :root .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - html .dotline .advance-button.gold-orbit:hover, :root .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - html .dotline .advance-button.gold-orbit span, :root .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - html .dotline .advance-button.gold-orbit span:nth-child(1), :root .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - html .dotline .advance-button.gold-orbit span:nth-child(2), :root .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - html .dotline .advance-button.gold-orbit span:nth-child(3), :root .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - html .dotline .advance-button.gold-orbit span:nth-child(4), :root .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@-webkit-keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@-webkit-keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@-webkit-keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@-webkit-keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@-webkit-keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - html, :root { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); } - html *:not(i):not(button), :root *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; } - html b, html strong, :root b, :root strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; } - html i:not([class]), html em, :root i:not([class]), :root em { - font-style: italic !important; } - html i[class], :root i[class] { - font-family: var(--font-awesome); } - html i.fab, :root i.fab { - font-family: var(--font-awesome-alt); } - html i.fa-duotone, :root i.fa-duotone { - font-family: var(--font-awesome-duotone); } - html button, :root button { - color: var(--blades-white); } - html h1:not(i):not(button), html h2:not(i):not(button), :root h1:not(i):not(button), :root h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - -webkit-box-shadow: var(--box-shadow-heading-strong); - box-shadow: var(--box-shadow-heading-strong); } - html h3:not(i):not(button), html h4:not(i):not(button), :root h3:not(i):not(button), :root h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - -webkit-box-shadow: var(--box-shadow-heading); - box-shadow: var(--box-shadow-heading); } - html h1:not(i):not(button), :root h1:not(i):not(button) { - font-size: 1.25rem; } - html h2:not(i):not(button), - html h3:not(i):not(button), :root h2:not(i):not(button), - :root h3:not(i):not(button) { - font-size: 1.125rem; } - html h4:not(i):not(button), :root h4:not(i):not(button) { - font-size: 1rem; } - html select:not(i):not(button), - html input:not(i):not(button), - html option:not(i):not(button), - html textarea:not(i):not(button), :root select:not(i):not(button), - :root input:not(i):not(button), - :root option:not(i):not(button), - :root textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - -webkit-box-shadow: var(--box-shadow-input); - box-shadow: var(--box-shadow-input); } - html select:not(i):not(button)[type="number"], html select:not(i):not(button)[data-dtype="number"], - html select:not(i):not(button)[data-dtype="number"] option, - html input:not(i):not(button)[type="number"], - html input:not(i):not(button)[data-dtype="number"], - html input:not(i):not(button)[data-dtype="number"] option, - html option:not(i):not(button)[type="number"], - html option:not(i):not(button)[data-dtype="number"], - html option:not(i):not(button)[data-dtype="number"] option, - html textarea:not(i):not(button)[type="number"], - html textarea:not(i):not(button)[data-dtype="number"], - html textarea:not(i):not(button)[data-dtype="number"] option, :root select:not(i):not(button)[type="number"], :root select:not(i):not(button)[data-dtype="number"], - :root select:not(i):not(button)[data-dtype="number"] option, - :root input:not(i):not(button)[type="number"], - :root input:not(i):not(button)[data-dtype="number"], - :root input:not(i):not(button)[data-dtype="number"] option, - :root option:not(i):not(button)[type="number"], - :root option:not(i):not(button)[data-dtype="number"], - :root option:not(i):not(button)[data-dtype="number"] option, - :root textarea:not(i):not(button)[type="number"], - :root textarea:not(i):not(button)[data-dtype="number"], - :root textarea:not(i):not(button)[data-dtype="number"] option { - text-align: right; } - html select:not(i):not(button) option, - html input:not(i):not(button) option, - html option:not(i):not(button) option, - html textarea:not(i):not(button) option, :root select:not(i):not(button) option, - :root input:not(i):not(button) option, - :root option:not(i):not(button) option, - :root textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); } - html p + p, :root p + p { - margin: 0.5rem 0; - min-height: 1rem; } - html .window-header, :root .window-header { - background: var(--blades-black-dark); - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 0 0 20px; } - html .window-header > *, :root .window-header > * { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - html .window-header .window-title, :root .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - -ms-flex-negative: 0.5; - flex-shrink: 0.5; } - html .window-header a, :root .window-header a { - margin: 0 0.3125rem; } - html .window-header a i, :root .window-header a i { - color: var(--blades-white-bright); } - html .window-header .close, :root .window-header .close { - font-size: 0; - margin: 0; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - html .window-header .close i, :root .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: Kirsty, serif; - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scaleY(0.75); - -ms-transform: scaleY(0.75); - transform: scaleY(0.75); } - html .window-header .close i::before, :root .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; } - html .window-content .compendium h1, html .window-content .compendium h2, html .window-content .compendium h3, html .window-content .compendium h4, html .window-content .directory h1, html .window-content .directory h2, html .window-content .directory h3, html .window-content .directory h4, :root .window-content .compendium h1, :root .window-content .compendium h2, :root .window-content .compendium h3, :root .window-content .compendium h4, :root .window-content .directory h1, :root .window-content .directory h2, :root .window-content .directory h3, :root .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; } - html .comp, :root .comp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - position: relative; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - z-index: 2; } - html .comp:hover, :root .comp:hover { - z-index: 10; } - html .comp.full-width, :root .comp.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - html .comp .comp-control, html .comp .comp-title, html .comp .portrait-block.comp-body, :root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body { - -webkit-transition: 0.25s; - transition: 0.25s; - pointer-events: auto; - cursor: pointer; } - html .comp .comp-label:hover, html .comp .comp-title:hover, :root .comp .comp-label:hover, :root .comp .comp-title:hover { - z-index: 5 !important; } - html .comp .comp-label:hover.comp-label a, html .comp .comp-title:hover.comp-label a, :root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); } - html .comp .comp-label:hover.comp-title, html .comp .comp-title:hover.comp-title, :root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); } - html .comp .comp-label, :root .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - html .comp .comp-label.comp-prompt, :root .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; } - html .comp .comp-label.comp-prompt .sur-title, :root .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; } - html .comp .comp-label.comp-prompt .main-title, :root .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; } - html .comp .comp-control, :root .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; } - html .comp .comp-control:hover, :root .comp .comp-control:hover { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); } - html .comp .comp-control.comp-button, :root .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; } - html .comp .comp-control.comp-button.comp-delete, html .comp .comp-control.comp-button.comp-delete-full, html .comp .comp-control.comp-button.comp-delete-clock, :root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; } - html .comp .comp-control.comp-button.comp-add, html .comp .comp-control.comp-button.comp-add-clock, :root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; } - html .comp .comp-control.comp-button.comp-add i, html .comp .comp-control.comp-button.comp-add-clock i, :root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; } - html .comp .comp-control.comp-button:hover, :root .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); } - html .comp .comp-body, :root .comp .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; } - html .comp .comp-body .comp-title, :root .comp .comp-body .comp-title { - z-index: 2; } - html .comp .comp-body h1, html .comp .comp-body h2, html .comp .comp-body h3, html .comp .comp-body h4, html .comp .comp-body p, html .comp .comp-body blockquote, html .comp .comp-body table, :root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table { - margin: 0; - padding: 0; } - html .comp .comp-toggle, :root .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; } - html .comp .comp-toggle.comp-toggle-red, :root .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; } - html .comp .comp-toggle.comp-toggle-red:hover, :root .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); } - html .comp .comp-toggle.comp-toggle-grey, :root .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - -webkit-filter: blur(2px); - filter: blur(2px); - scale: 0.8; } - html .comp .comp-toggle.comp-toggle-grey:hover, :root .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - -webkit-filter: blur(0px); - filter: blur(0px); - color: var(--blades-white); } - html .comp .number-circle, :root .comp .number-circle { - --number-circle-size: 1.25rem; } - html .comp .comp-number-input, :root .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; } - html .comp .comp-status-toggle, :root .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; } - html .comp .comp-status-toggle > *, :root .comp .comp-status-toggle > * { - -webkit-transition: 0.5s; - transition: 0.5s; } - html .comp .comp-status-toggle .status-positive, :root .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); } - html .comp .comp-status-toggle .status-negative, :root .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); } - html .comp .comp-status-toggle .status-neutral, :root .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; } - html .comp .comp-status-toggle:hover, :root .comp .comp-status-toggle:hover { - -webkit-filter: brightness(1.5); - filter: brightness(1.5); - scale: 1.75; } - html .comp .comp-status-toggle:hover .status-neutral, :root .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; } - html .comp.portrait-container, :root .comp.portrait-container { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; } - html .comp.comp-labeled-input, :root .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; } - html .comp.comp-vertical, :root .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; } - html .comp.comp-vertical .comp-button.comp-delete, :root .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; } - html .comp.comp-vertical > .comp-label, :root .comp.comp-vertical > .comp-label { - text-align: center; } - html .comp.comp-vertical > .comp-label.comp-prompt, :root .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; } - html .comp.comp-vertical .comp-title, :root .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; } - html .comp.comp-vertical .comp-body, :root .comp.comp-vertical .comp-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - min-height: 3rem; - width: 100%; } - html .comp.comp-vertical .comp-body > img, :root .comp.comp-vertical .comp-body > img { - position: absolute; - -webkit-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - -ms-transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - -webkit-filter: blur(0.5px); - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; } - html .comp.comp-vertical .comp-body .comp-body-text, :root .comp.comp-vertical .comp-body .comp-body-text { - display: none; } - html .comp.comp-vertical.portrait-block, :root .comp.comp-vertical.portrait-block { - height: 80px; - -ms-flex-preferred-size: 5rem; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; } - html .comp.comp-vertical.portrait-block .comp-label.shadowed, :root .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; } - html .comp.comp-vertical.portrait-block .comp-button.comp-delete, :root .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; } - html .comp.comp-vertical.portrait-block .comp-body, :root .comp.comp-vertical.portrait-block .comp-body { - -webkit-filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; } - html .comp.comp-vertical.portrait-block .comp-body .comp-title, :root .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - -webkit-transform: translate(-50%, -50%) scale(70%); - -ms-transform: translate(-50%, -50%) scale(70%); - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); } - html .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, :root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - -webkit-transform: translate(-50%, -50%) scale(100%); - -ms-transform: translate(-50%, -50%) scale(100%); - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); } - html .comp.comp-vertical.portrait-block .comp-body .comp-img, :root .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - -webkit-filter: none; - filter: none; - -webkit-clip-path: ellipse(50% 50% at 50% 50%); - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; } - html .comp.comp-vertical.comp-playbook, :root .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; } - html .comp.comp-vertical.comp-playbook .comp-button.comp-delete, :root .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; } - html .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, :root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; } - html .comp.comp-vertical.comp-playbook .comp-body img, :root .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - -webkit-filter: blur(1px); - filter: blur(1px); - position: absolute; } - html .comp.comp-vertical.comp-playbook .comp-body .comp-title, :root .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; } - html .comp.comp-horizontal, :root .comp.comp-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-horizontal .comp-button.comp-delete, :root .comp.comp-horizontal .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; } - html .comp.comp-horizontal > .comp-label, :root .comp.comp-horizontal > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - html .comp.comp-horizontal > .comp-label.comp-input-label, :root .comp.comp-horizontal > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; } - html .comp.comp-horizontal .comp-body, :root .comp.comp-horizontal .comp-body { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-horizontal.comp-desc-trait, :root .comp.comp-horizontal.comp-desc-trait { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0.3125rem 0; } - html .comp.comp-horizontal.comp-desc-trait:first-of-type, :root .comp.comp-horizontal.comp-desc-trait:first-of-type { - margin-top: -0.3125rem; } - html .comp.comp-horizontal.comp-desc-trait:not(:first-of-type), :root .comp.comp-horizontal.comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); } - html .comp.comp-horizontal.comp-desc-trait .comp-label, :root .comp.comp-horizontal.comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; } - html .comp.comp-horizontal.comp-desc-trait .comp-body, :root .comp.comp-horizontal.comp-desc-trait .comp-body { - min-height: 3.125rem; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - -webkit-filter: blur(1px); - filter: blur(1px); - opacity: 0.5; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - min-height: 2.5rem; - -ms-flex-item-align: start; - align-self: flex-start; - color: var(--blades-white-bright); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); } - html .comp.comp-horizontal.comp-desc-trait .comp-body .dotline, :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline { - position: relative; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 0; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label, :root .comp.comp-horizontal.comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text, :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text { - font-family: "Minion Pro Caption Cond", serif; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), :root .comp.comp-horizontal.comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; } - html .comp.comp-teeth.comp-horizontal .dotline, :root .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; } - html .comp.comp-teeth.comp-horizontal .dotline .dot, :root .comp.comp-teeth.comp-horizontal .dotline .dot { - -ms-flex-negative: 1; - flex-shrink: 1; } - html .comp.comp-teeth.comp-horizontal.comp-xp, :root .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition: 0.25s; - transition: 0.25s; - -webkit-transform: scaleY(1); - -ms-transform: scaleY(1); - transform: scaleY(1); } - html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - -webkit-transform: scaleY(0.5); - -ms-transform: scaleY(0.5); - transform: scaleY(0.5); } - html .comp.comp-teeth.comp-vertical, :root .comp.comp-teeth.comp-vertical { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 100%; - margin: 0; - -webkit-box-flex: 0.5; - -ms-flex-positive: 0.5; - flex-grow: 0.5; } - html .comp.comp-teeth.comp-vertical .comp-body, :root .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; } - html .comp.comp-teeth.comp-vertical .dotline-label, :root .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; } - html .comp.comp-teeth.comp-vertical .dotline, :root .comp.comp-teeth.comp-vertical .dotline { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; } - html .comp.comp-coins, html .comp.comp-stash, :root .comp.comp-coins, :root .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; } - html .comp.comp-coins.comp-coins, html .comp.comp-stash.comp-coins, :root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins { - margin: 0px; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - html .comp.comp-coins.comp-coins .comp-body, html .comp.comp-stash.comp-coins .comp-body, :root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body { - -ms-flex-negative: 0.5; - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; } - html .comp.comp-coins .dotline, html .comp.comp-stash .dotline, :root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; } - html .comp.comp-coins .dotline .dot.empty-dot, html .comp.comp-stash .dotline .dot.empty-dot, :root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot { - -webkit-filter: saturate(0); - filter: saturate(0); - opacity: 0.5; } - html .comp.comp-coins .dotline .dot.full-dot, html .comp.comp-stash .dotline .dot.full-dot, :root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot { - -webkit-filter: brightness(0.8) saturate(0.75); - filter: brightness(0.8) saturate(0.75); } - html .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, html .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; } - html .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, html .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; } - html .comp.comp-tier, :root .comp.comp-tier { - height: 100%; - min-width: 120px; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - grid-area: tier; } - html .comp.comp-tier > .full-width.flex-horizontal, :root .comp.comp-tier > .full-width.flex-horizontal { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .comp.comp-tier .tier-bonus-container, :root .comp.comp-tier .tier-bonus-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - html .comp.comp-tier .tier-bonus-container .filled-label, :root .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; } - html .comp.comp-tier .tier-bonus-container .dotline, :root .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; } - html .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; } - html .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; } - html .comp.comp-tier .tier-total-container, :root .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - -webkit-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); } - html .comp.controls-container, :root .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; } - html .comp.controls-container .controls-panel, :root .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - -webkit-box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) black; - -webkit-transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); } - html .comp.controls-container .controls-panel .controls-toggle, :root .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - -webkit-transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; } - html .comp.controls-container .controls-panel .controls-toggle:hover, :root .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); } - html .comp.controls-container .controls-panel .controls-toggle i, :root .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(1 / 25 * var(--menu-size)); - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, -webkit-transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99); } - html .comp.controls-container .controls-panel .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); } - html .comp.controls-container .controls-panel .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); } - html .comp.controls-container .controls-panel .controls-list, :root .comp.controls-container .controls-panel .controls-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - position: absolute; } - html .comp.controls-container .controls-panel .controls-list li, :root .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - -webkit-transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - -webkit-transition-delay: 25ms; - transition-delay: 25ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - -webkit-transition-delay: 50ms; - transition-delay: 50ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - -webkit-transition-delay: 75ms; - transition-delay: 75ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - -webkit-transition-delay: 100ms; - transition-delay: 100ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - -webkit-transition-delay: 150ms; - transition-delay: 150ms; } - html .comp.controls-container .controls-panel .controls-list li > a, :root .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; } - html .comp.controls-container .controls-panel .controls-list li > a.control-hidden, :root .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); } - html .comp.controls-container .controls-panel .controls-list li > a::before, :root .comp.controls-container .controls-panel .controls-list li > a::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - -webkit-transition: .5s; - transition: .5s; - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); - z-index: -5; } - html .comp.controls-container .controls-panel .controls-list li > a:hover, :root .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - -webkit-box-shadow: 0 0 5px var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); } - html .comp.controls-container .controls-panel .controls-list li > a:hover::before, :root .comp.controls-container .controls-panel .controls-list li > a:hover::before { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - -webkit-box-shadow: 0 0 15px var(--control-hover-color); - box-shadow: 0 0 15px var(--control-hover-color); } - html .comp.controls-container .controls-panel .controls-list li > a > i, :root .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); } - html .comp.controls-container .controls-panel.active, :root .comp.controls-container .controls-panel.active { - width: calc(6 * (1.04 * var(--menu-size))); } - html .comp.controls-container .controls-panel.active .controls-toggle, :root .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); } - html .comp.controls-container .controls-panel.active .controls-toggle i, :root .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - -webkit-transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, -webkit-transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms; } - html .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - html .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - html .comp.controls-container .controls-panel.active .controls-list, :root .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; } - html .comp.controls-container .controls-panel.active .controls-list li, :root .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - -webkit-transition-property: scale, background, color; - transition-property: scale, background, color; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - -webkit-transition-delay: 200ms, 0ms, 0ms; - transition-delay: 200ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - -webkit-transition-delay: 175ms, 0ms, 0ms; - transition-delay: 175ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - -webkit-transition-delay: 150ms, 0ms, 0ms; - transition-delay: 150ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - -webkit-transition-delay: 125ms, 0ms, 0ms; - transition-delay: 125ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - -webkit-transition-delay: 100ms, 0ms, 0ms; - transition-delay: 100ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - -webkit-transition-delay: 75ms, 0ms, 0ms; - transition-delay: 75ms, 0ms, 0ms; } - html .comp.controls-container .controls-panel.active .controls-list li:hover, :root .comp.controls-container .controls-panel.active .controls-list li:hover { - background: var(--control-hover-bg-color); } - html .comp.controls-container .controls-panel.active .controls-list li:hover > a > i, :root .comp.controls-container .controls-panel.active .controls-list li:hover > a > i { - color: var(--control-hover-color); } - html .button-icon, html .toggle-icon, :root .button-icon, :root .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - right: 0; - text-shadow: none; } - html .button-icon i, html .toggle-icon i, :root .button-icon i, :root .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; } - html .button-icon i.toggle-off, html .toggle-icon i.toggle-off, :root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off { - opacity: 0.25; } - html .button-icon .hidden-toggle, html .toggle-icon .hidden-toggle, :root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - -webkit-transition: 0.25s; - transition: 0.25s; } - html .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, html .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root .button-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type="checkbox"]:checked + .toggle-on + .toggle-off { - display: none; } - html .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, html .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root .button-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type="checkbox"]:not(:checked) + .toggle-on { - display: none; } - html .dotline, :root .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: var(--dotline-horiz-align); - -ms-flex-pack: var(--dotline-horiz-align); - justify-content: var(--dotline-horiz-align); - -webkit-box-align: var(--dotline-vert-align); - -ms-flex-align: var(--dotline-vert-align); - align-items: var(--dotline-vert-align); - position: relative; } - html .dotline.centered, :root .dotline.centered { - --dotline-horiz-align: center; } - html .dotline.locked .dot, :root .dotline.locked .dot { - pointer-events: none; - cursor: default; } - html .dotline.dotline-right, :root .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; } - html .dotline .dotline-label, :root .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; } - html .dotline .dot, :root .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; } - html .dotline .dot:last-of-type, :root .dotline .dot:last-of-type { - margin: 0; } - html .dotline .dot .img-main, html .dotline .dot .img-hover, :root .dotline .dot .img-main, :root .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); } - html .dotline .dot .img-main.img-hover, html .dotline .dot .img-hover.img-hover, :root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover { - display: none; } - html .dotline .dot.svg-dot, :root .dotline .dot.svg-dot { - height: auto; } - html .dotline .dot.svg-dot svg, :root .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); } - html .dotline .dot.svg-dot.full-dot svg .full, :root .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); } - html .dotline .dot.svg-dot.full-dot svg .frame, :root .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); } - html .dotline .dot.svg-dot.full-dot svg .half, :root .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); } - html .dotline .dot.svg-dot.empty-dot svg .full, :root .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); } - html .dotline .dot.svg-dot.empty-dot svg .frame, :root .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); } - html .dotline .dot.svg-dot.empty-dot svg .half, :root .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); } - html .dotline .dot:hover .img-main, :root .dotline .dot:hover .img-main { - opacity: 0.5; } - html .dotline .dot:hover .img-hover, :root .dotline .dot:hover .img-hover { - display: block; } - html .dotline .dot:hover .img-hover + .img-main, :root .dotline .dot:hover .img-hover + .img-main { - display: none; } - html .dotline .dot:hover.svg-dot, :root .dotline .dot:hover.svg-dot { - opacity: 0.5; } - html .dotline .dot.full-dot:last-of-type ~ .advance-button, :root .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; } - html .dotline .advance-button, :root .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: Oswald, sans-serif; - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - -webkit-transition: .5s; - transition: .5s; } - html .dotline .advance-button.rainbow-glow, :root .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); } - html .dotline .advance-button.rainbow-glow:before, :root .dotline .advance-button.rainbow-glow:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - -webkit-filter: blur(5px); - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - -webkit-animation: glowing 20s linear infinite; - animation: glowing 20s linear infinite; - opacity: 0; - -webkit-transition: opacity .3s ease-in-out; - transition: opacity .3s ease-in-out; - border-radius: 10px; - z-index: -1; } - html .dotline .advance-button.rainbow-glow:hover:before, :root .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; } - html .dotline .advance-button.rainbow-glow:after, :root .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; } - -@keyframes glowing { - 0% { - background-position: 0 0; } - 50% { - background-position: 400% 0; } - 100% { - background-position: 0 0; } } - html .dotline .advance-button.gold-orbit, :root .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - -webkit-box-shadow: 5px 5px 10px var(--blades-black-dark); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - -webkit-transition: 0.5s; - transition: 0.5s; - -webkit-animation: btn-throb 3s ease-in-out infinite; - animation: btn-throb 3s ease-in-out infinite; } - html .dotline .advance-button.gold-orbit:hover, :root .dotline .advance-button.gold-orbit:hover { - -webkit-animation-play-state: paused; - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); } - html .dotline .advance-button.gold-orbit span, :root .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; } - html .dotline .advance-button.gold-orbit span:nth-child(1), :root .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim1 1s linear infinite; - animation: btn-anim1 1s linear infinite; } - html .dotline .advance-button.gold-orbit span:nth-child(2), :root .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim2 1s linear infinite; - animation: btn-anim2 1s linear infinite; - -webkit-animation-delay: .25s; - animation-delay: .25s; } - html .dotline .advance-button.gold-orbit span:nth-child(3), :root .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim3 1s linear infinite; - animation: btn-anim3 1s linear infinite; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - html .dotline .advance-button.gold-orbit span:nth-child(4), :root .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--button-glow-color))); - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - -webkit-animation: btn-anim4 1s linear infinite; - animation: btn-anim4 1s linear infinite; - -webkit-animation-delay: .75s; - animation-delay: .75s; } - -@keyframes btn-throb { - 0% { - scale: 0.9; } - 50% { - scale: 1.1; } - 100% { - scale: 0.9; } } - -@keyframes btn-anim1 { - 0% { - left: -100%; } - 50%, 100% { - left: 100%; } } - -@keyframes btn-anim2 { - 0% { - top: -100%; } - 50%, 100% { - top: 100%; } } - -@keyframes btn-anim3 { - 0% { - right: -100%; } - 50%, 100% { - right: 100%; } } - -@keyframes btn-anim4 { - 0% { - bottom: -100%; } - 50%, 100% { - bottom: 100%; } } - html blockquote, :root blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; } - html table, - html table tr, - html table tr th, - html table tr td, - html table tbody, - html table tbody tr, - html table tbody td, - html table thead, - html table thead tr, - html table thead tr th, - html table thead tr td, :root table, - :root table tr, - :root table tr th, - :root table tr td, - :root table tbody, - :root table tbody tr, - :root table tbody td, - :root table thead, - :root table thead tr, - :root table thead tr th, - :root table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; } - html table, :root table { - border-collapse: collapse; } - html table thead tr th, :root table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; } - html figure, :root figure { - display: table; - margin: 1rem auto; } - html figure figcaption, :root figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; } - html hr, :root hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; } - html code, :root code { - padding: 0.1rem 0.2rem; } - html .text-secret, :root .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; } - html .text-secret:first-child:last-child, :root .text-secret:first-child:last-child { - display: block; } - html label:not([class]), :root label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; } - html .filled-label, :root .filled-label { - font-size: 1.25rem; - line-height: 1; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - white-space: nowrap; } - html .filled-label.narrow-label, :root .filled-label.narrow-label { - -webkit-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; } - html .number-circle, :root .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: "Minion Pro Caption Cond", serif; - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - html .gold-bright, :root .gold-bright { - color: var(--blades-gold-bright) !important; } - html .red-bright, :root .red-bright { - color: var(--blades-red-bright) !important; } - html .cyan-bright, :root .cyan-bright { - color: var(--blades-cyan-bright) !important; } - html .uppercase, :root .uppercase { - text-transform: uppercase !important; } - html .inline-code, :root .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; } - html .shadowed, :root .shadowed { - -webkit-box-shadow: none; - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - html .text-checkbox, :root .text-checkbox { - position: relative; - display: inline-block; } - html .text-checkbox input[type="checkbox"], :root .text-checkbox input[type="checkbox"] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; } - html .text-checkbox span, :root .text-checkbox span { - display: inline-block; } - html .text-checkbox input[type="checkbox"]:checked + span, :root .text-checkbox input[type="checkbox"]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); } - html .no-img img, :root .no-img img { - display: none; } - html .flex-horizontal, :root .flex-horizontal { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - html .flex-horizontal.flex-wrap, :root .flex-horizontal.flex-wrap { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-line-pack: start; - align-content: flex-start; } - html .flex-horizontal.full-width, :root .flex-horizontal.full-width { - width: 100%; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; } - html .flex-vertical, :root .flex-vertical { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - html .full-width, :root .full-width { - width: 100%; } - html .tooltip-trigger, :root .tooltip-trigger { - pointer-events: auto !important; } - html .tooltip, :root .tooltip { - opacity: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - padding: 0 0.3125rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.1875rem; - text-align: center; - position: absolute; - top: unset; - left: -200px; - bottom: 50px; - z-index: 12; - pointer-events: none; } - html .tooltip > h1, :root .tooltip > h1 { - text-align: center; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 90%; - margin: 0 auto; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; } - html .tooltip > h1:last-of-type, :root .tooltip > h1:last-of-type { - margin-bottom: 5px; } - html .tooltip > p, :root .tooltip > p { - margin: 5px 0; - text-wrap: balance; } - html .tooltip > ul, html .tooltip ol, :root .tooltip > ul, :root .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; } - html .tooltip > ul li, html .tooltip ol li, :root .tooltip > ul li, :root .tooltip ol li { - text-wrap: normal; } - html .tooltip h2, :root .tooltip h2 { - color: var(--blades-white-bright); } - html .tooltip.tooltip-left, :root .tooltip.tooltip-left { - left: 200px; - max-width: unset; } - html .tooltip.tooltip-portrait, :root .tooltip.tooltip-portrait { - bottom: -45px; - left: -200px; } - html .tooltip.tooltip-playbook, :root .tooltip.tooltip-playbook { - bottom: unset; - top: 0px; - left: -220px; } - html .tooltip.tooltip-trauma, :root .tooltip.tooltip-trauma { - left: -300px; } - html .tooltip.tooltip-dialog-selection, :root .tooltip.tooltip-dialog-selection { - left: -300px; - bottom: 75px; } - html .tooltip.tooltip-attribute, :root .tooltip.tooltip-attribute { - left: -110px; - bottom: 10px; - translate: 0% 50% !important; } - html .tooltip.tooltip-attribute > p, :root .tooltip.tooltip-attribute > p { - font-size: 16px; } - html .tooltip.tooltip-action, :root .tooltip.tooltip-action { - left: unset; - right: -100px; - bottom: 0px; - max-width: 525px; - translate: 0% 50% !important; } - html .tooltip.tooltip-action > p, :root .tooltip.tooltip-action > p { - font-size: 16px; } - html .tooltip.tooltip-roll-mod, :root .tooltip.tooltip-roll-mod { - left: calc(50% + 350px); - bottom: 20px; - max-width: 350px; - width: 350px; - min-width: 350px; - translate: -50% 0% !important; - text-align: center; - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; } - html .tooltip.tooltip-roll-mod > p:not(:last-of-type), :root .tooltip.tooltip-roll-mod > p:not(:last-of-type) { - margin-bottom: 10px; } - html .tooltip.tooltip-pos-effect-trade, :root .tooltip.tooltip-pos-effect-trade { - width: 330px; - max-width: 330px; - min-width: 330px; - bottom: 5px; - left: 0px; - font-family: var(--font-default); - font-size: 0.875rem; - text-transform: none; - text-align: center; } - html .tooltip.tooltip-roll-trait-pc, :root .tooltip.tooltip-roll-trait-pc { - bottom: 100px; } - html .tooltip.tooltip-roll-trait-pc table tbody tr:nth-child(4n), :root .tooltip.tooltip-roll-trait-pc table tbody tr:nth-child(4n) { - border-bottom: 2px solid var(--blades-white); } - html .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(1), :root .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(1) { - text-align: right; } - html .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(2), :root .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(2) { - text-align: left; } - html .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(3), :root .tooltip.tooltip-roll-trait-pc table tbody tr td:nth-child(3) { - text-align: left; } - html .tooltip-scaling-elem, :root .tooltip-scaling-elem { - display: inline-block; } - html .player-character-summary-panel, :root .player-character-summary-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - html .player-character-summary-panel > *, :root .player-character-summary-panel > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } - html .player-character-summary-panel .pc-summary, :root .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; } - html .player-character-summary-panel .pc-summary:hover, :root .player-character-summary-panel .pc-summary:hover { - z-index: 5; } - html .player-character-summary-panel .pc-summary .pc-summary-img, :root .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; } - html .player-character-summary-panel .pc-summary section.pc-summary-header, :root .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; } - html .player-character-summary-panel .pc-summary section.pc-summary-header > img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img { - -webkit-filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); } - html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; } - html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; } - html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; } - html .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, :root .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; } - html .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, :root .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: Oswald, sans-serif; - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions, :root .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: Oswald, sans-serif; - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: right; } - html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: Oswald, sans-serif; - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets, :root .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - gap: 3px; - height: 14px; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-preferred-size: 12px; - flex-basis: 12px; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; } - html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .tooltip.pc-summary-asset-tooltip, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .tooltip.pc-summary-asset-tooltip { - font-size: 10px; - line-height: 10px; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - height: 14px; - overflow: hidden; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: Kirsty, serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-heavy, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-heavy { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-medium, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-medium { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-light, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-light { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); } - html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); } - html .player-character-summary-panel .pc-summary section.pc-summary-notes, :root .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; } - html .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, :root .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; } - html .selectable-image-panel, :root .selectable-image-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - position: relative; - min-height: 100px; } - html .selectable-image-panel .selectable-image, :root .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - -webkit-filter: brightness(1.5); - filter: brightness(1.5); } - html .selectable-image-panel .selectable-image.image-selected, :root .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; } - html .selectable-image-panel .add-image-control, :root .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - -webkit-transition: 0.25s; - transition: 0.25s; } - html .selectable-image-panel .add-image-control:hover, :root .selectable-image-panel .add-image-control:hover { - opacity: 1; } - html .opposition-creation-panel, :root .opposition-creation-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - height: -webkit-min-content; - height: -moz-min-content; - height: min-content; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - gap: 5px; } - html .opposition-creation-panel .roll-opposition-container, :root .opposition-creation-panel .roll-opposition-container { - -ms-flex-preferred-size: 45%; - flex-basis: 45%; - max-width: 50%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - html .opposition-creation-panel .roll-opposition-container.selected-opposition, :root .opposition-creation-panel .roll-opposition-container.selected-opposition { - -webkit-box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); } - html .opposition-creation-panel .roll-opposition-container.opposition-blank, :root .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - -webkit-filter: blur(2px); - filter: blur(2px); } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: stretch; - -ms-flex-pack: stretch; - justify-content: stretch; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - pointer-events: auto !important; } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, - :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, - :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; } - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, - html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, - :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - -ms-flex-negative: 1; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; } - html .opposition-creation-panel .roll-opposition-container input.shadowed, :root .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - -webkit-box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - -webkit-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -ms-flex-negative: 1; - flex-shrink: 1; - scale: 0.75 1; - width: calc(100% / 0.75); } - html .accordian-label, :root .accordian-label { - position: relative; - -webkit-filter: sepia(0.75); - filter: sepia(0.75); } - html .accordian-label .randomizer-trigger, :root .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: 0.25s; - transition: 0.25s; } - html .accordian-label .randomizer-trigger:hover, :root .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); } - html .accordian-label.accordian-label-small, :root .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - -webkit-filter: none; - filter: none; } - html .accordian-label.accordian-label-small .randomizer-trigger, :root .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: "Minion Pro Cond", serif; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; } - html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; } - -::-webkit-scrollbar { - width: var(--blades-spacer-sm); } - -::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - border: none; - border-radius: 0; } - -::-webkit-scrollbar-thumb { - background-color: rgba(var(--color-background-light), 1); - border: none; - border-radius: 0; - outline: none; } - -#tinymce { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); } - #tinymce p { - display: block; - -webkit-margin-before: 7px; - margin-block-start: 7px; - -webkit-margin-after: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); } - #tinymce .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; } - #tinymce .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - -webkit-box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); } - #tinymce .tox-two-column-flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 2px 5px; - -ms-flex-line-pack: stretch; - align-content: stretch; - padding: 0; - margin: 0 20px; } - #tinymce .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; } - #tinymce .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: toRem(10px); - vertical-align: top; - color: var(--blades-gold); } - #tinymce .tox-two-column-flex > *, #tinymce .tox-two-column-flex > p { - -ms-flex-preferred-size: 49%; - flex-basis: 49%; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; } diff --git a/css/tinymce/content.min.css b/css/tinymce/content.min.css deleted file mode 100644 index bc649eec..00000000 --- a/css/tinymce/content.min.css +++ /dev/null @@ -1,4755 +0,0 @@ -@charset "UTF-8"; -html, :root { - scrollbar-color: var(--blades-grey) var(--blades-black-dark-fade); - scrollbar-width: thin; -} -html, :root { - --min-tinymce-height: 40px; - --clock-glow-size: 50px; - --clock-frame-size: 50px; - --clock-glow-correction: -175px; - --color-text-light-highlight: #f0f0e0; - --color-text-light-heading: #c9c7b8; - --color-text-light-primary: #b5b3a4; - --color-text-dark-primary: #191813; - --color-text-dark-secondary: #4b4a44; - --color-text-dark-header: #23221d; - --color-text-dark-inactive: #7a7971; - --color-text-light-0: #fff; - --color-text-light-1: #eee; - --color-text-light-2: #ddd; - --color-text-light-3: #ccc; - --color-text-light-4: #bbb; - --color-text-light-5: #aaa; - --color-text-light-6: #999; - --color-text-light-7: #888; - --color-text-dark-1: #111; - --color-text-dark-2: #222; - --color-text-dark-3: #444; - --color-text-dark-4: #555; - --color-text-dark-5: #666; - --color-text-dark-6: #777; - --color-border-light-1: #ddd; - --color-border-light-2: #999; - --color-border-dark-1: #111; - --color-border-dark-2: #222; - --color-border-dark-3: #333; - --color-border-dark-4: #444; - --color-border-dark-5: #666; - --color-shadow-dark: #000; - --color-underline-inactive: #7a7971; - --color-underline-active: #44191A; - --color-border-light-highlight: #f0f0e0; - --color-border-light-primary: #b5b3a4; - --color-border-light-secondary: #c9c7b8; - --color-border-light-tertiary: #7a7971; - --color-border-dark: #000; - --color-border-dark-primary: #191813; - --color-border-dark-secondary: #23221d; - --color-border-dark-tertiary: #4b4a44; - --color-bg-btn-minor-inactive: #c9c7b8; - --color-bg-btn-minor-active: #b5b3a4; - --color-bg-option: #dad8cc; - --color-ownership-none: #5500ff; - --color-ownership-observer: #7a7971; - --color-ownership-owner: #b5b3a4; - --color-level-info: #5c87b9; - --color-level-warning: #b18404; - --color-level-error: #750003; - --z-index-canvas: 0; - --z-index-app: 30; - --z-index-ui: 60; - --z-index-window: 100; - --sidebar-width: 300px; - --sidebar-header-height: 32px; - --sidebar-item-height: 48px; - --hotbar-height: 52px; - --hotbar-width: 578px; - --macro-size: 50px; - --players-width: 200px; - --form-field-height: 26px; - --font-size-11: 0.6875rem; - --font-size-12: 0.75rem; - --font-size-13: 0.8125rem; - --font-size-14: 0.875rem; - --font-size-16: 1rem; - --font-size-18: 1.125rem; - --font-size-20: 1.25rem; - --font-size-24: 1.5rem; - --font-size-28: 1.75rem; - --font-size-32: 2rem; - --font-size-48: 3rem; - --line-height-12: 0.75rem; - --line-height-16: 1rem; - --line-height-20: 1.25rem; - --line-height-30: 1.875rem; - --color-text-hyperlink: var(--blades-gold-bright); - --color-shadow-primary: var(--blades-white); - --color-shadow-highlight: var(--blades-gold-bright); - --color-underline-header: var(--blades-grey); - --color-border-highlight: var(--blades-gold-bright); - --color-border-highlight-alt: var(--blades-gold); - --size-10px: toRem(10px); - --size-11px: var(--font-size-11); - --size-12px: var(--font-size-12); - --size-13px: var(--font-size-13); - --size-14px: var(--font-size-14); - --size-16px: var(--font-size-16); - --size-18px: var(--font-size-18); - --size-20px: var(--font-size-20); - --size-24px: var(--font-size-24); - --size-28px: var(--font-size-28); - --size-30px: toRem(30px); - --size-32px: var(--font-size-32); - --size-48px: var(--font-size-48); - --blades-white-bright-nums: 255, 255, 255; - --blades-white-nums: 200, 200, 200; - --blades-grey-bright-nums: 170, 170, 170; - --blades-grey-nums: 119, 119, 119; - --blades-grey-dark-nums: 68, 68, 68; - --blades-black-nums: 32, 32, 32; - --blades-black-dark-nums: 0, 0, 0; - --blades-gold-bright-nums: 206,180, 71; - --blades-gold-nums: 143,118, 11; - --blades-gold-dark-nums: 105, 86, 0; - --blades-gold-darkest-nums: 64, 52, 0; - --blades-red-bright-nums: 255, 0, 0; - --blades-red-nums: 200, 0, 0; - --blades-red-dark-nums: 150, 0, 0; - --blades-red-darkest-nums: 50, 0, 0; - --blades-red-black-nums: 25, 0, 0; - --blades-green-bright-nums: 20, 220, 60; - --blades-green-nums: 0, 204, 0; - --blades-green-dark-nums: 0, 122, 0; - --blades-green-darkest-nums: 0, 60, 0; - --blades-blue-bright-nums: 198, 255, 255; - --blades-blue-nums: 150, 255, 255; - --blades-blue-dark-nums: 40, 120, 120; - --blades-blue-darkest-nums: 25, 49, 49; - /* - NEW COLOR PALETTE OVERRIDE - - == GOLD == - http://paletton.com/#uid=11n0u0kNTr2qtG1K2DKRbkEVqcT - - shade 0 = #D7AF00 = rgb(215,175, 0) = rgba(215,175, 0,1) = rgb0(0.843,0.686,0) - shade 1 = #FFD82C = rgb(255,216, 44) = rgba(255,216, 44,1) = rgb0(1,0.847,0.173) - shade 2 = #FFCF00 = rgb(255,207, 0) = rgba(255,207, 0,1) = rgb0(1,0.812,0) - shade 3 = #A58600 = rgb(165,134, 0) = rgba(165,134, 0,1) = rgb0(0.647,0.525,0) - shade 4 = #675300 = rgb(103, 83, 0) = rgba(103, 83, 0,1) = rgb0(0.404,0.325,0)' - - == RED == - http://paletton.com/#uid=1000u0kTixTijNOwGQpTXmEXg9Y - shade 0 = #FF0000 = rgb(255, 0, 0) = rgba(255, 0, 0,1) = rgb0(1,0,0) - shade 1 = #FF6D6D = rgb(255,109,109) = rgba(255,109,109,1) = rgb0(1,0.427,0.427) - shade 2 = #FF0000 = rgb(255, 0, 0) = rgba(255, 0, 0,1) = rgb0(1,0,0) - shade 3 = #B40000 = rgb(180, 0, 0) = rgba(180, 0, 0,1) = rgb0(0.706,0,0) - shade 4 = #4F0000 = rgb( 79, 0, 0) = rgba( 79, 0, 0,1) = rgb0(0.31,0,0) - - == BLUE == - http://paletton.com/#uid=13i0u0kTixTodNREARdTRoAV1g4 - shade 0 = #009F9F = rgb( 0,159,159) = rgba( 0,159,159,1) = rgb0(0,0.624,0.624) - shade 1 = #34D5D5 = rgb( 52,213,213) = rgba( 52,213,213,1) = rgb0(0.204,0.835,0.835) - shade 2 = #00E0E0 = rgb( 0,224,224) = rgba( 0,224,224,1) = rgb0(0,0.878,0.878) - shade 3 = #007676 = rgb( 0,118,118) = rgba( 0,118,118,1) = rgb0(0,0.463,0.463) - shade 4 = #004D4D = rgb( 0, 77, 77) = rgba( 0, 77, 77,1) = rgb0(0,0.302,0.302) - */ - --blades-gold-bright-nums: 255,216, 44; - --blades-gold-nums: 215,175, 0; - --blades-gold-dark-nums: 165,134, 0; - --blades-gold-darkest-nums: 103, 83, 0; - /* --blades-red-bright-nums: 255,109,109; - --blades-red-nums: 255, 0, 0; - --blades-red-dark-nums: 180, 0, 0; - --blades-red-darkest-nums: 79, 0, 0; */ - --blades-blue-bright-nums: 0,224,224; - --blades-blue-nums: 52,213,213; - --blades-blue-dark-nums: 0,118,118; - --blades-blue-darkest-nums: 0, 77, 77; - /* END OVERRIDE */ - --blades-white-bright: rgba(var(--blades-white-bright-nums), 1); - --blades-white: rgba(var(--blades-white-nums), 1); - --blades-grey-bright: rgba(var(--blades-grey-bright-nums), 1); - --blades-grey: rgba(var(--blades-grey-nums), 1); - --blades-grey-dark: rgba(var(--blades-grey-dark-nums), 1); - --blades-black: rgba(var(--blades-black-nums), 1); - --blades-black-dark: rgba(var(--blades-black-dark-nums), 1); - --blades-gold-brightest: rgba(var(--blades-gold-brightest-nums), 1); - --blades-gold-bright: rgba(var(--blades-gold-bright-nums), 1); - --blades-gold: rgba(var(--blades-gold-nums), 1); - --blades-gold-dark: rgba(var(--blades-gold-dark-nums), 1); - --blades-gold-darkest: rgba(var(--blades-gold-darkest-nums), 1); - --blades-red-bright: rgba(var(--blades-red-bright-nums), 1); - --blades-red: rgba(var(--blades-red-nums), 1); - --blades-red-dark: rgba(var(--blades-red-dark-nums), 1); - --blades-red-darkest: rgba(var(--blades-red-darkest-nums), 1); - --blades-red-black: rgba(var(--blades-red-black-nums), 1); - --blades-green-bright: rgba(var(--blades-green-bright-nums), 1); - --blades-green: rgba(var(--blades-green-nums), 1); - --blades-green-dark: rgba(var(--blades-green-dark-nums), 1); - --blades-green-darkest: rgba(var(--blades-green-darkest-nums), 1); - --blades-blue-bright: rgba(var(--blades-blue-bright-nums), 1); - --blades-blue: rgba(var(--blades-blue-nums), 1); - --blades-blue-dark: rgba(var(--blades-blue-dark-nums), 1); - --blades-blue-darkest: rgba(var(--blades-blue-darkest-nums), 1); - --blades-white-fade: rgba(var(--blades-white-nums), 0.5); - --blades-white-fade-strong: rgba(var(--blades-white-nums), 0.25); - --blades-white-bright-fade: rgba(var(--blades-white-bright-nums), 0.5); - --blades-white-bright-fade-strong: rgba(var(--blades-white-bright-nums), 0.25); - --blades-black-fade: rgba(var(--blades-black-nums), 0.5); - --blades-black-fade-strong: rgba(var(--blades-black-nums), 0.25); - --blades-black-dark-fade: rgba(var(--blades-black-dark-nums), 0.5); - --blades-black-dark-fade-strong: rgba(var(--blades-black-dark-nums), 0.25); - --blades-red-dark-fade: rgba(var(--blades-red-dark-nums), 0.5); - --blades-green-dark-fade: rgba(var(--blades-green-dark-nums), 0.5); - --blades-blue-dark-fade: rgba(var(--blades-blue-dark-nums), 0.5); - --blades-red-dark-fade-strong: rgba(var(--blades-red-dark-nums), 0.25); - --blades-green-dark-fade-strong: rgba(var(--blades-green-dark-nums), 0.25); - --blades-blue-dark-fade-strong: rgba(var(--blades-blue-dark-nums), 0.25); - --color-primary: var(--blades-white-nums); - --color-background: var(--blades-black-nums); - --color-background-lightest: var(--blades-grey-nums); - --color-background-light: var(--blades-grey-dark-nums); - --color-background-darkest: var(--blades-black-dark-nums); - --color-background-button: var(--blades-grey-dark-nums); - --color-background-chat-message: var(--blades-black-nums); - --color-background-chat-message-whisper: var(--blades-grey-nums); - --color-background-chat-message-blind: var(--blades-grey-dark-nums); - --color-border: var(--blades-grey-dark-nums); - --color-border-lighter: var(--blades-grey-nums); - --color-folder-header: var(--blades-grey-nums); - --color-folder-directory: var(--blades-grey-dark-nums); - --color-folder-subdirectory: var(--blades-black-nums); - --color-text: var(--blades-white-nums); - --color-text-lightest: var(--blades-white-bright-nums); - --color-text-darker: var(--blades-grey-bright-nums); - --color-shadow-primary: var(--blades-white-bright-nums); - --color-text-dark-primary: var(--blades-white-nums); - --color-bg-option: var(--blades-black-nums); - --color-background-lightest: var(--blades-black-nums); - --color-background-light: var(--blades-black-dark-nums); - --blades-color-negative: var(--blades-red-bright); - --blades-color-positive: var(--blades-gold-bright); - --font-primary: "Minion Pro", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: "Minion Pro Caption", serif; - --font-primary-narrow: "Minion Pro Cond", serif; - --font-primary-small-narrow: "Minion Pro Caption Cond", serif; - --font-primary: "Beaufort", serif; - --font-primary-smallcaps: var(--font-primary); - --font-primary-small: var(--font-primary); - --font-primary-narrow: var(--font-primary); - --font-primary-small-narrow: var(--font-primary); - --font-primary-alt: "Historical FellType", serif; - --font-primary-alt-smallcaps: "Historical FellType SC", serif; - --font-emphasis: "Kirsty", serif; - --font-emphasis-smallcaps: "Kirsty", serif; - --font-emphasis-alt: "Ravenscroft", serif; - --font-emphasis-alt-smallcaps: var(--font-emphasis-alt), serif; - --font-emphasis-narrow: "Oswald", sans-serif; - --font-emphasis-narrower: "Fjalla One", sans-serif; - --font-mono: "Pragmata", monospace; - --font-mono-smallcaps: var(--font-mono); - --font-decorative: "UglyQua", serif; - --font-decorative-alt: "IM FELL Double Pica", serif; - --font-decorative-alt-smallcaps: "IM FELL Double Pica SC", serif; - --font-handwritten: "PWSignaturetwo", serif; - --font-awesome: "Font Awesome 6 Pro", sans-serif; - --font-awesome-alt: "Font Awesome 6 Brands", sans-serif; - --font-awesome-duotone: "Font Awesome 6 Duotone", sans-serif; - --line-height-expanded: 1.4; - --line-height-primary: 1.2; - --line-height-compact: 1; - --text-shadow-dark: - 1px 1px 2px var(--blades-black-dark); - --text-shadow-dark-strong: - 1px 1px 2px var(--blades-black-dark), - 1px 1px 2px var(--blades-black-dark), - 1px 1px 2px var(--blades-black-dark); - --text-shadow-emboss: - -1px -1px 1px var(--blades-white), - 1px 1px 1px var(--blades-black-dark); - --box-shadow-dark: inset 0 0 0.3rem var(--blades-black-dark-fade); - --box-shadow-dark-strong: inset 0 0 0.5rem var(--blades-black-dark); - --color-default: var(--blades-white); - --background-default: var(--blades-dark); - --font-default: var(--font-primary); - --font-size-default: var(--size-14px); - --font-weight-default: normal; - --font-style-default: normal; - --font-variant-default: normal; - --line-height-default: var(--line-height-primary); - --text-shadow-default: none; - --box-shadow-default: none; - --text-transform-default: none; - --color-heading: var(--blades-white-bright); - --color-heading-strong: var(--color-heading); - --background-heading: none; - --background-heading-strong: var(--blades-grey-dark); - --margin-heading: 0; - --margin-heading-strong: 0 0 0.5rem 0; - --padding-heading: 0; - --padding-heading-strong: 0.25rem; - --font-heading: var(--font-emphasis); - --font-heading-strong: var(--font-heading); - --font-weight-heading: bold; - --font-weight-heading-strong: var(--font-weight-heading); - --font-style-heading: var(--font-style-default); - --font-style-heading-strong: var(--font-style-heading); - --font-variant-heading: var(--font-variant-default); - --font-variant-heading-strong: var(--font-variant-heading); - --line-height-heading: var(--line-height-compact); - --line-height-heading-strong: var(--line-height-heading); - --text-shadow-heading: var(--text-shadow-dark); - --text-shadow-heading-strong: var(--text-shadow-heading); - --box-shadow-heading: none; - --box-shadow-heading-strong: var(--box-shadow-input); - --text-transform-heading: uppercase; - --text-transform-heading-strong: var(--text-transform-heading); - --border-color-heading: var(--background-heading-strong); - --border-color-heading-strong: var(--border-color-heading); - --border-width-heading: toRem(2px); - --border-width-heading-strong: var(--border-width-heading); - --border-style-heading: none none solid none; - --border-style-heading-strong: none; - --color-input: var(--blades-white-bright); - --background-input: var(--blades-black-dark-fade-strong); - --margin-input: 0; - --padding-input: 0; - --font-input: var(--font-primary); - --font-number-input: var(--font-emphasis); - --font-size-input: var(--font-size-primary); - --font-weight-input: var(--font-weight-primary); - --font-style-input: var(--font-style-primary); - --font-variant-input: var(--font-variant-primary); - --line-height-input: var(--line-height-compact); - --text-shadow-input: var(--text-shadow-dark); - --box-shadow-input: var(--box-shadow-dark); - --box-shadow-input-strong: var(--box-shadow-dark-strong); - --text-transform-input: var(--text-transform-default); - --border-color-heading: transparent; - --border-width-heading: 0; - --border-style-heading: none; - --font-monospace: var(--font-mono); - --blades-spacer-pf: 0.0625rem; - --blades-spacer-xs: 0.125rem; - --blades-spacer-base: 0.125rem; - --blades-spacer-sm: 0.25rem; - --blades-spacer-md: 0.5rem; - --blades-spacer-lg: 0.75rem; - --blades-spacer-xl: 1rem; - --blades-spacer-button-lg: 2rem; - --blades-spacer-button: 1.5rem; - --blades-spacer-button-sm: 1.25rem; - --blades-spacer-button-xs: 1.125rem; - --blades-spacer-sidebar: 17.875rem; -} -html .comp, :root .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: zLevel(); -} -html .comp:hover, :root .comp:hover { - z-index: 10; -} -html .comp.full-width, :root .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -html .comp .comp-control, html .comp .comp-title, html .comp .portrait-block.comp-body, :root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -html .comp .comp-label, :root .comp .comp-label { - color: var(--blades-white-bright); - font-size: toRem(12px); - line-height: toRem(12px); - z-index: zLevel(3); - flex-grow: 0.5; -} -html .comp .comp-label.comp-prompt, :root .comp .comp-label.comp-prompt { - font-size: toRem(16px); - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -html .comp .comp-label.comp-prompt .sur-title, :root .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: toRem(14px); - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -html .comp .comp-label.comp-prompt .main-title, :root .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -html .comp .comp-label:hover, html .comp .comp-title:hover, :root .comp .comp-label:hover, :root .comp .comp-title:hover { - z-index: zLevel(3) !important; -} -html .comp .comp-label:hover.comp-label a, html .comp .comp-title:hover.comp-label a, :root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -html .comp .comp-label:hover.comp-title, html .comp .comp-title:hover.comp-title, :root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -html .comp .comp-control, :root .comp .comp-control { - z-index: zLevel(3); - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 toRem(3px) var(--comp-control-shadow-color); - display: block; -} -html .comp .comp-control:hover, :root .comp .comp-control:hover { - transform: scale(1.5); -} -html .comp .comp-control.comp-button, :root .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -html .comp .comp-control.comp-button.comp-delete, html .comp .comp-control.comp-button.comp-delete-full, html .comp .comp-control.comp-button.comp-delete-clock, :root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -html .comp .comp-control.comp-button.comp-add, html .comp .comp-control.comp-button.comp-add-clock, :root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: toRem(10px); -} -html .comp .comp-control.comp-button.comp-add i, html .comp .comp-control.comp-button.comp-add-clock i, :root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i { - line-height: toRem(24px); -} -html .comp .comp-control.comp-button:hover, :root .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 toRem(3px) var(--comp-control-hover-shadow-color); -} -html .comp .comp-body, :root .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -html .comp .comp-body .comp-title, :root .comp .comp-body .comp-title { - z-index: zLevel(); -} -html .comp .comp-body h1, html .comp .comp-body h2, html .comp .comp-body h3, html .comp .comp-body h4, html .comp .comp-body p, html .comp .comp-body blockquote, html .comp .comp-body table, :root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table { - margin: 0; - padding: 0; -} -html .comp .comp-toggle, :root .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: toRem(16px); - line-height: toRem(20px); -} -html .comp .comp-toggle.comp-toggle-red, :root .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -html .comp .comp-toggle.comp-toggle-red:hover, :root .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -html .comp .comp-toggle.comp-toggle-grey, :root .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -html .comp .comp-toggle.comp-toggle-grey:hover, :root .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -html .comp .number-circle, :root .comp .number-circle { - --number-circle-size: toRem(20px); -} -html .comp .comp-number-input, :root .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: toRem(32px); - text-align: center; -} -html .comp .comp-status-toggle, :root .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -html .comp .comp-status-toggle > *, :root .comp .comp-status-toggle > * { - transition: 0.5s; -} -html .comp .comp-status-toggle .status-positive, :root .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -html .comp .comp-status-toggle .status-negative, :root .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -html .comp .comp-status-toggle .status-neutral, :root .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -html .comp .comp-status-toggle:hover, :root .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -html .comp .comp-status-toggle:hover .status-neutral, :root .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -html .comp.portrait-container, :root .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -html .comp.comp-labeled-input, :root .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -html .comp.comp-vertical, :root .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: toRem(16px); - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -html .comp.comp-vertical .comp-button.comp-delete, :root .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -html .comp.comp-vertical > .comp-label, :root .comp.comp-vertical > .comp-label { - text-align: center; -} -html .comp.comp-vertical > .comp-label.comp-prompt, :root .comp.comp-vertical > .comp-label.comp-prompt { - height: toRem(12px); - margin-top: toRem(-10px); -} -html .comp.comp-vertical .comp-title, :root .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -html .comp.comp-vertical .comp-body, :root .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: toRem(48px); - width: 100%; -} -html .comp.comp-vertical .comp-body > img, :root .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: zLevel(-2); - pointer-events: none; -} -html .comp.comp-vertical .comp-body .comp-body-text, :root .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -html .comp.comp-vertical.comp-playbook, :root .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: toRem(42px); - position: relative; - top: toRem(20px); - margin-bottom: toRem(-68px); - z-index: zLevel(-2); -} -html .comp.comp-vertical.comp-playbook .comp-button.comp-delete, :root .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: toRem(5px); - top: -10px; -} -html .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, :root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -html .comp.comp-vertical.comp-playbook .comp-body img, :root .comp.comp-vertical.comp-playbook .comp-body img { - height: toRem(120px); - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -html .comp.comp-vertical.comp-playbook .comp-body .comp-title, :root .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: toRem(70px); - text-transform: lowercase; - text-align: right; - padding-right: toRem(4px); - margin-bottom: toRem(45px); - margin-top: toRem(15px); -} -html .comp.comp-vertical.portrait-block, :root .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: toRem(80px); - min-width: 90px; - margin: 10px 0; -} -html .comp.comp-vertical.portrait-block .comp-label.shadowed, :root .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -html .comp.comp-vertical.portrait-block .comp-button.comp-delete, :root .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -html .comp.comp-vertical.portrait-block .comp-body, :root .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 toRem(2px) var(--blades-black-dark)); - width: 100%; -} -html .comp.comp-vertical.portrait-block .comp-body .comp-title, :root .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -html .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, :root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -html .comp.comp-vertical.portrait-block .comp-body .comp-img, :root .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -html .comp.comp-horizontal:not(.comp-vertical), :root .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -html .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, :root .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: toRem(5px); - top: unset; - bottom: 0; -} -html .comp.comp-horizontal:not(.comp-vertical) > .comp-label, :root .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: toRem(14px); - line-height: toRem(18px); - margin: 0; -} -html .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, :root .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: toRem(26px); - margin: 0 5px 0 10px; -} -html .comp.comp-horizontal:not(.comp-vertical) .comp-body, :root .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: toRem(5px) 0; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: toRem(-5px); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: toRem(50px); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: toRem(50px); - filter: blur(1px); - opacity: 0.5; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: toRem(100px); - flex-shrink: 0; - flex-grow: 0; - min-height: toRem(40px); - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: toRem(14px); - padding: 0 toRem(7px); - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 toRem(5px) 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -html .comp.comp-teeth.comp-horizontal .dotline, :root .comp.comp-teeth.comp-horizontal .dotline { - padding-left: toRem(4px); - --dotline-dot-sizeX: toRem(18px); - --dotline-dot-spacing: toRem(4px); -} -html .comp.comp-teeth.comp-horizontal .dotline .dot, :root .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -html .comp.comp-teeth.comp-horizontal.comp-xp, :root .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: zLevel(1); -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: toRem(2px); - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: toRem(18px); -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -html .comp.comp-teeth.comp-vertical, :root .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -html .comp.comp-teeth.comp-vertical .comp-body, :root .comp.comp-teeth.comp-vertical .comp-body { - top: toRem(-5px); -} -html .comp.comp-teeth.comp-vertical .dotline-label, :root .comp.comp-teeth.comp-vertical .dotline-label { - min-width: toRem(90px); - text-align: center; - margin-left: toRem(20px); -} -html .comp.comp-teeth.comp-vertical .dotline, :root .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: toRem(16px); - --dotline-dot-spacing: toRem(4px); -} -html .comp.comp-coins, html .comp.comp-stash, :root .comp.comp-coins, :root .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -html .comp.comp-coins.comp-coins, html .comp.comp-stash.comp-coins, :root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -html .comp.comp-coins.comp-coins .comp-body, html .comp.comp-stash.comp-coins .comp-body, :root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -html .comp.comp-coins .dotline, html .comp.comp-stash .dotline, :root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline { - --dotline-dot-size: toRem(18px); - --dotline-dot-spacing: -2px; -} -html .comp.comp-coins .dotline .dot.empty-dot, html .comp.comp-stash .dotline .dot.empty-dot, :root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -html .comp.comp-coins .dotline .dot.full-dot, html .comp.comp-stash .dotline .dot.full-dot, :root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -html .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, html .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: toRem(5px); -} -html .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, html .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: toRem(10px); -} -html .comp.comp-tier, :root .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -html .comp.comp-tier > .full-width.flex-horizontal, :root .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -html .comp.comp-tier .tier-bonus-container, :root .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -html .comp.comp-tier .tier-bonus-container .filled-label, :root .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -html .comp.comp-tier .tier-bonus-container .dotline, :root .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -html .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -html .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -html .comp.comp-tier .tier-total-container, :root .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -html .comp.controls-container, :root .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -html .comp.controls-container .controls-panel, :root .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -html .comp.controls-container .controls-panel .controls-toggle, :root .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -html .comp.controls-container .controls-panel .controls-toggle:hover, :root .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -html .comp.controls-container .controls-panel .controls-toggle i, :root .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -html .comp.controls-container .controls-panel .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -html .comp.controls-container .controls-panel .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -html .comp.controls-container .controls-panel .controls-list, :root .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -html .comp.controls-container .controls-panel .controls-list li, :root .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -html .comp.controls-container .controls-panel .controls-list li > a, :root .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -html .comp.controls-container .controls-panel .controls-list li > a.control-hidden, :root .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -html .comp.controls-container .controls-panel .controls-list li > a::before, :root .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -html .comp.controls-container .controls-panel .controls-list li > a:hover, :root .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -html .comp.controls-container .controls-panel .controls-list li > a:hover::before, :root .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -html .comp.controls-container .controls-panel .controls-list li > a > i, :root .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active, :root .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active .controls-toggle, :root .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active .controls-toggle i, :root .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -html .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -html .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -html .comp.controls-container .controls-panel.active .controls-list, :root .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -html .comp.controls-container .controls-panel.active .controls-list li, :root .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -html .comp.consequence-display-container, :root .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -html .comp.consequence-display-container:nth-child(1), :root .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -html .comp.consequence-display-container:nth-child(2), :root .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -html .comp.consequence-display-container:nth-child(3), :root .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -html .comp.consequence-display-container:hover .consequence-icon-circle, :root .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -html .comp.consequence-display-container:hover .consequence-icon-circle img, :root .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -html .comp.consequence-display-container.consequence-accepted, html .comp.consequence-display-container.consequence-accepted *, :root .comp.consequence-display-container.consequence-accepted, :root .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -html .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, html .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -html .comp.consequence-display-container .base-consequence, :root .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -html .comp.consequence-display-container .accept-consequence, :root .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -html .comp.consequence-display-container .resist-consequence, :root .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -html .comp.consequence-display-container .armor-consequence, :root .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -html .comp.consequence-display-container .special-consequence, :root .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -html .comp.consequence-display-container .consequence-bg-image, :root .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -html .comp.consequence-display-container .consequence-interaction-pad, :root .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -html .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, html .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, html .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -html .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -html .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -html .comp.consequence-display-container .consequence-icon-container, :root .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -html .comp.consequence-display-container .consequence-type-container, :root .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -html .comp.consequence-display-container .consequence-type-container .consequence-type-bg, :root .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -html .comp.consequence-display-container .consequence-type-container .consequence-type, :root .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -html .comp.consequence-display-container .consequence-name-container, :root .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -html .comp.consequence-display-container .consequence-name-container .consequence-name, :root .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -html .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, :root .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -html .comp.consequence-display-container .consequence-footer-container, :root .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -html .comp.consequence-display-container .consequence-footer-container .dotline, :root .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -html .comp.consequence-display-container .consequence-footer-container .dotline .dot, :root .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -html .comp.consequence-display-container .roll-consequence-row .button-icon, :root .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -html .button-icon, html .toggle-icon, :root .button-icon, :root .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -html .button-icon i, html .toggle-icon i, :root .button-icon i, :root .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -html .button-icon i.toggle-off, html .toggle-icon i.toggle-off, :root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off { - opacity: 0.25; -} -html .button-icon .hidden-toggle, html .toggle-icon .hidden-toggle, :root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -html .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, html .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -html .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, html .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -html .dotline, :root .dotline { - --dotline-zero-dot-size: toRem(14px); - --dotline-dot-size: toRem(14px); - --dotline-dot-spacing: toRem(3px); - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -html .dotline.centered, :root .dotline.centered { - --dotline-horiz-align: center; -} -html .dotline.locked .dot, :root .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -html .dotline.dotline-right, :root .dotline.dotline-right { - margin-left: auto; - margin-right: toRem(20px); -} -html .dotline .dotline-label, :root .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: toRem(14px); - color: var(--blades-white); - text-transform: uppercase; - line-height: toRem(14px); - margin-right: toRem(5px); -} -html .dotline .dot, :root .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -html .dotline .dot:last-of-type, :root .dotline .dot:last-of-type { - margin: 0; -} -html .dotline .dot .img-main, html .dotline .dot .img-hover, :root .dotline .dot .img-main, :root .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -html .dotline .dot .img-main.img-hover, html .dotline .dot .img-hover.img-hover, :root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover { - display: none; -} -html .dotline .dot.svg-dot, :root .dotline .dot.svg-dot { - height: auto; -} -html .dotline .dot.svg-dot svg, :root .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -html .dotline .dot.svg-dot.full-dot svg .full, :root .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -html .dotline .dot.svg-dot.full-dot svg .frame, :root .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -html .dotline .dot.svg-dot.full-dot svg .half, :root .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -html .dotline .dot.svg-dot.empty-dot svg .full, :root .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -html .dotline .dot.svg-dot.empty-dot svg .frame, :root .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -html .dotline .dot.svg-dot.empty-dot svg .half, :root .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -html .dotline .dot:hover .img-main, :root .dotline .dot:hover .img-main { - opacity: 0.5; -} -html .dotline .dot:hover .img-hover, :root .dotline .dot:hover .img-hover { - display: block; -} -html .dotline .dot:hover .img-hover + .img-main, :root .dotline .dot:hover .img-hover + .img-main { - display: none; -} -html .dotline .dot:hover.svg-dot, :root .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -html .dotline .dot.full-dot:last-of-type ~ .advance-button, :root .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -html .dotline .advance-button, :root .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -html .dotline .advance-button.rainbow-glow, :root .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -html .dotline .advance-button.rainbow-glow:before, :root .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -html .dotline .advance-button.rainbow-glow:hover:before, :root .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -html .dotline .advance-button.rainbow-glow:after, :root .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -html .dotline .advance-button.gold-orbit, :root .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -html .dotline .advance-button.gold-orbit:hover, :root .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -html .dotline .advance-button.gold-orbit span, :root .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -html .dotline .advance-button.gold-orbit span:nth-child(1), :root .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -html .dotline .advance-button.gold-orbit span:nth-child(2), :root .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -html .dotline .advance-button.gold-orbit span:nth-child(3), :root .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -html .dotline .advance-button.gold-orbit span:nth-child(4), :root .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -html, :root { - margin: 0; - padding: 0; - border: none; - background: transparent; - color: var(--color-default); - font-family: var(--font-default); - font-size: var(--font-size-default); - font-weight: var(--font-weight-default); - font-style: var(--font-style-default); - font-variant: var(--font-variant-default); - line-height: var(--line-height-default); - text-shadow: var(--text-shadow-default); - text-transform: var(--text-transform-default); -} -html *:not(i):not(button), :root *:not(i):not(button) { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - font-style: inherit; - font-variant: inherit; - line-height: inherit; - text-shadow: inherit; - text-transform: inherit; -} -html b, html strong, :root b, :root strong { - font-weight: bold !important; - color: var(--blades-white-bright) !important; -} -html i:not([class]), html em, :root i:not([class]), :root em { - font-style: italic !important; -} -html i[class], :root i[class] { - font-family: var(--font-awesome); -} -html i.fab, :root i.fab { - font-family: var(--font-awesome-alt); -} -html i.fa-duotone, :root i.fa-duotone { - font-family: var(--font-awesome-duotone); -} -html button, :root button { - color: var(--blades-white); -} -html h1:not(i):not(button), html h2:not(i):not(button), :root h1:not(i):not(button), :root h2:not(i):not(button) { - margin: var(--margin-heading-strong); - padding: var(--padding-heading-strong); - color: var(--color-heading-strong); - background: var(--background-heading-strong); - font-family: var(--font-heading-strong); - font-weight: var(--font-weight-heading-strong); - font-style: var(--font-style-heading-strong); - font-variant: var(--font-variant-heading-strong); - line-height: var(--line-height-heading-strong); - text-shadow: var(--text-shadow-heading-strong); - text-transform: var(--text-transform-heading-strong); - border-color: var(--border-color-heading-strong); - border-style: var(--border-style-heading-strong); - border-width: var(--border-width-heading-strong); - box-shadow: var(--box-shadow-heading-strong); -} -html h3:not(i):not(button), html h4:not(i):not(button), :root h3:not(i):not(button), :root h4:not(i):not(button) { - margin: var(--margin-heading); - padding: var(--padding-heading); - color: var(--color-heading); - background: var(--background-heading); - font-family: var(--font-heading); - font-weight: var(--font-weight-heading); - font-style: var(--font-style-heading); - font-variant: var(--font-variant-heading); - line-height: var(--line-height-heading); - text-shadow: var(--text-shadow-heading); - text-transform: var(--text-transform-heading); - border-color: var(--border-color-heading); - border-style: var(--border-style-heading); - border-width: var(--border-width-heading); - box-shadow: var(--box-shadow-heading); -} -html h1:not(i):not(button), :root h1:not(i):not(button) { - font-size: 1.25rem; -} -html h2:not(i):not(button), -html h3:not(i):not(button), :root h2:not(i):not(button), -:root h3:not(i):not(button) { - font-size: 1.125rem; -} -html h4:not(i):not(button), :root h4:not(i):not(button) { - font-size: 1rem; -} -html select:not(i):not(button), -html input:not(i):not(button), -html option:not(i):not(button), -html textarea:not(i):not(button), :root select:not(i):not(button), -:root input:not(i):not(button), -:root option:not(i):not(button), -:root textarea:not(i):not(button) { - margin: var(--margin-input); - padding: var(--padding-input); - min-height: unset; - color: var(--color-input); - background: var(--background-input); - font-family: var(--font-input); - font-size: var(--font-size-input); - font-weight: var(--font-weight-input); - font-style: var(--font-style-input); - font-variant: var(--font-variant-input); - line-height: var(--line-height-input); - text-shadow: var(--text-shadow-input); - text-transform: var(--text-transform-input); - text-indent: 0.1875rem; - border-color: var(--border-color-input); - border-style: var(--border-style-input); - border-width: var(--border-width-input); - box-shadow: var(--box-shadow-input); -} -html select:not(i):not(button)[type=number], html select:not(i):not(button)[data-dtype=number], html select:not(i):not(button)[data-dtype=number] option, -html input:not(i):not(button)[type=number], -html input:not(i):not(button)[data-dtype=number], -html input:not(i):not(button)[data-dtype=number] option, -html option:not(i):not(button)[type=number], -html option:not(i):not(button)[data-dtype=number], -html option:not(i):not(button)[data-dtype=number] option, -html textarea:not(i):not(button)[type=number], -html textarea:not(i):not(button)[data-dtype=number], -html textarea:not(i):not(button)[data-dtype=number] option, :root select:not(i):not(button)[type=number], :root select:not(i):not(button)[data-dtype=number], :root select:not(i):not(button)[data-dtype=number] option, -:root input:not(i):not(button)[type=number], -:root input:not(i):not(button)[data-dtype=number], -:root input:not(i):not(button)[data-dtype=number] option, -:root option:not(i):not(button)[type=number], -:root option:not(i):not(button)[data-dtype=number], -:root option:not(i):not(button)[data-dtype=number] option, -:root textarea:not(i):not(button)[type=number], -:root textarea:not(i):not(button)[data-dtype=number], -:root textarea:not(i):not(button)[data-dtype=number] option { - text-align: right; -} -html select:not(i):not(button) option, -html input:not(i):not(button) option, -html option:not(i):not(button) option, -html textarea:not(i):not(button) option, :root select:not(i):not(button) option, -:root input:not(i):not(button) option, -:root option:not(i):not(button) option, -:root textarea:not(i):not(button) option { - color: var(--blades-white); - background: var(--blades-black); -} -html p + p, :root p + p { - margin: 0.5rem 0; - min-height: 1rem; -} -html .window-header, :root .window-header { - background: var(--blades-black-dark); - justify-content: space-between; - align-items: center; - padding: 0 0 0 20px; -} -html .window-header > *, :root .window-header > * { - flex-basis: auto; - flex-shrink: 0.5; -} -html .window-header .window-title, :root .window-header .window-title { - border: none; - margin: 0; - line-height: 1.2; - flex-shrink: 0.5; -} -html .window-header a, :root .window-header a { - margin: 0 0.3125rem; -} -html .window-header .close, :root .window-header .close { - font-size: 0; - margin: 0; - transform: scale(1.5); -} -html .window-header .close i, :root .window-header .close i { - font-weight: bold; - color: var(--blades-white-bright); - font-size: 1.25rem; - line-height: 1; - margin-top: -0.0625rem; - font-family: var(--font-emphasis), serif; - transform-origin: center center; - transform: scaleY(0.75); -} -html .window-header .close i::before, :root .window-header .close i::before { - content: "X"; - padding-top: 0.25rem; -} -html .window-content .compendium h1, html .window-content .compendium h2, html .window-content .compendium h3, html .window-content .compendium h4, html .window-content .directory h1, html .window-content .directory h2, html .window-content .directory h3, html .window-content .directory h4, :root .window-content .compendium h1, :root .window-content .compendium h2, :root .window-content .compendium h3, :root .window-content .compendium h4, :root .window-content .directory h1, :root .window-content .directory h2, :root .window-content .directory h3, :root .window-content .directory h4 { - margin: 0; - border: 0; - padding: 0; -} -html .comp, :root .comp { - display: flex; - flex-wrap: nowrap; - position: relative; - justify-content: flex-start; - align-items: center; - z-index: 2; -} -html .comp:hover, :root .comp:hover { - z-index: 10; -} -html .comp.full-width, :root .comp.full-width { - width: 100%; - justify-content: space-evenly; -} -html .comp .comp-control, html .comp .comp-title, html .comp .portrait-block.comp-body, :root .comp .comp-control, :root .comp .comp-title, :root .comp .portrait-block.comp-body { - transition: 0.25s; - pointer-events: auto; - cursor: pointer; -} -html .comp .comp-label, :root .comp .comp-label { - color: var(--blades-white-bright); - font-size: 0.75rem; - line-height: 0.75rem; - z-index: 5; - flex-grow: 0.5; -} -html .comp .comp-label.comp-prompt, :root .comp .comp-label.comp-prompt { - font-size: 1rem; - line-height: 1.1; - font-family: var(--font-emphasis); - color: var(--blades-gold); - text-transform: uppercase; - text-align: center; -} -html .comp .comp-label.comp-prompt .sur-title, :root .comp .comp-label.comp-prompt .sur-title { - display: block; - font-size: 0.875rem; - text-transform: lowercase; - font-variant: small-caps; - text-shadow: none; - text-align: center; - margin-top: 10px; -} -html .comp .comp-label.comp-prompt .main-title, :root .comp .comp-label.comp-prompt .main-title { - display: block; - color: var(--blades-white); - text-align: center; -} -html .comp .comp-label:hover, html .comp .comp-title:hover, :root .comp .comp-label:hover, :root .comp .comp-title:hover { - z-index: 5 !important; -} -html .comp .comp-label:hover.comp-label a, html .comp .comp-title:hover.comp-label a, :root .comp .comp-label:hover.comp-label a, :root .comp .comp-title:hover.comp-label a { - color: var(--blades-gold-bright); -} -html .comp .comp-label:hover.comp-title, html .comp .comp-title:hover.comp-title, :root .comp .comp-label:hover.comp-title, :root .comp .comp-title:hover.comp-title { - color: var(--blades-white-bright); -} -html .comp .comp-control, :root .comp .comp-control { - z-index: 5; - padding: 0; - font-weight: bold; - color: var(--comp-control-color); - text-shadow: 0 0 0.1875rem var(--comp-control-shadow-color); - display: block; -} -html .comp .comp-control:hover, :root .comp .comp-control:hover { - transform: scale(1.5); -} -html .comp .comp-control.comp-button, :root .comp .comp-control.comp-button { - opacity: 0.5; - text-align: center; -} -html .comp .comp-control.comp-button.comp-delete, html .comp .comp-control.comp-button.comp-delete-full, html .comp .comp-control.comp-button.comp-delete-clock, :root .comp .comp-control.comp-button.comp-delete, :root .comp .comp-control.comp-button.comp-delete-full, :root .comp .comp-control.comp-button.comp-delete-clock { - --comp-control-color: var(--blades-white-bright); - --comp-control-hover-color: var(--blades-red-bright); - --comp-control-shadow-color: transparent; - --comp-control-hover-shadow-color: var(--blades-black-dark); - position: absolute; -} -html .comp .comp-control.comp-button.comp-add, html .comp .comp-control.comp-button.comp-add-clock, :root .comp .comp-control.comp-button.comp-add, :root .comp .comp-control.comp-button.comp-add-clock { - --comp-control-color: var(--blades-black-dark); - --comp-control-hover-color: var(--blades-white-bright); - --comp-control-shadow-color: var(--blades-grey); - --comp-control-hover-shadow-color: var(--blades-black-dark); - margin-left: 0.625rem; -} -html .comp .comp-control.comp-button.comp-add i, html .comp .comp-control.comp-button.comp-add-clock i, :root .comp .comp-control.comp-button.comp-add i, :root .comp .comp-control.comp-button.comp-add-clock i { - line-height: 1.5rem; -} -html .comp .comp-control.comp-button:hover, :root .comp .comp-control.comp-button:hover { - opacity: 1; - color: var(--comp-control-hover-color); - text-shadow: 0 0 0.1875rem var(--comp-control-hover-shadow-color); -} -html .comp .comp-body, :root .comp .comp-body { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; - position: relative; -} -html .comp .comp-body .comp-title, :root .comp .comp-body .comp-title { - z-index: 2; -} -html .comp .comp-body h1, html .comp .comp-body h2, html .comp .comp-body h3, html .comp .comp-body h4, html .comp .comp-body p, html .comp .comp-body blockquote, html .comp .comp-body table, :root .comp .comp-body h1, :root .comp .comp-body h2, :root .comp .comp-body h3, :root .comp .comp-body h4, :root .comp .comp-body p, :root .comp .comp-body blockquote, :root .comp .comp-body table { - margin: 0; - padding: 0; -} -html .comp .comp-toggle, :root .comp .comp-toggle { - font-family: var(--font-emphasis); - text-transform: uppercase; - font-size: 1rem; - line-height: 1.25rem; -} -html .comp .comp-toggle.comp-toggle-red, :root .comp .comp-toggle.comp-toggle-red { - color: var(--blades-red-bright); - font-weight: bold; - text-shadow: var(--text-shadow-dark); - scale: 0.9; -} -html .comp .comp-toggle.comp-toggle-red:hover, :root .comp .comp-toggle.comp-toggle-red:hover { - z-index: 10; - color: var(--blades-red); -} -html .comp .comp-toggle.comp-toggle-grey, :root .comp .comp-toggle.comp-toggle-grey { - color: var(--blades-grey); - filter: blur(2px); - scale: 0.8; -} -html .comp .comp-toggle.comp-toggle-grey:hover, :root .comp .comp-toggle.comp-toggle-grey:hover { - z-index: 10; - filter: blur(0px); - color: var(--blades-white); -} -html .comp .number-circle, :root .comp .number-circle { - --number-circle-size: 1.25rem; -} -html .comp .comp-number-input, :root .comp .comp-number-input { - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - width: 2rem; - text-align: center; -} -html .comp .comp-status-toggle, :root .comp .comp-status-toggle { - position: absolute; - text-shadow: 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark), 0 0 2px var(--blades-black-dark); - scale: 1.5; - top: -10px; - right: 15px; -} -html .comp .comp-status-toggle > *, :root .comp .comp-status-toggle > * { - transition: 0.5s; -} -html .comp .comp-status-toggle .status-positive, :root .comp .comp-status-toggle .status-positive { - color: var(--blades-green-bright); -} -html .comp .comp-status-toggle .status-negative, :root .comp .comp-status-toggle .status-negative { - margin-top: -5px; - margin-bottom: 5px; - color: var(--blades-red-bright); -} -html .comp .comp-status-toggle .status-neutral, :root .comp .comp-status-toggle .status-neutral { - color: var(--blades-grey); - opacity: 0.8; -} -html .comp .comp-status-toggle:hover, :root .comp .comp-status-toggle:hover { - filter: brightness(1.5); - scale: 1.75; -} -html .comp .comp-status-toggle:hover .status-neutral, :root .comp .comp-status-toggle:hover .status-neutral { - opacity: 1; -} -html .comp.portrait-container, :root .comp.portrait-container { - flex-wrap: wrap; - width: 100%; -} -html .comp.comp-labeled-input, :root .comp.comp-labeled-input { - gap: 5px; - margin-right: 5px; -} -html .comp.comp-vertical, :root .comp.comp-vertical { - --comp-img-scale: 2; - --comp-name-size: 1rem; - flex-direction: column; - pointer-events: auto; - --main-title-color: #AAA; -} -html .comp.comp-vertical .comp-button.comp-delete, :root .comp.comp-vertical .comp-button.comp-delete { - left: 75%; - top: 0%; -} -html .comp.comp-vertical > .comp-label, :root .comp.comp-vertical > .comp-label { - text-align: center; -} -html .comp.comp-vertical > .comp-label.comp-prompt, :root .comp.comp-vertical > .comp-label.comp-prompt { - height: 0.75rem; - margin-top: -0.625rem; -} -html .comp.comp-vertical .comp-title, :root .comp.comp-vertical .comp-title { - text-align: center; - font-family: var(--font-emphasis); - font-size: var(--comp-name-size); - text-transform: uppercase; - padding-top: 0px; -} -html .comp.comp-vertical .comp-body, :root .comp.comp-vertical .comp-body { - display: flex; - flex-direction: column; - min-height: 3rem; - width: 100%; -} -html .comp.comp-vertical .comp-body > img, :root .comp.comp-vertical .comp-body > img { - position: absolute; - transform: translate(-50%, -50%) scaleX(var(--comp-img-scaleX, var(--comp-img-scale))) scaleY(var(--comp-img-scaleY, var(--comp-img-scale))); - opacity: 0.5; - filter: blur(0.5px); - top: 50%; - left: 50%; - height: 100%; - z-index: 0; - pointer-events: none; -} -html .comp.comp-vertical .comp-body .comp-body-text, :root .comp.comp-vertical .comp-body .comp-body-text { - display: none; -} -html .comp.comp-vertical.comp-playbook, :root .comp.comp-vertical.comp-playbook { - --comp-img-scaleX: -2; - --comp-img-scaleY: 2; - --comp-name-size: 2.625rem; - position: relative; - top: 1.25rem; - margin-bottom: -4.25rem; - z-index: 0; -} -html .comp.comp-vertical.comp-playbook .comp-button.comp-delete, :root .comp.comp-vertical.comp-playbook .comp-button.comp-delete { - left: unset; - right: 0.3125rem; - top: -10px; -} -html .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add, :root .comp.comp-vertical.comp-playbook .comp-label:not(.comp-prompt) .comp-control.comp-add { - display: none; -} -html .comp.comp-vertical.comp-playbook .comp-body img, :root .comp.comp-vertical.comp-playbook .comp-body img { - height: 7.5rem; - width: auto; - opacity: 1; - filter: blur(1px); - position: absolute; -} -html .comp.comp-vertical.comp-playbook .comp-body .comp-title, :root .comp.comp-vertical.comp-playbook .comp-body .comp-title { - width: 100%; - height: 100%; - font-family: var(--font-emphasis-alt); - color: var(--blades-white-bright); - text-shadow: 1px 1px 0px var(--blades-grey-bright), -1px -1px 0px var(--blades-black); - font-size: 4.375rem; - text-transform: lowercase; - text-align: right; - padding-right: 0.25rem; - margin-bottom: 2.8125rem; - margin-top: 0.9375rem; -} -html .comp.comp-vertical.portrait-block, :root .comp.comp-vertical.portrait-block { - height: 80px; - flex-basis: 5rem; - min-width: 90px; - margin: 10px 0; -} -html .comp.comp-vertical.portrait-block .comp-label.shadowed, :root .comp.comp-vertical.portrait-block .comp-label.shadowed { - margin-top: -10px; - margin-bottom: 10px; -} -html .comp.comp-vertical.portrait-block .comp-button.comp-delete, :root .comp.comp-vertical.portrait-block .comp-button.comp-delete { - left: 5px; - right: unset; - top: 62px; -} -html .comp.comp-vertical.portrait-block .comp-body, :root .comp.comp-vertical.portrait-block .comp-body { - filter: drop-shadow(0 0 0.125rem var(--blades-black-dark)); - width: 100%; -} -html .comp.comp-vertical.portrait-block .comp-body .comp-title, :root .comp.comp-vertical.portrait-block .comp-body .comp-title { - position: absolute; - top: 80%; - left: 50%; - transform: translate(-50%, -50%) scale(70%); - color: var(--blades-grey); -} -html .comp.comp-vertical.portrait-block .comp-body .comp-title:hover, :root .comp.comp-vertical.portrait-block .comp-body .comp-title:hover { - transform: translate(-50%, -50%) scale(100%); - color: var(--blades-white-bright); -} -html .comp.comp-vertical.portrait-block .comp-body .comp-img, :root .comp.comp-vertical.portrait-block .comp-body .comp-img { - --comp-img-scale: 1.5; - height: 100%; - opacity: 1; - filter: none; - clip-path: ellipse(50% 50% at 50% 50%); - z-index: 1; - position: absolute; - top: -5px; -} -html .comp.comp-horizontal:not(.comp-vertical), :root .comp.comp-horizontal:not(.comp-vertical) { - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -html .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete, :root .comp.comp-horizontal:not(.comp-vertical) .comp-button.comp-delete { - left: 0.3125rem; - top: unset; - bottom: 0; -} -html .comp.comp-horizontal:not(.comp-vertical) > .comp-label, :root .comp.comp-horizontal:not(.comp-vertical) > .comp-label { - text-align: right; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; -} -html .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label, :root .comp.comp-horizontal:not(.comp-vertical) > .comp-label.comp-input-label { - line-height: 1.625rem; - margin: 0 5px 0 10px; -} -html .comp.comp-horizontal:not(.comp-vertical) .comp-body, :root .comp.comp-horizontal:not(.comp-vertical) .comp-body { - justify-content: flex-start; - align-items: flex-start; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait { - align-items: flex-start; - padding: 0.3125rem 0; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:first-of-type { - margin-top: -0.3125rem; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type), :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait:not(:first-of-type) { - border-top: 1px solid var(--blades-white); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-label { - min-width: 20px; - max-width: 20px; - min-height: 20px; - max-height: 20px; - margin-top: -5px; - margin-left: 3px; - margin-right: -20px; - z-index: 15; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body { - min-height: 3.125rem; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-img { - position: absolute; - height: 50px; - transform: translate(-50%, -50%); - top: 50%; - left: 3.125rem; - filter: blur(1px); - opacity: 0.5; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-title { - position: relative; - width: 6.25rem; - flex-shrink: 0; - flex-grow: 0; - min-height: 2.5rem; - align-self: flex-start; - color: var(--blades-white-bright); - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - font-family: var(--font-emphasis); - font-size: 0.875rem; - padding: 0 0.4375rem; - text-align: center; - z-index: 1; - line-height: var(--line-height-default); -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline { - position: relative; - transform: translate(-50%, 0); - left: 50%; - bottom: 0; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .dotline .dotline-label { - margin-right: 5px; - font-weight: bold; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text, :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text { - font-family: var(--font-primary-small-narrow); - hyphens: auto; - text-align: justify; - padding: 0 0.3125rem 0 0; - line-height: var(--line-height-compact); - flex-grow: 1; -} -html .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type), :root .comp.comp-horizontal:not(.comp-vertical).comp-desc-trait .comp-body .comp-body-text p:not(:last-of-type) { - margin-bottom: 6px; -} -html .comp.comp-teeth.comp-horizontal .dotline, :root .comp.comp-teeth.comp-horizontal .dotline { - padding-left: 0.25rem; - --dotline-dot-sizeX: 1.125rem; - --dotline-dot-spacing: 0.25rem; -} -html .comp.comp-teeth.comp-horizontal .dotline .dot, :root .comp.comp-teeth.comp-horizontal .dotline .dot { - flex-shrink: 1; -} -html .comp.comp-teeth.comp-horizontal.comp-xp, :root .comp.comp-teeth.comp-horizontal.comp-xp { - z-index: 3; -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-label, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-label { - flex-grow: 1; -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body { - justify-content: flex-end; -} -html .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp .comp-body .dotline { - --dotline-dot-spacing: 0.125rem; - --dotline-horiz-align: flex-end; - --frame-color: var(--blades-black); - --fill-color-full: var(--blades-gold-bright); - --fill-color-empty: rgba(0, 0, 0); - --half-color-empty: var(--blades-gold-dark); -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook { - position: absolute; - right: 0; -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline { - --dotline-dot-sizeX: 1.125rem; -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot { - transform-origin: top; - transition: 0.25s; - transform: scaleY(1); -} -html .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot, :root .comp.comp-teeth.comp-horizontal.comp-xp.comp-xp-playbook .dotline .dot.empty-dot { - transform: scaleY(0.5); -} -html .comp.comp-teeth.comp-vertical, :root .comp.comp-teeth.comp-vertical { - justify-content: flex-start; - align-items: center; - height: 100%; - margin: 0; - flex-grow: 0.5; -} -html .comp.comp-teeth.comp-vertical .comp-body, :root .comp.comp-teeth.comp-vertical .comp-body { - top: -0.3125rem; -} -html .comp.comp-teeth.comp-vertical .dotline-label, :root .comp.comp-teeth.comp-vertical .dotline-label { - min-width: 5.625rem; - text-align: center; - margin-left: 1.25rem; -} -html .comp.comp-teeth.comp-vertical .dotline, :root .comp.comp-teeth.comp-vertical .dotline { - flex-grow: 1; - justify-content: center; - margin-top: -50%; - margin-bottom: -50%; - --dotline-dot-sizeX: 1rem; - --dotline-dot-spacing: 0.25rem; -} -html .comp.comp-coins, html .comp.comp-stash, :root .comp.comp-coins, :root .comp.comp-stash { - margin-bottom: 4px; - pointer-events: none; -} -html .comp.comp-coins.comp-coins, html .comp.comp-stash.comp-coins, :root .comp.comp-coins.comp-coins, :root .comp.comp-stash.comp-coins { - margin: 0px; - justify-content: space-evenly; -} -html .comp.comp-coins.comp-coins .comp-body, html .comp.comp-stash.comp-coins .comp-body, :root .comp.comp-coins.comp-coins .comp-body, :root .comp.comp-stash.comp-coins .comp-body { - flex-shrink: 0.5; - min-height: unset; - margin-top: 5px; -} -html .comp.comp-coins .dotline, html .comp.comp-stash .dotline, :root .comp.comp-coins .dotline, :root .comp.comp-stash .dotline { - --dotline-dot-size: 1.125rem; - --dotline-dot-spacing: -2px; -} -html .comp.comp-coins .dotline .dot.empty-dot, html .comp.comp-stash .dotline .dot.empty-dot, :root .comp.comp-coins .dotline .dot.empty-dot, :root .comp.comp-stash .dotline .dot.empty-dot { - filter: saturate(0); - opacity: 0.5; -} -html .comp.comp-coins .dotline .dot.full-dot, html .comp.comp-stash .dotline .dot.full-dot, :root .comp.comp-coins .dotline .dot.full-dot, :root .comp.comp-stash .dotline .dot.full-dot { - filter: brightness(0.8) saturate(0.75); -} -html .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, html .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-coins.comp-coins .dot:nth-of-type(4n) + .dot, :root .comp.comp-stash.comp-coins .dot:nth-of-type(4n) + .dot { - margin-left: 0.3125rem; -} -html .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, html .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-coins.comp-stash .dot:nth-of-type(10n) + .dot, :root .comp.comp-stash.comp-stash .dot:nth-of-type(10n) + .dot { - margin-left: 0.625rem; -} -html .comp.comp-tier, :root .comp.comp-tier { - height: 100%; - min-width: 120px; - align-items: stretch; - grid-area: tier; -} -html .comp.comp-tier > .full-width.flex-horizontal, :root .comp.comp-tier > .full-width.flex-horizontal { - align-items: flex-start; -} -html .comp.comp-tier .tier-bonus-container, :root .comp.comp-tier .tier-bonus-container { - flex-grow: 1; -} -html .comp.comp-tier .tier-bonus-container .filled-label, :root .comp.comp-tier .tier-bonus-container .filled-label { - height: 30px; - min-width: 100%; -} -html .comp.comp-tier .tier-bonus-container .dotline, :root .comp.comp-tier .tier-bonus-container .dotline { - height: 30px; - width: 100%; -} -html .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container .dotline .dot.empty-dot ~ .dot.empty-dot { - display: none; -} -html .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot, :root .comp.comp-tier .tier-bonus-container.hidden-empty-dots .dotline .dot.empty-dot { - display: none !important; -} -html .comp.comp-tier .tier-total-container, :root .comp.comp-tier .tier-total-container { - position: absolute; - right: 0; - top: -5px; - min-width: 80px; - text-align: center; - font-size: 100px; - line-height: 60px; - scale: 0.5 1; - pointer-events: none; - transform-origin: 100% 50%; - color: var(--blades-gold-bright); - text-shadow: 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 5px var(--blades-black-dark), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright), 0 0 2px var(--blades-white-bright); -} -html .comp.controls-container, :root .comp.controls-container { - --menu-size: 20px; - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-grey-dark); - --control-hover-color: var(--blades-gold); - --control-hover-bg-color: var(--blades-grey-dark); - display: flex; - justify-content: flex-end; - height: 100%; - width: 100%; - position: absolute; - top: 0px; - left: unset; - right: -10px; -} -html .comp.controls-container .controls-panel, :root .comp.controls-container .controls-panel { - width: var(--menu-size); - height: var(--menu-size); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--blades-black); - outline: 1px solid white; - box-shadow: 0px calc(0.2 * var(--menu-size)) calc(0.6 * var(--menu-size)) calc(-0.25 * var(--menu-size)) rgb(0, 0, 0); - transition: 650ms cubic-bezier(0.79, 0, 0.22, 1); -} -html .comp.controls-container .controls-panel .controls-toggle, :root .comp.controls-container .controls-panel .controls-toggle { - width: calc(0.85 * var(--menu-size)); - height: calc(0.85 * var(--menu-size)); - translate: -50% -50%; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - position: absolute; - border-radius: 50%; - cursor: pointer; - z-index: 100; - background-color: var(--blades-grey); - transition: 300ms cubic-bezier(0.79, 0, 0.22, 1); - pointer-events: auto !important; -} -html .comp.controls-container .controls-panel .controls-toggle:hover, :root .comp.controls-container .controls-panel .controls-toggle:hover { - background-color: var(--blades-grey-bright); -} -html .comp.controls-container .controls-panel .controls-toggle i, :root .comp.controls-container .controls-panel .controls-toggle i { - width: calc(0.35 * var(--menu-size)); - height: calc(0.04 * var(--menu-size)); - position: absolute; - display: flex; - border-radius: calc(50% * var(--menu-size)); - background-color: var(--blades-white); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 300ms cubic-bezier(0.6, 0, 0.45, 0.99), top 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms, bottom 300ms cubic-bezier(0.6, 0, 0.45, 0.99) 300ms; -} -html .comp.controls-container .controls-panel .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); -} -html .comp.controls-container .controls-panel .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); -} -html .comp.controls-container .controls-panel .controls-list, :root .comp.controls-container .controls-panel .controls-list { - flex-direction: row; - margin: 0; - right: calc(0.125 * var(--menu-size)); - display: flex; - align-items: center; - justify-content: center; - visibility: hidden; - position: absolute; -} -html .comp.controls-container .controls-panel .controls-list li, :root .comp.controls-container .controls-panel .controls-list li { - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - margin-left: calc(0.125 * var(--menu-size)); - list-style: none; - border-radius: calc(0.5 * var(--menu-size)); - background-color: var(--control-bg-color); - scale: 0; - position: relative; - transition: 150ms cubic-bezier(0.37, 0.01, 0.43, 1.3); - transition-delay: 150ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(1) { - transition-delay: 25ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(2) { - transition-delay: 50ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(3) { - transition-delay: 75ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(4) { - transition-delay: 100ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(5) { - transition-delay: 125ms; -} -html .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6), :root .comp.controls-container .controls-panel .controls-list li:not(:hover):nth-child(6) { - transition-delay: 150ms; -} -html .comp.controls-container .controls-panel .controls-list li > a, :root .comp.controls-container .controls-panel .controls-list li > a { - position: static; - width: calc(0.75 * var(--menu-size)); - height: calc(0.75 * var(--menu-size)); - display: block; - border-radius: 50%; - z-index: 1; - color: var(--control-color); - background: var(--control-bg-color); - pointer-events: auto !important; -} -html .comp.controls-container .controls-panel .controls-list li > a.control-hidden, :root .comp.controls-container .controls-panel .controls-list li > a.control-hidden { - --control-color: var(--blades-grey); - --control-bg-color: var(--blades-black); - --control-hover-color: var(--blades-grey-bright); - --control-hover-bg-color: var(--blades-grey); -} -html .comp.controls-container .controls-panel .controls-list li > a::before, :root .comp.controls-container .controls-panel .controls-list li > a::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: var(--control-hover-color); - transition: 0.5s; - transform: scale(0.9); - z-index: -5; -} -html .comp.controls-container .controls-panel .controls-list li > a:hover, :root .comp.controls-container .controls-panel .controls-list li > a:hover { - color: var(--control-hover-color); - box-shadow: 0 0 5px var(--control-hover-color); - text-shadow: 0 0 5px var(--control-hover-color); -} -html .comp.controls-container .controls-panel .controls-list li > a:hover::before, :root .comp.controls-container .controls-panel .controls-list li > a:hover::before { - transform: scale(1.1); - box-shadow: 0 0 15px var(--control-hover-color); -} -html .comp.controls-container .controls-panel .controls-list li > a > i, :root .comp.controls-container .controls-panel .controls-list li > a > i { - position: absolute; - translate: -50% -50%; - top: 50%; - left: 50%; - font-size: calc(0.4 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active, :root .comp.controls-container .controls-panel.active { - width: calc(6 * 1.04 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active .controls-toggle, :root .comp.controls-container .controls-panel.active .controls-toggle { - left: calc(0.5 * var(--menu-size)); -} -html .comp.controls-container .controls-panel.active .controls-toggle i, :root .comp.controls-container .controls-panel.active .controls-toggle i { - width: calc(0.2 * var(--menu-size)); - transition: width 200ms cubic-bezier(0.6, 0, 0.45, 0.99), transform 500ms cubic-bezier(0.6, 0, 0.45, 0.99) 150ms, top 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms, bottom 100ms cubic-bezier(0.6, 0, 0.45, 0.99) 100ms; -} -html .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:first-of-type { - top: calc(0.33 * var(--menu-size)); - transform: rotate(45deg); -} -html .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type, :root .comp.controls-container .controls-panel.active .controls-toggle i:last-of-type { - bottom: calc(0.33 * var(--menu-size)); - transform: rotate(-45deg); -} -html .comp.controls-container .controls-panel.active .controls-list, :root .comp.controls-container .controls-panel.active .controls-list { - visibility: visible; -} -html .comp.controls-container .controls-panel.active .controls-list li, :root .comp.controls-container .controls-panel.active .controls-list li { - scale: 1; - transition-property: scale, background, color; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(1), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(1) { - transition-delay: 200ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(2), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(2) { - transition-delay: 175ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(3), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(3) { - transition-delay: 150ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(4), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(4) { - transition-delay: 125ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(5), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(5) { - transition-delay: 100ms, 0ms, 0ms; -} -html .comp.controls-container .controls-panel.active .controls-list li:nth-child(6), :root .comp.controls-container .controls-panel.active .controls-list li:nth-child(6) { - transition-delay: 75ms, 0ms, 0ms; -} -html .comp.consequence-display-container, :root .comp.consequence-display-container { - --container-height: 40px; - --container-left-shift: 0px; - --csq-icon-bg-color: var(--blades-black-dark); - --csq-type-bg: var(--csq-icon-dark); - --csq-button-size-mult: 0.33; - position: relative; - display: block; - height: var(--container-height); - max-height: var(--container-height); - min-height: var(--container-height); -} -html .comp.consequence-display-container:nth-child(1), :root .comp.consequence-display-container:nth-child(1) { - --csq-animation-delay: 0.25s ; -} -html .comp.consequence-display-container:nth-child(2), :root .comp.consequence-display-container:nth-child(2) { - --csq-animation-delay: 0.5s ; -} -html .comp.consequence-display-container:nth-child(3), :root .comp.consequence-display-container:nth-child(3) { - --csq-animation-delay: 0.75s ; -} -@keyframes icon-glow { - 0% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } - 10% { - filter: brightness(1.25) blur(0px) drop-shadow(0px 0px 12px var(--blades-red)); - } - 100% { - filter: brightness(1) blur(1px) drop-shadow(0px 0px 0px var(--blades-red)); - } -} -html .comp.consequence-display-container:hover .consequence-icon-circle, :root .comp.consequence-display-container:hover .consequence-icon-circle { - animation: none !important; -} -html .comp.consequence-display-container:hover .consequence-icon-circle img, :root .comp.consequence-display-container:hover .consequence-icon-circle img { - animation: none !important; -} -html .comp.consequence-display-container.consequence-accepted, html .comp.consequence-display-container.consequence-accepted *, :root .comp.consequence-display-container.consequence-accepted, :root .comp.consequence-display-container.consequence-accepted * { - --container-left-shift: 0px; - --csq-type-color: var(--blades-grey-bright) !important; - --csq-icon-bright: var(--blades-grey-bright) !important; - animation: none !important; - pointer-events: none; - text-shadow: var(--text-shadow-dark) !important; -} -html .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, html .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted * .consequence-icon-container .consequence-icon-circle.base-consequence { - outline: 2px solid var(--blades-red-dark); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted { - pointer-events: auto !important; - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted * { - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - left: calc(var(--container-height) + 10px); - opacity: 0; - transition: 0.5s; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-icon-container { - left: 10px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted ~ .consequence-name-container { - padding: 0; - left: calc(var(--container-height) + 10px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted .consequence-name-container { - opacity: 1; - transform: translate(0px, 0px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:not(:hover) > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(-50px, 0px); - opacity: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted .consequence-name-container { - opacity: 0; - transform: translate(-50px, 0px); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container { - transform: translate(0px, 0px); - opacity: 1; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-icon-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-type-container .consequence-type, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-name, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted:hover > .sub-consequence-resisted ~ .consequence-name-container .consequence-type { - color: var(--blades-red-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .trait-label.csq-resisted { - opacity: 0; - width: 0px; - white-space: nowrap; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .sub-consequence-resisted .roll-detail-container:not(:hover) .dice-roll-strip.csq-resisted { - opacity: 0; - width: 0px; - padding: 0px 2px; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted > .consequence-name-container .consequence-name.base-consequence { - padding: 0; - padding-left: 5px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted { - position: absolute; - height: 100%; - width: calc(100% - 10px); - top: 0px; - left: 10px; - z-index: 3; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .sub-consequence-resisted-roll-result { - position: absolute; - left: 0px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay { - position: absolute; - top: 0; - left: -30px; - height: 100%; - width: 100%; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-label { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-sub-label { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay .resist-overlay-img { - position: absolute; - left: 0; - top: 0; - height: 100%; - transform-origin: 50% 50%; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.resist-resist-overlay ~ * { - --med-color: var(--blades-gold); - --bright-color: var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ * { - --med-color: var(--blades-white); - --bright-color: var(--blades-white-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.armor-resist-overlay ~ .roll-detail-container, -:root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ .roll-detail-container { - display: none; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ *, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .resist-overlay.special-resist-overlay ~ * { - --med-color: var(--blades-blue); - --bright-color: var(--blades-blue-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - outline-color: var(--med-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-type-container .consequence-type.base-consequence { - color: var(--med-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .consequence-name-container .consequence-name.base-consequence { - color: var(--bright-color); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container { - position: absolute; - pointer-events: auto; - width: fit-content; - top: 50%; - right: 0px; - justify-content: flex-end; - gap: 5px; - padding: 2px 10px 2px 2px; - background: var(--blades-gold-dark); - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - transform: translate(0%, -50%); - box-shadow: -10px 0px 10px 5px var(--blades-black-dark); - outline: 2px outset var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .trait-label.csq-resisted { - font-size: 12px; - line-height: 15px; - text-transform: uppercase; - color: var(--bright-color); - vertical-align: middle; - overflow: hidden; - white-space: nowrap; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted { - background: var(--bright-color); - --die-size: 10px; - z-index: 1; - width: fit-content; - margin: 0; - height: calc(var(--die-size) + 4px); - padding: 2px 4px; - border-radius: 3px; - white-space: nowrap; - overflow: hidden; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die { - flex-shrink: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .dice-roll-strip.csq-resisted .blades-die-resistance { - scale: 2; - margin-right: 3px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted h3 { - font-size: 10px; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-stress h3 { - color: var(--blades-red-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-zero h3 { - color: var(--blades-white-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .sub-consequence-resisted .roll-detail-container .resistance-cost-row.csq-resisted.cost-bonus h3 { - color: var(--blades-gold-bright); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-icon-container .consequence-icon-circle.base-consequence { - height: calc(0.75 * var(--container-height)); - width: calc(0.75 * var(--container-height)); - position: absolute; - left: calc(0.125 * var(--container-height)); - top: calc(0.125 * var(--container-height)); -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-type-container { - position: absolute; - top: 0px; - left: var(--container-height); - width: 100%; - padding: 0; -} -html .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container, :root .comp.consequence-display-container.consequence-accepted.consequence-resisted .consequence-name-container { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -html .comp.consequence-display-container .base-consequence, :root .comp.consequence-display-container .base-consequence { - --csq-icon-dark: var(--blades-black); - --csq-icon-med: var(--blades-grey); - --csq-icon-bright: var(--blades-white); - --csq-type-color: var(--blades-grey); - --csq-name-color: var(--blades-white); -} -html .comp.consequence-display-container .accept-consequence, :root .comp.consequence-display-container .accept-consequence { - --csq-icon-dark: var(--blades-red-dark); - --csq-icon-med: var(--blades-red); - --csq-icon-bright: var(--blades-red-bright); - --csq-type-color: var(--blades-black-dark); - --csq-name-color: var(--blades-red); -} -html .comp.consequence-display-container .resist-consequence, :root .comp.consequence-display-container .resist-consequence { - --csq-icon-dark: var(--blades-gold-dark); - --csq-icon-med: var(--blades-gold); - --csq-icon-bright: var(--blades-gold-bright); - --csq-type-color: var(--blades-gold-dark); - --csq-name-color: var(--blades-gold-bright); -} -html .comp.consequence-display-container .armor-consequence, :root .comp.consequence-display-container .armor-consequence { - --csq-icon-dark: var(--blades-grey-dark); - --csq-icon-med: var(--blades-grey-bright); - --csq-icon-bright: var(--blades-white-bright); - --csq-type-color: var(--blades-grey-bright); - --csq-name-color: var(--blades-white-bright); -} -html .comp.consequence-display-container .special-consequence, :root .comp.consequence-display-container .special-consequence { - --csq-icon-dark: var(--blades-blue-dark); - --csq-icon-med: var(--blades-blue); - --csq-icon-bright: var(--blades-blue-bright); - --csq-type-color: var(--blades-blue-dark); - --csq-name-color: var(--blades-blue-bright); -} -html .comp.consequence-display-container .consequence-bg-image, :root .comp.consequence-display-container .consequence-bg-image { - position: absolute; - height: 500%; - top: 80%; - transform: translate(-110%, -50%); - transform-origin: 0% 50%; - width: 808.2px; - min-width: 808.2px; - z-index: -1; - left: -10px; -} -html .comp.consequence-display-container .consequence-interaction-pad, :root .comp.consequence-display-container .consequence-interaction-pad { - z-index: 2; - pointer-events: none; - height: 100%; - top: 0; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-right { - position: absolute; - pointer-events: none; - --pad-left-shift: calc(var(--container-left-shift) + (var(--container-height))); - left: var(--pad-left-shift); - width: calc(100% - var(--pad-left-shift)); -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left { - position: absolute; - pointer-events: none; - left: -190px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); - display: flex; - flex-direction: column-reverse; - justify-content: stretch; - align-items: stretch; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad { - flex-grow: 1; - pointer-events: none; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-resist { - flex-basis: 50%; - flex-shrink: 0.6; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-armor { - flex-basis: 50%; - flex-shrink: 1; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left > .consequence-interaction-pad.interaction-pad-left-special { - flex-basis: 50%; - flex-shrink: 1; -} -html .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist, :root .comp.consequence-display-container .consequence-interaction-pad.interaction-pad-left .interaction-pad-left-resist { - flex-basis: 50%; - flex-grow: 1; - flex-shrink: 0; -} -html .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, html .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, html .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.resist-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - left: -200px; - width: calc(200px + var(--container-left-shift) - var(--container-height) * 0); -} -html .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.special-consequence-pad { - height: 50%; - z-index: 3; -} -html .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad, :root .comp.consequence-display-container .consequence-interaction-pad.armor-consequence-pad { - height: 25%; - z-index: 4; -} -html .comp.consequence-display-container .consequence-icon-container, :root .comp.consequence-display-container .consequence-icon-container { - position: relative; - height: var(--container-height); - max-width: var(--container-height); - background: transparent; - left: var(--container-left-shift); - pointer-events: auto; - z-index: 2; - transition: 0.2s; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle { - position: absolute; - transform-origin: 100% 0%; - border-radius: 50%; - height: var(--container-height); - width: var(--container-height); - outline: 1px solid var(--csq-icon-med); - background: var(--csq-icon-bg-color); - z-index: 1; - top: 0px; - left: 0px; - overflow: hidden; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg { - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - height: 80%; - width: 80%; - display: block; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-dark { - fill: var(--csq-icon-dark); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-med { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-bright { - fill: var(--csq-icon-bright); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-radial { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg .fill-linear { - fill: var(--csq-icon-med); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle svg path { - transform-origin: 50% 50%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); - pointer-events: auto; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.base-consequence img { - animation: icon-glow 2.25s ease infinite; - animation-delay: var(--csq-animation-delay); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.resist-consequence, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle.special-consequence { - outline-width: 2px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon, :root .comp.consequence-display-container .consequence-icon-container .consequence-icon-circle .consequence-icon { - height: 100%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - pointer-events: none !important; - bottom: 0px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg { - position: absolute; - z-index: -1; - height: 100%; - transform-origin: 0% 50%; - top: 0px; - background: var(--csq-icon-bright); - display: block; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-accept-button-bg { - width: calc(100% + 30px); - right: -7px; - transform: skewX(-45deg); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-resist-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 30px); - transform-origin: 100% 50%; - right: calc(-0.5 * var(--container-height)); - transform: skewX(45deg); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-armor-button-bg, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-bg.consequence-special-button-bg { - width: calc(100% + 35px); -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .consequence-button-label { - position: relative; - z-index: 1; - font-family: var(--font-emphasis-narrow); - font-size: 10px; - line-height: 14px; - color: var(--blades-grey); - font-weight: 800; - text-shadow: 0px 0px 1px var(--blades-black-dark); - pointer-events: none !important; - letter-spacing: 1; - text-transform: uppercase; - white-space: nowrap; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon { - position: unset; - pointer-events: none !important; - height: 14px; - width: 14px; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container .button-icon i { - height: 100%; - width: 100%; - font-size: calc(var(--container-height) * var(--csq-button-size-mult) * 0.8); - line-height: calc(var(--container-height) * var(--csq-button-size-mult) * 0.95); - margin: 0; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-resist-button-container { - right: 100%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-accept-button-container { - left: 105%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-armor-button-container { - right: 100%; - transform: translate(0%, 0%) !important; - top: 0%; -} -html .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container, :root .comp.consequence-display-container .consequence-icon-container .consequence-button-container.consequence-special-button-container { - right: 100%; - transform: translate(0%, -50%) !important; - top: 50%; -} -html .comp.consequence-display-container .consequence-type-container, :root .comp.consequence-display-container .consequence-type-container { - position: absolute; - height: calc(var(--container-height) * 0.33); - transform-origin: 0% 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 10px); - top: -2px; - padding: 0 5px 0 15px; -} -html .comp.consequence-display-container .consequence-type-container .consequence-type-bg, :root .comp.consequence-display-container .consequence-type-container .consequence-type-bg { - position: absolute; - top: 0; - z-index: -1; - left: -20px; - height: 100%; - width: 170px; - transform-origin: 0% 50%; - transform: skewX(-45deg); - background: var(--csq-icon-dark); -} -html .comp.consequence-display-container .consequence-type-container .consequence-type, :root .comp.consequence-display-container .consequence-type-container .consequence-type { - position: absolute; - top: 0; - transform-origin: 0% 50%; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - text-align: right; - font-size: 10px; - color: var(--csq-type-color); - font-weight: normal; -} -html .comp.consequence-display-container .consequence-name-container, :root .comp.consequence-display-container .consequence-name-container { - position: absolute; - height: calc(var(--container-height) * 0.5); - transform-origin: 0% 50%; - translate: 0% -50%; - top: 50%; - left: calc(var(--container-height) + var(--container-left-shift) - 30px); - width: calc(100% - var(--container-height) - 20px); -} -html .comp.consequence-display-container .consequence-name-container .consequence-name, :root .comp.consequence-display-container .consequence-name-container .consequence-name { - position: absolute; - z-index: 1; - padding: 0 5px 0 35px; - font-size: 14px; - line-height: 17px; - font-family: var(--font-emphasis), serif; - font-variant: small-caps; - transform-origin: 0% 50%; - color: var(--csq-icon-bright); - font-style: italic; - white-space: nowrap; -} -html .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence, :root .comp.consequence-display-container .consequence-name-container .consequence-name.resist-consequence { - text-shadow: none; -} -html .comp.consequence-display-container .consequence-footer-container, :root .comp.consequence-display-container .consequence-footer-container { - position: absolute; - height: calc(var(--container-height) * var(--csq-button-size-mult)); - width: auto; - bottom: 0; - top: unset; - left: calc(var(--container-height) + var(--container-left-shift) - 20px); -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg { - position: absolute; - z-index: -1; - height: 100%; - width: 100%; - top: 0px; - background: var(--csq-icon-bright); - display: block; - transform: skewX(45deg); - transform-origin: 0% 50%; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.resist-consequence { - width: 120px; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-bg.special-consequence { - width: 250px; -} -html .comp.consequence-display-container .consequence-footer-container .consequence-footer-message, :root .comp.consequence-display-container .consequence-footer-container .consequence-footer-message { - position: absolute; - white-space: nowrap; - font-family: var(--font-emphasis-narrow); - font-weight: bold; - color: var(--blades-black-dark); - font-size: 10px; - line-height: 14px; - padding-left: 25px; - justify-content: flex-start; - transform-origin: 0% 50%; - gap: 5px; -} -html .comp.consequence-display-container .consequence-footer-container .dotline, :root .comp.consequence-display-container .consequence-footer-container .dotline { - --dotline-dot-size: 10px; - top: 0px; - margin-right: 10px; -} -html .comp.consequence-display-container .consequence-footer-container .dotline .dot, :root .comp.consequence-display-container .consequence-footer-container .dotline .dot { - display: block; - height: var(--dotline-dot-size); - width: var(--dotline-dot-size); - border-radius: calc(0.5 * var(--dotline-dot-size)); - background: var(--blades-black-dark); - margin-right: 1px; -} -html .comp.consequence-display-container .roll-consequence-row .button-icon, :root .comp.consequence-display-container .roll-consequence-row .button-icon { - position: unset; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-type-icon { - width: 24px; - min-width: 24px; - filter: brightness(1.5) drop-shadow(0 0 4px black); -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-type-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 150px; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .roll-consequence-attribute-select { - font-family: var(--font-emphasis-narrow); - flex-basis: 95px; -} -html .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .roll-consequence-entry-row .consequence-name { - background: rgba(0, 0, 0, 0.5); - flex-basis: 375px; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container { - width: 75%; - margin-left: 25%; - justify-content: stretch; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option { - width: 100%; - max-height: 14px; - justify-content: stretch; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .resist-select-button { - font-size: 10px; -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .roll-consequence-type-select, -:root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - font-size: 10px; - line-height: 10px; - max-height: 14px; - font-family: var(--font-emphasis-narrow); -} -html .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name, :root .comp.consequence-display-container .roll-consequence-row .consequence-resist-options-container .consequence-resist-option .consequence-name { - flex-grow: 1; - background: rgba(0, 0, 0, 0.5); -} -html .button-icon, html .toggle-icon, :root .button-icon, :root .toggle-icon { - position: absolute; - height: 1.5rem; - width: 1.5rem; - line-height: 1.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - right: 0; - text-shadow: none; -} -html .button-icon i, html .toggle-icon i, :root .button-icon i, :root .toggle-icon i { - height: 1.5rem; - width: 1.5rem; - line-height: 1.75rem; - text-align: center; - opacity: 0.75; - margin-top: -0.125rem; - pointer-events: none; -} -html .button-icon i.toggle-off, html .toggle-icon i.toggle-off, :root .button-icon i.toggle-off, :root .toggle-icon i.toggle-off { - opacity: 0.25; -} -html .button-icon .hidden-toggle, html .toggle-icon .hidden-toggle, :root .button-icon .hidden-toggle, :root .toggle-icon .hidden-toggle { - margin: 0; - border: none; - opacity: 0; - position: absolute; - transition: 0.25s; -} -html .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, html .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root .button-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off, :root .toggle-icon .hidden-toggle[type=checkbox]:checked + .toggle-on + .toggle-off { - display: none; -} -html .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, html .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root .button-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on, :root .toggle-icon .hidden-toggle[type=checkbox]:not(:checked) + .toggle-on { - display: none; -} -html .dotline, :root .dotline { - --dotline-zero-dot-size: 0.875rem; - --dotline-dot-size: 0.875rem; - --dotline-dot-spacing: 0.1875rem; - --dotline-horiz-align: flex-start; - --dotline-vert-align: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: var(--dotline-horiz-align); - align-items: var(--dotline-vert-align); - position: relative; -} -html .dotline.centered, :root .dotline.centered { - --dotline-horiz-align: center; -} -html .dotline.locked .dot, :root .dotline.locked .dot { - pointer-events: none; - cursor: default; -} -html .dotline.dotline-right, :root .dotline.dotline-right { - margin-left: auto; - margin-right: 1.25rem; -} -html .dotline .dotline-label, :root .dotline .dotline-label { - font-family: var(--font-emphasis); - font-size: 0.875rem; - color: var(--blades-white); - text-transform: uppercase; - line-height: 0.875rem; - margin-right: 0.3125rem; -} -html .dotline .dot, :root .dotline .dot { - --dot-frame-color: var(--frame-color, var(--blades-white)); - --dot-frame-color-empty: var(--frame-color-empty, var(--dot-frame-color)); - --dot-frame-color-full: var(--frame-color-full, var(--dot-frame-color)); - --dot-fill-color-empty: var(--fill-color-empty, transparent); - --dot-fill-color-full: var(--fill-color-full, var(--blades-white-bright)); - --dot-half-color-empty: var(--half-color-empty, var(--dot-frame-color)); - --dot-half-color-full: var(--half-color-full, var(--dot-frame-color)); - height: var(--dotline-dot-sizeY, var(--dotline-dot-size)); - width: var(--dotline-dot-sizeX, var(--dotline-dot-size)); - flex-grow: 0; - flex-shrink: 0; - margin: 0 var(--dotline-dot-spacing) 0 0; - pointer-events: auto; - cursor: pointer; - position: relative; -} -html .dotline .dot:last-of-type, :root .dotline .dot:last-of-type { - margin: 0; -} -html .dotline .dot .img-main, html .dotline .dot .img-hover, :root .dotline .dot .img-main, :root .dotline .dot .img-hover { - display: block; - height: 100%; - width: 100%; - filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black); -} -html .dotline .dot .img-main.img-hover, html .dotline .dot .img-hover.img-hover, :root .dotline .dot .img-main.img-hover, :root .dotline .dot .img-hover.img-hover { - display: none; -} -html .dotline .dot.svg-dot, :root .dotline .dot.svg-dot { - height: auto; -} -html .dotline .dot.svg-dot svg, :root .dotline .dot.svg-dot svg { - width: 100%; - height: auto; - max-height: var(--dotline-dot-sizeY, unset); -} -html .dotline .dot.svg-dot.full-dot svg .full, :root .dotline .dot.svg-dot.full-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-full)); -} -html .dotline .dot.svg-dot.full-dot svg .frame, :root .dotline .dot.svg-dot.full-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-full)); -} -html .dotline .dot.svg-dot.full-dot svg .half, :root .dotline .dot.svg-dot.full-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-full)); -} -html .dotline .dot.svg-dot.empty-dot svg .full, :root .dotline .dot.svg-dot.empty-dot svg .full { - fill: var(--current-fill-color, var(--dot-fill-color-empty)); -} -html .dotline .dot.svg-dot.empty-dot svg .frame, :root .dotline .dot.svg-dot.empty-dot svg .frame { - fill: var(--current-frame-color, var(--dot-frame-color-empty)); -} -html .dotline .dot.svg-dot.empty-dot svg .half, :root .dotline .dot.svg-dot.empty-dot svg .half { - fill: var(--current-half-color, var(--dot-half-color-empty)); -} -html .dotline .dot:hover .img-main, :root .dotline .dot:hover .img-main { - opacity: 0.5; -} -html .dotline .dot:hover .img-hover, :root .dotline .dot:hover .img-hover { - display: block; -} -html .dotline .dot:hover .img-hover + .img-main, :root .dotline .dot:hover .img-hover + .img-main { - display: none; -} -html .dotline .dot:hover.svg-dot, :root .dotline .dot:hover.svg-dot { - opacity: 0.5; -} -html .dotline .dot.full-dot:last-of-type ~ .advance-button, :root .dotline .dot.full-dot:last-of-type ~ .advance-button { - display: block; -} -html .dotline .advance-button, :root .dotline .advance-button { - display: none; - position: absolute; - cursor: pointer; - pointer-events: auto; - font-family: var(--font-emphasis-narrow); - text-align: center; - font-size: 16px; - font-weight: bold; - border: none; - z-index: 10; - top: 0px; - right: -50px; - height: 25px; - width: 85px; - padding: 3px 3px; - transition: 0.5s; -} -html .dotline .advance-button.rainbow-glow, :root .dotline .advance-button.rainbow-glow { - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - border-radius: 10px; - color: black; - outline: 2px solid var(--blades-black); -} -html .dotline .advance-button.rainbow-glow:before, :root .dotline .advance-button.rainbow-glow:before { - content: ""; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left: -2px; - background-size: 400%; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity 0.3s ease-in-out; - border-radius: 10px; - z-index: -1; -} -html .dotline .advance-button.rainbow-glow:hover:before, :root .dotline .advance-button.rainbow-glow:hover:before { - opacity: 1; -} -html .dotline .advance-button.rainbow-glow:after, :root .dotline .advance-button.rainbow-glow:after { - z-index: -1; - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(-45deg, var(--blades-gold-dark) 0%, var(--blades-gold-bright) 70%); - left: 0; - top: 0; - border-radius: 10px; - opacity: 0.5; -} -@keyframes glowing { - 0% { - background-position: 0 0; - } - 50% { - background-position: 400% 0; - } - 100% { - background-position: 0 0; - } -} -html .dotline .advance-button.gold-orbit, :root .dotline .advance-button.gold-orbit { - --button-glow-color: var(--blades-gold-bright); - background: var(--blades-black); - color: var(--blades-white-bright); - box-shadow: 5px 5px 10px var(--blades-black-dark); - overflow: hidden; - transition: 0.5s; - animation: btn-throb 3s ease-in-out infinite; -} -html .dotline .advance-button.gold-orbit:hover, :root .dotline .advance-button.gold-orbit:hover { - animation-play-state: paused; - background: var(--button-glow-color); - color: #fff; - border-radius: 5px; - box-shadow: 0 0 5px var(--button-glow-color), 0 0 25px var(--button-glow-color), 0 0 50px var(--button-glow-color), 0 0 100px var(--button-glow-color); -} -html .dotline .advance-button.gold-orbit span, :root .dotline .advance-button.gold-orbit span { - position: absolute; - display: block; -} -html .dotline .advance-button.gold-orbit span:nth-child(1), :root .dotline .advance-button.gold-orbit span:nth-child(1) { - top: 0; - left: -100%; - width: 100%; - height: 2px; - background: linear-gradient(90deg, transparent, var(--button-glow-color)); - animation: btn-anim1 1s linear infinite; -} -html .dotline .advance-button.gold-orbit span:nth-child(2), :root .dotline .advance-button.gold-orbit span:nth-child(2) { - top: -100%; - right: 0; - width: 2px; - height: 100%; - background: linear-gradient(180deg, transparent, var(--button-glow-color)); - animation: btn-anim2 1s linear infinite; - animation-delay: 0.25s; -} -html .dotline .advance-button.gold-orbit span:nth-child(3), :root .dotline .advance-button.gold-orbit span:nth-child(3) { - bottom: 0; - right: -100%; - width: 100%; - height: 2px; - background: linear-gradient(270deg, transparent, var(--button-glow-color)); - animation: btn-anim3 1s linear infinite; - animation-delay: 0.5s; -} -html .dotline .advance-button.gold-orbit span:nth-child(4), :root .dotline .advance-button.gold-orbit span:nth-child(4) { - bottom: -100%; - left: 0; - width: 2px; - height: 100%; - background: linear-gradient(360deg, transparent, var(--button-glow-color)); - animation: btn-anim4 1s linear infinite; - animation-delay: 0.75s; -} -@keyframes btn-throb { - 0% { - scale: 0.9; - } - 50% { - scale: 1.1; - } - 100% { - scale: 0.9; - } -} -@keyframes btn-anim1 { - 0% { - left: -100%; - } - 50%, 100% { - left: 100%; - } -} -@keyframes btn-anim2 { - 0% { - top: -100%; - } - 50%, 100% { - top: 100%; - } -} -@keyframes btn-anim3 { - 0% { - right: -100%; - } - 50%, 100% { - right: 100%; - } -} -@keyframes btn-anim4 { - 0% { - bottom: -100%; - } - 50%, 100% { - bottom: 100%; - } -} -html blockquote, :root blockquote { - border-left: 2px solid var(--blades-grey-bright); - margin-left: 1.5rem; - padding-left: 1rem; -} -html table, -html table tr, -html table tr th, -html table tr td, -html table tbody, -html table tbody tr, -html table tbody td, -html table thead, -html table thead tr, -html table thead tr th, -html table thead tr td, :root table, -:root table tr, -:root table tr th, -:root table tr td, -:root table tbody, -:root table tbody tr, -:root table tbody td, -:root table thead, -:root table thead tr, -:root table thead tr th, -:root table thead tr td { - margin: 0; - padding: 0; - background: none; - border: none; -} -html table, :root table { - border-collapse: collapse; -} -html table thead tr th, :root table thead tr th { - background-color: var(--blades-white); - text-shadow: none; - color: var(--blades-black); - font-family: var(--font-emphasis); - font-weight: normal; - font-size: 20px; - font-variant: small-caps; - padding: 2px; -} -html figure, :root figure { - display: table; - margin: 1rem auto; -} -html figure figcaption, :root figure figcaption { - font-family: var(--font-primary-small); - color: var(--blades-grey-bright); - display: block; - margin-top: 0.25rem; - text-align: center; -} -html hr, :root hr { - border-color: var(--blades-grey-bright); - border-style: solid; - border-width: 1px 0 0 0; -} -html code, :root code { - padding: 0.1rem 0.2rem; -} -html i.fa-duotone[style], :root i.fa-duotone[style] { - /* Your code here */ -} -html .text-secret, :root .text-secret { - display: var(--secret-text-display, "none"); - background-color: var(--blades-white); - color: var(--blades-black); - font-weight: bold; - font-style: italic; - border-radius: 3px; - box-shadow: 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright), 0 0 3px var(--blades-white-bright); - padding: 0 0.3125rem; - margin: 0 0.3125rem; -} -html .text-secret:first-child:last-child, :root .text-secret:first-child:last-child { - display: block; -} -html label:not([class]), :root label:not([class]) { - color: var(--blades-white-bright); - font-weight: bold; -} -html .filled-label, :root .filled-label { - font-size: 1.25rem; - line-height: 1; - flex-grow: 0; - padding: 0.3125rem; - background: var(--blades-white); - color: var(--blades-black); - font-family: var(--font-emphasis); - text-transform: uppercase; - position: relative; - display: block; - width: min-content; - white-space: nowrap; -} -html .filled-label.narrow-label, :root .filled-label.narrow-label { - transform-origin: 0 50%; - scale: 0.8 1; - min-width: 125%; - margin-left: 25%; -} -html .number-circle, :root .number-circle { - --nc-size: var(--number-circle-size, 1.25rem); - --nc-border-width: calc(var(--nc-size) * (1/10)); - --nc-font-size: calc(var(--nc-size) * (7/10)); - --nc-border-radius: calc(var(--nc-size) * (5/10)); - --nc-line-height: calc(var(--nc-size) * (8/10)); - --nc-drop-shadow: calc(var(--nc-size) * (0.5/10)); - height: var(--nc-size); - width: var(--nc-size); - font-weight: bold; - font-family: var(--font-primary-small-narrow); - font-size: var(--nc-font-size); - text-align: center; - border-radius: var(--nc-border-radius); - background: var(--number-circle-bg, var(--blades-grey-dark)); - color: var(--number-circle-color, var(--blades-white)); - line-height: var(--nc-line-height); - border: var(--nc-border-width) outset var(--number-circle-color, var(--blades-white)); - margin: -0.1875rem 0.25rem 0 0; - flex-shrink: 0; -} -html .gold-bright, :root .gold-bright { - color: var(--blades-gold-bright) !important; -} -html .red-bright, :root .red-bright { - color: var(--blades-red-bright) !important; -} -html .red-dark, :root .red-dark { - color: var(--blades-red-dark) !important; -} -html .grey, :root .grey { - color: var(--blades-grey) !important; -} -html .white, :root .white { - color: var(--blades-white) !important; -} -html .white-bright, :root .white-bright { - color: var(--blades-white-bright) !important; -} -html .cyan-bright, :root .cyan-bright { - color: var(--blades-blue-bright) !important; -} -html .uppercase, :root .uppercase { - text-transform: uppercase !important; -} -html .inline-code, :root .inline-code { - font-family: var(--font-mono) !important; - font-size: smaller; - text-transform: uppercase; -} -html .shadowed, :root .shadowed { - box-shadow: none; - background: transparent; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -html .hidden, :root .hidden { - display: none !important; -} -html .start-invisible, :root .start-invisible { - opacity: 0; -} -html .text-checkbox, :root .text-checkbox { - position: relative; - display: inline-block; -} -html .text-checkbox input[type=checkbox], :root .text-checkbox input[type=checkbox] { - opacity: 0; - height: 100%; - width: 100%; - margin-right: -100%; - display: inline-block; -} -html .text-checkbox span, :root .text-checkbox span { - display: inline-block; -} -html .text-checkbox input[type=checkbox]:checked + span, :root .text-checkbox input[type=checkbox]:checked + span { - color: var(--active-text-color, var(--blades-gold-bright)); -} -html .no-img img, :root .no-img img { - display: none; -} -html .flex-horizontal, :root .flex-horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; -} -html .flex-horizontal.flex-wrap, :root .flex-horizontal.flex-wrap { - flex-wrap: wrap; - align-content: flex-start; -} -html .flex-horizontal.full-width, :root .flex-horizontal.full-width { - width: 100%; - justify-content: space-evenly; -} -html .flex-vertical, :root .flex-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -html .full-width, :root .full-width { - width: 100%; -} -html .tooltip-trigger, html .tooltip-container, :root .tooltip-trigger, :root .tooltip-container { - position: relative; -} -html .tooltip-trigger, :root .tooltip-trigger { - pointer-events: auto !important; -} -html .tooltip, :root .tooltip { - visibility: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - color: var(--blades-white); - background: var(--blades-black-dark); - width: auto; - max-width: 400px; - padding: 0.625rem; - border: 0.0625rem solid var(--blades-grey); - border-radius: 0.3125rem; - box-shadow: 5px 5px 10px var(--blades-black-dark); - text-align: center; - position: absolute; - pointer-events: none; -} -html .tooltip > h1, :root .tooltip > h1 { - text-align: left; - background: transparent; - font-family: var(--font-emphasis); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); - width: 100%; - margin: 0; - border-bottom: 2px solid var(--blades-white); - white-space: nowrap; - text-transform: none; -} -html .tooltip > h1:last-of-type, :root .tooltip > h1:last-of-type { - margin-bottom: 5px; -} -html .tooltip > p, html .tooltip ul, html .tooltip ol, html .tooltip li, :root .tooltip > p, :root .tooltip ul, :root .tooltip ol, :root .tooltip li { - font-family: var(--font-primary); - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -html .tooltip > ul, html .tooltip ol, :root .tooltip > ul, :root .tooltip ol { - margin: 5px 0; - text-align: left; - text-wrap: normal; -} -html .tooltip > ul li, html .tooltip ol li, :root .tooltip > ul li, :root .tooltip ol li { - text-wrap: normal; -} -html .tooltip h2, :root .tooltip h2 { - color: var(--blades-white-bright); -} -html .tooltip-scaling-elem, :root .tooltip-scaling-elem { - display: inline-block; -} -html .player-character-summary-panel, :root .player-character-summary-panel { - display: flex; - flex-direction: column; - height: min-content; -} -html .player-character-summary-panel > *, :root .player-character-summary-panel > * { - flex-grow: 1; - flex-shrink: 1; -} -html .player-character-summary-panel .pc-summary, :root .player-character-summary-panel .pc-summary { - width: 100%; - overflow: visible; - padding: 5px; - position: relative; - z-index: 4; - pointer-events: auto; - display: grid; - grid-template-areas: "header header header notes" "actions assets harm notes"; - grid-template-rows: 20px 1fr; - grid-template-columns: 16% 16% 16% 1fr; -} -html .player-character-summary-panel .pc-summary:hover, :root .player-character-summary-panel .pc-summary:hover { - z-index: 5; -} -html .player-character-summary-panel .pc-summary .pc-summary-img, :root .player-character-summary-panel .pc-summary .pc-summary-img { - position: absolute; - top: 20px; - width: 16%; - pointer-events: none; - z-index: -1; - opacity: 0.5; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header, :root .player-character-summary-panel .pc-summary section.pc-summary-header { - grid-area: header; - display: grid; - grid-template-areas: "name name heritage background-img vice-img playbook-img"; - grid-template-rows: 20px; - grid-template-columns: 1fr 1fr 40px 20px 20px 20px; - position: relative; - width: 100%; - grid-gap: 5px; - height: min-content; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header > img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img { - filter: drop-shadow(1px 1px 0px var(--blades-black-dark)); -} -html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-background-img { - grid-area: background-img; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-vice-img { - grid-area: vice-img; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img, :root .player-character-summary-panel .pc-summary section.pc-summary-header > img.pc-summary-playbook-img { - grid-area: playbook-img; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name, :root .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-name { - grid-area: name; - font-family: var(--font-emphasis); - font-size: 1.25rem; - line-height: 1.25rem; - color: var(--blades-white-bright); - font-variant: small-caps; -} -html .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage, :root .player-character-summary-panel .pc-summary section.pc-summary-header .pc-summary-heritage { - grid-area: heritage; - font-size: 10px; - font-family: var(--font-emphasis-narrow); - text-transform: uppercase; - line-height: 20px; - text-align: right; - color: var(--blades-white-bright); - padding-right: 5px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions, :root .player-character-summary-panel .pc-summary section.pc-summary-actions { - grid-area: actions; - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute { - text-align: center; - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 0; - line-height: 0.875rem; - height: 0.875rem; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child), :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute:not(:first-child) { - margin-top: 5px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute label { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white); -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-attribute span { - font-family: var(--font-emphasis-narrow); - font-size: 0.75rem; - line-height: 0.75rem; - color: var(--blades-white-bright); -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action { - flex-basis: 50%; - flex-grow: 0; - flex-shrink: 0; - line-height: 0.75rem; - height: 0.75rem; - display: flex; - flex-direction: row; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action label { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-grey-bright); - flex-grow: 1; - text-align: right; -} -html .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span, :root .player-character-summary-panel .pc-summary section.pc-summary-actions .pc-summary-action span { - font-family: var(--font-emphasis-narrow); - font-size: 0.625rem; - line-height: 0.625rem; - color: var(--blades-white-bright); - width: 20px; - text-align: center; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets, :root .player-character-summary-panel .pc-summary section.pc-summary-assets { - grid-area: assets; - padding-right: 3px; - position: relative; - z-index: 5; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-assets:hover { - z-index: 10; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child), :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container:not(:first-child) { - margin-top: 5px; - border-top: 1px dotted var(--blades-white-bright); -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - gap: 3px; - height: 14px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container .pc-summary-gear-loadout { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-align: left; - color: var(--blades-gold-bright); -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-gear-loadout-container i { - font-size: 10px; - line-height: 12px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset { - display: flex; - flex-direction: row; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-img { - height: 12px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 12px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name { - flex-grow: 1; - font-family: "Fjalla One", sans-serif; - font-size: 10px; - line-height: 12px; - white-space: nowrap; - overflow: hidden; - text-transform: uppercase; - color: var(--blades-white-bright); -} -html .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-assets .pc-summary-assets-container .pc-summary-asset .pc-summary-asset-name:hover { - overflow: visible; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses { - grid-area: harm; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container { - width: 100%; - display: flex; - justify-content: flex-end; - height: 14px; - overflow: hidden; - flex-wrap: nowrap; - flex-direction: row; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box { - display: block; - height: 100%; - width: 5px; - margin: 0px 1px; - border: 1px solid var(--blades-red-dark); - border-radius: 3px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-stress-container .pc-summary-stress-box.stress-box-full { - background: var(--blades-red-bright); - border-color: var(--blades-red); -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container { - margin-top: 5px; - border-bottom: 1px dotted var(--blades-red); -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-trauma-container .pc-summary-trauma { - color: var(--blades-red-bright); - font-weight: bold; - font-family: var(--font-emphasis), serif; - font-size: 12px; - text-transform: uppercase; - text-align: center; - width: 100%; - display: block; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container { - margin-top: 5px; - display: flex; - justify-content: flex-start; - align-items: stretch; - flex-direction: column; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm { - font-size: 10px; - font-family: "Fjalla One", sans-serif; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - flex-grow: 1; - padding: 0 5px; - line-height: 15px; - pointer-events: auto; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm:hover { - overflow: visible; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > label { - flex-grow: 1; - white-space: nowrap; - padding-left: 4px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm > i { - line-height: 15px; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-severe { - color: var(--blades-white-bright); - background: var(--blades-red-dark); - font-weight: bold; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-moderate { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade); - font-weight: bold; -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.pc-harm-lesser { - color: var(--blades-red-bright); - background: var(--blades-red-dark-fade-strong); -} -html .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive, :root .player-character-summary-panel .pc-summary section.pc-summary-maluses .pc-summary-harm-container .pc-summary-harm.harm-inactive { - background: transparent; - color: var(--blades-grey); -} -html .player-character-summary-panel .pc-summary section.pc-summary-notes, :root .player-character-summary-panel .pc-summary section.pc-summary-notes { - grid-area: notes; -} -html .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body, :root .player-character-summary-panel .pc-summary section.pc-summary-notes .pc-summary-notes-body { - height: 100%; - resize: none; -} -html .selectable-image-panel, :root .selectable-image-panel { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - align-content: flex-start; - justify-content: flex-start; - border-left: 4px double var(--blades-white); - border-right: 4px double var(--blades-white); - gap: 5px; - height: min-content; - position: relative; - min-height: 100px; -} -html .selectable-image-panel .selectable-image, :root .selectable-image-panel .selectable-image { - pointer-events: auto !important; - max-height: 100px; - max-width: 100px; - filter: brightness(1.5); -} -html .selectable-image-panel .selectable-image.image-selected, :root .selectable-image-panel .selectable-image.image-selected { - outline: 2px solid var(--blades-green-bright); - position: relative; - z-index: 2; -} -html .selectable-image-panel .add-image-control, :root .selectable-image-panel .add-image-control { - position: absolute; - z-index: 3; - top: 10px; - right: 10px; - pointer-events: auto !important; - height: 20px; - width: 20px; - rotate: 45deg; - opacity: 0.5; - transition: 0.25s; -} -html .selectable-image-panel .add-image-control:hover, :root .selectable-image-panel .add-image-control:hover { - opacity: 1; -} -html .opposition-creation-panel, :root .opposition-creation-panel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: min-content; - flex-grow: 0; - gap: 5px; -} -html .opposition-creation-panel .roll-opposition-container, :root .opposition-creation-panel .roll-opposition-container { - flex-basis: 45%; - max-width: 50%; - flex-grow: 1; - flex-shrink: 1; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; -} -html .opposition-creation-panel .roll-opposition-container.selected-opposition, :root .opposition-creation-panel .roll-opposition-container.selected-opposition { - box-shadow: inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright), inset 0 0 10px var(--blades-green-bright); -} -html .opposition-creation-panel .roll-opposition-container.opposition-blank, :root .opposition-creation-panel .roll-opposition-container.opposition-blank { - opacity: 0.5; - filter: blur(2px); -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: stretch; - align-items: flex-start; -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-img { - max-height: 58px; - max-width: 58px; - flex-grow: 0; - pointer-events: auto !important; -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-top-container .roll-opposition-text-container { - display: flex; - flex-grow: 1; - flex-direction: column; - align-items: stretch; - justify-content: space-between; -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container, -:root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container { - flex-grow: 1; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-evenly; - align-items: center; - gap: 5px; -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-label, -:root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-label { - flex-grow: 1; - text-align: center; - font-family: "Fjalla One", sans-serif; - font-size: 8px; - color: var(--blades-white-bright); - max-width: 50px; -} -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -html .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector, :root .opposition-creation-panel .roll-opposition-container .roll-opposition-factors-container .factor-selector, -:root .opposition-creation-panel .roll-opposition-container .roll-opposition-factor-label-container .factor-selector { - flex-grow: 0; - flex-basis: 25%; - flex-shrink: 1; - pointer-events: auto !important; - font-family: var(--font-emphasis); - color: var(--blades-white-bright); - text-align: center; - font-size: 14px; - height: 18px; - max-width: 50px; -} -html .opposition-creation-panel .roll-opposition-container input.shadowed, :root .opposition-creation-panel .roll-opposition-container input.shadowed { - pointer-events: auto !important; - font-family: "Fjalla One", sans-serif; - background: var(--blades-black-dark-fade-strong); - border-radius: 3px; - box-shadow: inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark), inset 0px 0px 3px var(--blades-black-dark); - font-size: 0.875rem; - color: var(--blades-white-bright); - height: 1.125rem; - transform-origin: 0% 50%; - flex-shrink: 1; - scale: 0.75 1; - width: 133.3333333333%; -} -html .accordian-label, :root .accordian-label { - position: relative; - filter: sepia(0.75); -} -html .accordian-label .randomizer-trigger, :root .accordian-label .randomizer-trigger { - position: absolute; - text-indent: 0px; - left: 5px; - translate: 0 -50%; - top: 50%; - scale: 1; - color: var(--blades-black); - text-shadow: none; - transform-origin: 50% 50%; - transition: 0.25s; -} -html .accordian-label .randomizer-trigger:hover, :root .accordian-label .randomizer-trigger:hover { - scale: 1.2; - color: var(--blades-gold-bright); - text-shadow: 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark), 0px 0px 4px var(--blades-black-dark); -} -html .accordian-label.accordian-label-small, :root .accordian-label.accordian-label-small { - height: calc(0.75 * var(--header-height)); - line-height: calc(0.8 * var(--header-height)); - width: calc(100% - 10px); - margin-left: 10px; - filter: none; -} -html .accordian-label.accordian-label-small .randomizer-trigger, :root .accordian-label.accordian-label-small .randomizer-trigger { - top: 60%; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item { - position: relative; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child), :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(:last-child) { - border-bottom: 1px dotted var(--blades-white); -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item:not(.randomizer-item-locked) .randomizer-input { - background: transparent; - box-shadow: none; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i), :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item *:not(i) { - font-family: var(--font-primary-narrow); -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item textarea { - resize: none; - min-height: 2.5rem; - padding: 3px; - text-indent: 0; - font-size: 10px; - overflow: hidden; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul { - font-size: 10px; - margin: 0 0 0 10px; - padding: 0; - list-style: none; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item ul li::before { - content: "● "; - margin-left: -9px; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .randomizer-input-title { - max-width: calc(100% - 25px); - margin-left: 25px; -} -html .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon, :root .randomizer-panel .randomizer-container .randomizer-list .randomizer-item .toggle-icon { - position: absolute; - cursor: pointer; - left: 0; - bottom: unset; - right: unset; - top: 0; - pointer-events: auto; - z-index: 20; -} - -::-webkit-scrollbar { - width: var(--blades-spacer-sm); -} - -::-webkit-scrollbar-track { - box-shadow: inset 0 0 0 1px rgba(var(--color-background-darkest), 0.5); - border: none; - border-radius: 0; -} - -::-webkit-scrollbar-thumb { - background-color: rgba(var(--color-background-light), 1); - border: none; - border-radius: 0; - outline: none; -} - -#tinymce { - min-height: var(--min-tinymce-height); - background-color: rgba(0, 0, 0, 0.2); - height: 100%; - margin: 0; - padding: var(--content-padding, 0) !important; - width: calc(100% + 2 * var(--content-padding, 0)); - margin-left: calc(-1 * var(--content-padding, 0)); -} -#tinymce p { - display: block; - margin-block-start: 7px; - margin-block-end: 7px; - text-shadow: 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark), 0 0 4px var(--blades-black-dark); -} -#tinymce .inline-doc-img { - display: inline; - height: 24px; - width: 24px; - vertical-align: top; - margin: -5px 5px -5px 0; -} -#tinymce .inline-doc-link { - color: var(--blades-black-dark); - text-decoration: none; - font-family: var(--font-emphasis); - text-shadow: none; - background: var(--blades-white); - border-radius: 6px; - padding: 2px 6px; - pointer-events: auto; - cursor: pointer; - box-shadow: 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black), 0 0 4px var(--blades-black); -} -#tinymce .tox-two-column-flex { - display: flex; - height: auto; - flex-direction: row; - flex-wrap: wrap; - gap: 2px 5px; - align-content: stretch; - padding: 0; - margin: 0 20px; -} -#tinymce .tox-two-column-flex p { - line-height: 1rem; - padding: 3px; - margin: 4px 0; -} -#tinymce .tox-two-column-flex p:not(.inline-doc-link-container)::before { - content: "◊"; - margin-right: 5px; - font-family: var(--font-emphasis); - font-size: toRem(10px); - vertical-align: top; - color: var(--blades-gold); -} -#tinymce .tox-two-column-flex > *, #tinymce .tox-two-column-flex > p { - flex-basis: 49%; - flex-shrink: 1; - flex-grow: 1; - max-width: 50%; - margin: 0; -} \ No newline at end of file diff --git a/css/tinymce/fonts.css b/css/tinymce/fonts.css deleted file mode 100644 index 69e301c7..00000000 --- a/css/tinymce/fonts.css +++ /dev/null @@ -1,301 +0,0 @@ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; } - -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; } - -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Micro"; - src: url("../assets/fonts/SmallPixel.ttf") format("truetype"); } - -@font-face { - font-family: "Tiny"; - src: url("../assets/fonts/TeenyTinyPixls.ttf") format("truetype"); } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; } - -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; } - -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); } - -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); } - -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; } - -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; } diff --git a/css/tinymce/fonts.min.css b/css/tinymce/fonts.min.css deleted file mode 100644 index 321e2ebf..00000000 --- a/css/tinymce/fonts.min.css +++ /dev/null @@ -1,354 +0,0 @@ -@font-face { - font-family: "Fjalla One"; - src: url("../assets/fonts/FjallaOne.ttf") format("truetype"); -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "Historical FellType"; - src: url("../assets/fonts/HistoricalFellType/HistoricalFellType i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "Historical FellType SC"; - src: url("../assets/fonts/HistoricalFellTypeSC/HistoricalFellTypeSC.otf") format("opentype"); -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica.otf") format("opentype"); - font-style: normal; -} -@font-face { - font-family: "IM FELL Double Pica"; - src: url("../assets/fonts/IMFELLDoublePica/IMFELLDoublePica i.otf") format("opentype"); - font-style: italic; -} -@font-face { - font-family: "IM FELL Double Pica SC"; - src: url("../assets/fonts/IMFELLDoublePicaSC/IMFELLDoublePicaSC.ttf") format("truetype"); -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Kirsty"; - src: url("../assets/fonts/Kirsty/Kirsty Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Pragmata"; - src: url("../assets/fonts/Pragmata/Pragmata Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro"; - src: url("../assets/fonts/MinionPro/MinionPro Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption"; - src: url("../assets/fonts/MinionProCapt/MinionProCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond M.otf") format("opentype"); - font-style: normal; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Cond"; - src: url("../assets/fonts/MinionProCond/MinionProCond Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt B.otf") format("opentype"); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Mi.otf") format("opentype"); - font-style: italic; - font-weight: 400; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Minion Pro Caption Cond"; - src: url("../assets/fonts/MinionProCondCapt/MinionProCondCapt Bi.otf") format("opentype"); - font-style: italic; - font-weight: bold; -} -@font-face { - font-family: "Oswald"; - src: url("../assets/fonts/Oswald.ttf") format("truetype"); -} -@font-face { - font-family: "PWSignaturetwo"; - src: url("../assets/fonts/PWSignaturetwo/PWSignaturetwo.ttf") format("truetype"); -} -@font-face { - font-family: "Ravenscroft"; - src: url("../assets/fonts/Ravenscroft/Ravenscroft.ttf") format("truetype"); -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua.ttf") format("truetype"); - font-style: normal; -} -@font-face { - font-family: "UglyQua"; - src: url("../assets/fonts/UglyQua/UglyQua i.ttf") format("truetype"); - font-style: italic; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort B.otf") format("opentype"); - font-style: normal; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Bi.otf") format("opentype"); - font-style: italic; - font-weight: 700; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort S.otf") format("opentype"); - font-style: normal; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Si.otf") format("opentype"); - font-style: italic; - font-weight: 600; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort M.otf") format("opentype"); - font-style: normal; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Mi.otf") format("opentype"); - font-style: italic; - font-weight: 500; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort L.otf") format("opentype"); - font-style: normal; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort Li.otf") format("opentype"); - font-style: italic; - font-weight: light; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort.otf") format("opentype"); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: "Beaufort"; - src: url("../assets/fonts/Beaufort/Beaufort i.otf") format("opentype"); - font-style: italic; - font-weight: normal; -} \ No newline at end of file diff --git a/css/tinymce/skin/skin.css b/css/tinymce/skin/skin.css deleted file mode 100644 index f113b009..00000000 --- a/css/tinymce/skin/skin.css +++ /dev/null @@ -1,3712 +0,0 @@ -/** -* Copyright (c) Tiny Technologies, Inc. All rights reserved. -* Licensed under the LGPL or a commercial license. -* For LGPL see License.txt in the project root for license information. -* For commercial licenses see https://www.tiny.cloud/ -*/ -.tox { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: content-box; - box-sizing: content-box; - color: #101010; - cursor: auto; - font-family: var(--font-primary); - font-size: 14px; - font-style: normal; - font-weight: normal; - line-height: normal; - -webkit-tap-highlight-color: transparent; - text-decoration: none; - text-shadow: none; - text-transform: none; - vertical-align: initial; - white-space: normal; } - -.tox *:not(svg):not(rect) { - -webkit-box-sizing: inherit; - box-sizing: inherit; - color: inherit; - cursor: inherit; - direction: inherit; - font-family: inherit; - font-size: inherit; - font-style: inherit; - font-weight: inherit; - line-height: inherit; - -webkit-tap-highlight-color: inherit; - text-align: inherit; - text-decoration: inherit; - text-shadow: inherit; - text-transform: inherit; - vertical-align: inherit; - white-space: inherit; - /* stylelint-disable-line no-duplicate-selectors */ - background: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - float: none; - height: auto; - margin: 0; - max-width: none; - outline: 0; - padding: 0; - position: static; - width: auto; } - -.tox:not([dir=rtl]) { - direction: ltr; - text-align: left; } - -.tox[dir=rtl] { - direction: rtl; - text-align: right; } - -.tox-tinymce { - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - font-family: var(--font-primary); - overflow: hidden; - position: relative; - visibility: inherit !important; } - -.tox-tinymce-inline { - border: none; - -webkit-box-shadow: none; - box-shadow: none; } - -.tox-tinymce-inline .tox-editor-header { - background-color: transparent; - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; } - -.tox-tinymce-aux { - font-family: var(--font-primary); - z-index: 1300; } - -.tox-tinymce *:focus, -.tox-tinymce-aux *:focus { - outline: none; } - -button::-moz-focus-inner { - border: 0; } - -.tox[dir=rtl] .tox-icon--flip svg { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } - -.tox .accessibility-issue__header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-bottom: 3.5px; } - -.tox .accessibility-issue__description { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - border: 1px solid #808080; - border-radius: 0px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - -.tox .accessibility-issue__description > div { - padding-bottom: 3.5px; } - -.tox .accessibility-issue__description > div > div { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-bottom: 3.5px; } - -.tox .accessibility-issue__description > *:last-child:not(:only-child) { - border-color: #808080; - border-style: solid; } - -.tox .accessibility-issue__repair { - margin-top: 16px; } - -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { - background-color: rgba(255, 255, 255, 0.5); - border-color: #ffffff; - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { - border-color: #ffffff; } - -.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { - color: #ffffff; } - -.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { - fill: #ffffff; } - -.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { - color: #ffffff; } - -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { - background-color: rgba(255, 165, 0, 0.5); - border-color: rgba(255, 165, 0, 0.8); - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { - border-color: rgba(255, 165, 0, 0.8); } - -.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { - fill: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { - background-color: rgba(204, 0, 0, 0.5); - border-color: rgba(204, 0, 0, 0.8); - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { - border-color: rgba(204, 0, 0, 0.8); } - -.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { - fill: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { - background-color: rgba(120, 171, 70, 0.5); - border-color: rgba(120, 171, 70, 0.8); - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { - border-color: rgba(120, 171, 70, 0.8); } - -.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { - fill: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { - color: #c8c8c8; } - -.tox .tox-dialog__body-content .accessibility-issue__header h1, -.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { - margin-top: 0; } - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { - margin-left: 3.5px; } - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { - margin-left: auto; } - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { - padding: 3.5px 3.5px 3.5px 7px; } - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { - border-left-width: 1px; - padding-left: 3.5px; } - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { - margin-right: 3.5px; } - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { - margin-right: auto; } - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { - padding: 3.5px 7px 3.5px 3.5px; } - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { - border-right-width: 1px; - padding-right: 3.5px; } - -.tox .tox-anchorbar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -.tox .tox-bar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; } - -.tox .tox-button { - background-color: #ffffff; - background-image: none; - background-position: 0 0; - background-repeat: repeat; - border-color: #ffffff; - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #101010; - cursor: pointer; - display: inline-block; - font-family: var(--font-primary); - font-size: 12.25px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - line-height: 24px; - margin: 0; - outline: none; - padding: 3.5px 14px; - text-align: center; - text-decoration: none; - text-transform: none; - white-space: nowrap; } - -.tox .tox-button[disabled] { - background-color: #ffffff; - background-image: none; - border-color: #ffffff; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(16, 16, 16, 0.5); - cursor: not-allowed; } - -.tox .tox-button:focus:not(:disabled) { - background-color: #f2f2f2; - background-image: none; - border-color: #f2f2f2; - -webkit-box-shadow: none; - box-shadow: none; - color: #101010; } - -.tox .tox-button:hover:not(:disabled) { - background-color: #f2f2f2; - background-image: none; - border-color: #f2f2f2; - -webkit-box-shadow: none; - box-shadow: none; - color: #101010; } - -.tox .tox-button:active:not(:disabled) { - background-color: #e6e6e6; - background-image: none; - border-color: #e6e6e6; - -webkit-box-shadow: none; - box-shadow: none; - color: #101010; } - -.tox .tox-button--secondary { - background-color: #262626; - background-image: none; - background-position: 0 0; - background-repeat: repeat; - border-color: #262626; - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; - font-size: 12.25px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - outline: none; - padding: 3.5px 14px; - text-decoration: none; - text-transform: none; } - -.tox .tox-button--secondary[disabled] { - background-color: #262626; - background-image: none; - border-color: #262626; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(200, 200, 200, 0.5); } - -.tox .tox-button--secondary:focus:not(:disabled) { - background-color: #191919; - background-image: none; - border-color: #191919; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--secondary:hover:not(:disabled) { - background-color: #191919; - background-image: none; - border-color: #191919; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--secondary:active:not(:disabled) { - background-color: #0d0d0d; - background-image: none; - border-color: #0d0d0d; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--icon, -.tox .tox-button.tox-button--icon, -.tox .tox-button.tox-button--secondary.tox-button--icon { - padding: 3.5px; } - -.tox .tox-button--icon .tox-icon svg, -.tox .tox-button.tox-button--icon .tox-icon svg, -.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { - display: block; - fill: currentColor; } - -.tox .tox-button-link { - background: 0; - border: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: inline-block; - font-family: var(--font-primary); - font-size: 14px; - font-weight: 500; - line-height: 1.3; - margin: 0; - padding: 0; - white-space: nowrap; } - -.tox .tox-button-link--sm { - font-size: 12.25px; } - -.tox .tox-button--naked { - background-color: transparent; - border-color: transparent; - -webkit-box-shadow: unset; - box-shadow: unset; - color: #c8c8c8; } - -.tox .tox-button--naked[disabled] { - background-color: #262626; - border-color: #262626; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(200, 200, 200, 0.5); } - -.tox .tox-button--naked:hover:not(:disabled) { - background-color: #191919; - border-color: #191919; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--naked:focus:not(:disabled) { - background-color: #191919; - border-color: #191919; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--naked:active:not(:disabled) { - background-color: #0d0d0d; - border-color: #0d0d0d; - -webkit-box-shadow: none; - box-shadow: none; - color: #c8c8c8; } - -.tox .tox-button--naked .tox-icon svg { - fill: currentColor; } - -.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { - color: #c8c8c8; } - -.tox .tox-checkbox { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 0px; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 36px; - min-width: 36px; } - -.tox .tox-checkbox__input { - /* Hide from view but visible to screen readers */ - height: 1px; - overflow: hidden; - position: absolute; - top: auto; - width: 1px; } - -.tox .tox-checkbox__icons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border-radius: 0px; - -webkit-box-shadow: 0 0 0 2px transparent; - box-shadow: 0 0 0 2px transparent; - -webkit-box-sizing: content-box; - box-sizing: content-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 24px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: calc(3.5px - 1px); - width: 24px; } - -.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: block; - fill: rgba(200, 200, 200, 0.2); } - -.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - display: none; - fill: #ffffff; } - -.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { - display: none; - fill: #ffffff; } - -.tox .tox-checkbox--disabled { - color: rgba(200, 200, 200, 0.5); - cursor: not-allowed; } - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { - fill: rgba(200, 200, 200, 0.5); } - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - fill: rgba(200, 200, 200, 0.5); } - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - fill: rgba(200, 200, 200, 0.5); } - -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: none; } - -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { - display: block; } - -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: none; } - -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - display: block; } - -.tox input.tox-checkbox__input:focus + .tox-checkbox__icons { - border-radius: 0px; - -webkit-box-shadow: inset 0 0 0 1px #ffffff; - box-shadow: inset 0 0 0 1px #ffffff; - padding: calc(3.5px - 1px); } - -.tox:not([dir=rtl]) .tox-checkbox__label { - margin-left: 3.5px; } - -.tox:not([dir=rtl]) .tox-checkbox__input { - left: -10000px; } - -.tox:not([dir=rtl]) .tox-bar .tox-checkbox { - margin-left: 3.5px; } - -.tox[dir=rtl] .tox-checkbox__label { - margin-right: 3.5px; } - -.tox[dir=rtl] .tox-checkbox__input { - right: -10000px; } - -.tox[dir=rtl] .tox-bar .tox-checkbox { - margin-right: 3.5px; } - -.tox .tox-collection--toolbar .tox-collection__group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 0; } - -.tox .tox-collection--grid .tox-collection__group { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-height: 208px; - overflow-x: hidden; - overflow-y: auto; - padding: 0; } - -.tox .tox-collection--list .tox-collection__group { - border-bottom-width: 0; - border-color: #9a9a9a; - border-left-width: 0; - border-right-width: 0; - border-style: solid; - border-top-width: 1px; - padding: 3.5px 0; } - -.tox .tox-collection--list .tox-collection__group:first-child { - border-top-width: 0; } - -.tox .tox-collection__group-heading { - background-color: #b3b3b3; - color: rgba(200, 200, 200, 0.5); - cursor: default; - font-size: 12px; - font-style: normal; - font-weight: 500; - margin-bottom: 3.5px; - margin-top: -3.5px; - padding: 3.5px 7px; - text-transform: none; - -webkit-touch-callout: none; - -webkit-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; } - -.tox .tox-collection__item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #c8c8c8; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-touch-callout: none; - -webkit-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; } - -.tox .tox-collection--list .tox-collection__item { - padding: 3.5px 7px; } - -.tox .tox-collection--toolbar .tox-collection__item { - border-radius: 3px; - padding: 3.5px; } - -.tox .tox-collection--grid .tox-collection__item { - border-radius: 3px; - padding: 3.5px; } - -.tox .tox-collection--list .tox-collection__item--enabled { - background-color: #0d0d0d; - color: #c8c8c8; } - -.tox .tox-collection--list .tox-collection__item--active { - background-color: #808080; } - -.tox .tox-collection--toolbar .tox-collection__item--enabled { - background-color: #808080; - color: #c8c8c8; } - -.tox .tox-collection--toolbar .tox-collection__item--active { - background-color: #808080; } - -.tox .tox-collection--grid .tox-collection__item--enabled { - background-color: #808080; - color: #c8c8c8; } - -.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - background-color: #808080; - color: #c8c8c8; } - -.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: #c8c8c8; } - -.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: #c8c8c8; } - -.tox .tox-collection__item-icon, -.tox .tox-collection__item-checkmark { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 24px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; } - -.tox .tox-collection__item-icon svg, -.tox .tox-collection__item-checkmark svg { - fill: currentColor; } - -.tox .tox-collection--toolbar-lg .tox-collection__item-icon { - height: 48px; - width: 48px; } - -.tox .tox-collection__item-label { - color: currentColor; - display: inline-block; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 24px; - text-transform: none; - word-break: break-all; } - -.tox .tox-collection__item-accessory { - color: rgba(200, 200, 200, 0.5); - display: inline-block; - font-size: 12.25px; - height: 24px; - line-height: 24px; - text-transform: none; } - -.tox .tox-collection__item-caret { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - min-height: 24px; } - -.tox .tox-collection__item-caret::after { - content: ''; - font-size: 0; - min-height: inherit; } - -.tox .tox-collection__item-caret svg { - fill: #c8c8c8; } - -.tox .tox-collection__item--state-disabled { - background-color: transparent; - color: rgba(200, 200, 200, 0.5); - cursor: not-allowed; } - -.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { - fill: rgba(200, 200, 200, 0.5); } - -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { - display: none; } - -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { - display: none; } - -.tox .tox-collection--horizontal { - background-color: #0d0d0d; - border: 1px solid #9a9a9a; - border-radius: 0px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin-bottom: 0; - overflow-x: auto; - padding: 0; } - -.tox .tox-collection--horizontal .tox-collection__group { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 0; - padding: 0 3.5px; } - -.tox .tox-collection--horizontal .tox-collection__item { - height: 34px; - margin: 2px 0 3px 0; - padding: 0 4px; } - -.tox .tox-collection--horizontal .tox-collection__item-label { - white-space: nowrap; } - -.tox .tox-collection--horizontal .tox-collection__item-caret { - margin-left: 4px; } - -.tox .tox-collection__item-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-collection__item-container--row { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - -.tox .tox-collection__item-container--row.tox-collection__item-container--align-left { - margin-right: auto; } - -.tox .tox-collection__item-container--row.tox-collection__item-container--align-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-left: auto; } - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - margin-bottom: auto; } - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - margin-top: auto; } - -.tox .tox-collection__item-container--column { - -ms-grid-row-align: center; - -ms-flex-item-align: center; - align-self: center; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -.tox .tox-collection__item-container--column.tox-collection__item-container--align-left { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; } - -.tox .tox-collection__item-container--column.tox-collection__item-container--align-right { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; } - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { - -ms-flex-item-align: start; - align-self: flex-start; } - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { - -ms-grid-row-align: center; - -ms-flex-item-align: center; - align-self: center; } - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { - -ms-flex-item-align: end; - align-self: flex-end; } - -.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { - border-right: 1px solid #808080; } - -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { - margin-left: 7px; } - -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { - margin-left: 3.5px; } - -.tox:not([dir=rtl]) .tox-collection__item-accessory { - margin-left: 14px; - text-align: right; } - -.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { - margin-left: 14px; } - -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { - border-left: 1px solid #808080; } - -.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { - margin-right: 7px; } - -.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { - margin-right: 3.5px; } - -.tox[dir=rtl] .tox-collection__item-accessory { - margin-right: 14px; - text-align: left; } - -.tox[dir=rtl] .tox-collection .tox-collection__item-caret { - margin-right: 14px; - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } - -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { - margin-right: 4px; } - -.tox .tox-color-picker-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - height: 225px; - margin: 0; } - -.tox .tox-sv-palette { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 100%; } - -.tox .tox-sv-palette-spectrum { - height: 100%; } - -.tox .tox-sv-palette, -.tox .tox-sv-palette-spectrum { - width: 225px; } - -.tox .tox-sv-palette-thumb { - background: none; - border: 1px solid black; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - height: 12px; - position: absolute; - width: 12px; } - -.tox .tox-sv-palette-inner-thumb { - border: 1px solid white; - border-radius: 50%; - height: 10px; - position: absolute; - width: 10px; } - -.tox .tox-hue-slider { - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 100%; - width: 25px; } - -.tox .tox-hue-slider-spectrum { - background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(#ff0080), color-stop(#f0f), color-stop(#8000ff), color-stop(#00f), color-stop(#0080ff), color-stop(#0ff), color-stop(#00ff80), color-stop(#0f0), color-stop(#80ff00), color-stop(#ff0), color-stop(#ff8000), to(#f00)); - background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); - height: 100%; - width: 100%; } - -.tox .tox-hue-slider, -.tox .tox-hue-slider-spectrum { - width: 20px; } - -.tox .tox-hue-slider-thumb { - background: white; - border: 1px solid black; - -webkit-box-sizing: content-box; - box-sizing: content-box; - height: 4px; - width: 100%; } - -.tox .tox-rgb-form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - -.tox .tox-rgb-form div { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 5px; - width: inherit; } - -.tox .tox-rgb-form input { - width: 6em; } - -.tox .tox-rgb-form input.tox-invalid { - /* Need !important to override Chrome's focus styling unfortunately */ - border: 1px solid red !important; } - -.tox .tox-rgb-form .tox-rgba-preview { - border: 1px solid black; - -webkit-box-flex: 2; - -ms-flex-positive: 2; - flex-grow: 2; - margin-bottom: 0; } - -.tox:not([dir=rtl]) .tox-sv-palette { - margin-right: 15px; } - -.tox:not([dir=rtl]) .tox-hue-slider { - margin-right: 15px; } - -.tox:not([dir=rtl]) .tox-hue-slider-thumb { - margin-left: -1px; } - -.tox:not([dir=rtl]) .tox-rgb-form label { - margin-right: 0.5em; } - -.tox[dir=rtl] .tox-sv-palette { - margin-left: 15px; } - -.tox[dir=rtl] .tox-hue-slider { - margin-left: 15px; } - -.tox[dir=rtl] .tox-hue-slider-thumb { - margin-right: -1px; } - -.tox[dir=rtl] .tox-rgb-form label { - margin-left: 0.5em; } - -.tox .tox-toolbar .tox-swatches, -.tox .tox-toolbar__primary .tox-swatches, -.tox .tox-toolbar__overflow .tox-swatches { - margin: 2px 0 3px 4px; } - -.tox .tox-collection--list .tox-collection__group .tox-swatches-menu { - border: 0; - margin: -3.5px 0; } - -.tox .tox-swatches__row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-swatch { - height: 30px; - -webkit-transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s; - transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s; - transition: transform 0.15s, box-shadow 0.15s; - transition: transform 0.15s, box-shadow 0.15s, -webkit-transform 0.15s, -webkit-box-shadow 0.15s; - width: 30px; } - -.tox .tox-swatch:hover, -.tox .tox-swatch:focus { - -webkit-box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; - box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - transform: scale(0.8); } - -.tox .tox-swatch--remove { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - -.tox .tox-swatch--remove svg path { - stroke: #e74c3c; } - -.tox .tox-swatches__picker-btn { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: transparent; - border: 0; - cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 30px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - outline: none; - padding: 0; - width: 30px; } - -.tox .tox-swatches__picker-btn svg { - height: 24px; - width: 24px; } - -.tox .tox-swatches__picker-btn:hover { - background: #808080; } - -.tox:not([dir=rtl]) .tox-swatches__picker-btn { - margin-left: auto; } - -.tox[dir=rtl] .tox-swatches__picker-btn { - margin-right: auto; } - -.tox .tox-comment-thread { - background: #0d0d0d; - position: relative; } - -.tox .tox-comment-thread > *:not(:first-child) { - margin-top: 7px; } - -.tox .tox-comment { - background: #0d0d0d; - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - padding: 7px 7px 14px 7px; - position: relative; } - -.tox .tox-comment__header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #c8c8c8; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - -.tox .tox-comment__date { - color: rgba(200, 200, 200, 0.5); - font-size: 12px; } - -.tox .tox-comment__body { - color: #c8c8c8; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - margin-top: 7px; - position: relative; - text-transform: initial; } - -.tox .tox-comment__body textarea { - resize: none; - white-space: normal; - width: 100%; } - -.tox .tox-comment__expander { - padding-top: 7px; } - -.tox .tox-comment__expander p { - color: rgba(200, 200, 200, 0.5); - font-size: 12.25px; - font-style: normal; } - -.tox .tox-comment__body p { - margin: 0; } - -.tox .tox-comment__buttonspacing { - padding-top: 14px; - text-align: center; } - -.tox .tox-comment-thread__overlay::after { - background: #0d0d0d; - bottom: 0; - content: ""; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - left: 0; - opacity: 0.9; - position: absolute; - right: 0; - top: 0; - z-index: 5; } - -.tox .tox-comment__reply { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-top: 7px; } - -.tox .tox-comment__reply > *:first-child { - margin-bottom: 7px; - width: 100%; } - -.tox .tox-comment__edit { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-top: 14px; } - -.tox .tox-comment__gradient::after { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d)); - background: linear-gradient(rgba(13, 13, 13, 0), #0d0d0d); - bottom: 0; - content: ""; - display: block; - height: 5em; - margin-top: -40px; - position: absolute; - width: 100%; } - -.tox .tox-comment__overlay { - background: #0d0d0d; - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - left: 0; - opacity: 0.9; - position: absolute; - right: 0; - text-align: center; - top: 0; - z-index: 5; } - -.tox .tox-comment__loading-text { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #c8c8c8; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; } - -.tox .tox-comment__loading-text > div { - padding-bottom: 14px; } - -.tox .tox-comment__overlaytext { - bottom: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - font-size: 12.25px; - left: 0; - padding: 1em; - position: absolute; - right: 0; - top: 0; - z-index: 10; } - -.tox .tox-comment__overlaytext p { - background-color: #0d0d0d; - -webkit-box-shadow: 0 0 8px 8px #0d0d0d; - box-shadow: 0 0 8px 8px #0d0d0d; - color: #c8c8c8; - text-align: center; } - -.tox .tox-comment__overlaytext div:nth-of-type(2) { - font-size: 0.8em; } - -.tox .tox-comment__busy-spinner { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #0d0d0d; - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 20; } - -.tox .tox-comment__scroll { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-negative: 1; - flex-shrink: 1; - overflow: auto; } - -.tox .tox-conversations { - margin: 7px; } - -.tox:not([dir=rtl]) .tox-comment__edit { - margin-left: 7px; } - -.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, -.tox:not([dir=rtl]) .tox-comment__edit > *:last-child, -.tox:not([dir=rtl]) .tox-comment__reply > *:last-child { - margin-left: 7px; } - -.tox[dir=rtl] .tox-comment__edit { - margin-right: 7px; } - -.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, -.tox[dir=rtl] .tox-comment__edit > *:last-child, -.tox[dir=rtl] .tox-comment__reply > *:last-child { - margin-right: 7px; } - -.tox .tox-user { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-user__avatar svg { - fill: rgba(200, 200, 200, 0.5); } - -.tox .tox-user__name { - color: rgba(200, 200, 200, 0.5); - font-size: 12px; - font-style: normal; - font-weight: bold; - text-transform: uppercase; } - -.tox:not([dir=rtl]) .tox-user__avatar svg { - margin-right: 7px; } - -.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { - margin-left: 7px; } - -.tox[dir=rtl] .tox-user__avatar svg { - margin-left: 7px; } - -.tox[dir=rtl] .tox-user__avatar + .tox-user__name { - margin-right: 7px; } - -.tox .tox-dialog-wrap { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 1100; } - -.tox .tox-dialog-wrap__backdrop { - background-color: rgba(0, 0, 0, 0.75); - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1; } - -.tox .tox-dialog-wrap__backdrop--opaque { - background-color: #000000; } - -.tox .tox-dialog { - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: 0 16px 16px -10px rgba(16, 16, 16, 0.15), 0 0 40px 1px rgba(16, 16, 16, 0.15); - box-shadow: 0 16px 16px -10px rgba(16, 16, 16, 0.15), 0 0 40px 1px rgba(16, 16, 16, 0.15); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - max-height: 100%; - max-width: 480px; - overflow: hidden; - position: relative; - width: 95vw; - z-index: 2; } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog { - -ms-flex-item-align: start; - align-self: flex-start; - margin: 7px auto; - width: calc(100vw - 14px); } } - -.tox .tox-dialog-inline { - z-index: 1100; } - -.tox .tox-dialog__header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #0d0d0d; - border-bottom: none; - color: #c8c8c8; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: 14px; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 7px 14px 0 14px; - position: relative; } - -.tox .tox-dialog__header .tox-button { - z-index: 1; } - -.tox .tox-dialog__draghandle { - cursor: -webkit-grab; - cursor: grab; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; } - -.tox .tox-dialog__draghandle:active { - cursor: -webkit-grabbing; - cursor: grabbing; } - -.tox .tox-dialog__dismiss { - margin-left: auto; } - -.tox .tox-dialog__title { - font-family: var(--font-primary); - font-size: 17.5px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - margin: 0; - text-transform: none; } - -.tox .tox-dialog__body { - color: #c8c8c8; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - min-width: 0; - text-align: left; - text-transform: none; } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } } - -.tox .tox-dialog__body-nav { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 14px 14px; } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding-bottom: 0; } } - -.tox .tox-dialog__body-nav-item { - border-bottom: 2px solid transparent; - color: rgba(200, 200, 200, 0.5); - display: inline-block; - font-size: 12.25px; - line-height: 1.3; - margin-bottom: 7px; - text-decoration: none; - white-space: nowrap; } - -.tox .tox-dialog__body-nav-item:focus { - background-color: rgba(255, 255, 255, 0.1); } - -.tox .tox-dialog__body-nav-item--active { - border-bottom: 2px solid #ffffff; - color: #ffffff; } - -.tox .tox-dialog__body-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-preferred-size: auto; - max-height: 650px; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 14px 14px; } - -.tox .tox-dialog__body-content > * { - margin-bottom: 0; - margin-top: 14px; } - -.tox .tox-dialog__body-content > *:first-child { - margin-top: 0; } - -.tox .tox-dialog__body-content > *:last-child { - margin-bottom: 0; } - -.tox .tox-dialog__body-content > *:only-child { - margin-bottom: 0; - margin-top: 0; } - -.tox .tox-dialog__body-content a { - color: #ffffff; - cursor: pointer; - text-decoration: none; } - -.tox .tox-dialog__body-content a:hover, -.tox .tox-dialog__body-content a:focus { - color: #e6e6e6; - text-decoration: none; } - -.tox .tox-dialog__body-content a:active { - color: #e6e6e6; - text-decoration: none; } - -.tox .tox-dialog__body-content svg { - fill: #c8c8c8; } - -.tox .tox-dialog__body-content ul { - display: block; - list-style-type: disc; - margin-bottom: 14px; - -webkit-margin-end: 0; - margin-inline-end: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-padding-start: 2.5rem; - padding-inline-start: 2.5rem; } - -.tox .tox-dialog__body-content .tox-form__group h1 { - color: #c8c8c8; - font-size: 17.5px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - margin-bottom: 14px; - margin-top: 2rem; - text-transform: none; } - -.tox .tox-dialog__body-content .tox-form__group h2 { - color: #c8c8c8; - font-size: 14px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - margin-bottom: 14px; - margin-top: 2rem; - text-transform: none; } - -.tox .tox-dialog__body-content .tox-form__group p { - margin-bottom: 14px; } - -.tox .tox-dialog__body-content .tox-form__group h1:first-child, -.tox .tox-dialog__body-content .tox-form__group h2:first-child, -.tox .tox-dialog__body-content .tox-form__group p:first-child { - margin-top: 0; } - -.tox .tox-dialog__body-content .tox-form__group h1:last-child, -.tox .tox-dialog__body-content .tox-form__group h2:last-child, -.tox .tox-dialog__body-content .tox-form__group p:last-child { - margin-bottom: 0; } - -.tox .tox-dialog__body-content .tox-form__group h1:only-child, -.tox .tox-dialog__body-content .tox-form__group h2:only-child, -.tox .tox-dialog__body-content .tox-form__group p:only-child { - margin-bottom: 0; - margin-top: 0; } - -.tox .tox-dialog--width-lg { - height: 650px; - max-width: 1200px; } - -.tox .tox-dialog--width-md { - max-width: 800px; } - -.tox .tox-dialog--width-md .tox-dialog__body-content { - overflow: auto; } - -.tox .tox-dialog__body-content--centered { - text-align: center; } - -.tox .tox-dialog__footer { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #0d0d0d; - border-top: 1px solid #808080; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 7px 14px; } - -.tox .tox-dialog__footer-start, -.tox .tox-dialog__footer-end { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-dialog__busy-spinner { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.75); - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 3; } - -.tox .tox-dialog__table { - border-collapse: collapse; - width: 100%; } - -.tox .tox-dialog__table thead th { - font-weight: bold; - padding-bottom: 7px; } - -.tox .tox-dialog__table tbody tr { - border-bottom: 1px solid #808080; } - -.tox .tox-dialog__table tbody tr:last-child { - border-bottom: none; } - -.tox .tox-dialog__table td { - padding-bottom: 7px; - padding-top: 7px; } - -.tox .tox-dialog__popups { - position: absolute; - width: 100%; - z-index: 1100; } - -.tox .tox-dialog__body-iframe { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-preferred-size: auto; } - -.tox .tox-dialog__body-iframe .tox-navobj { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; } - -.tox .tox-dialog-dock-fadeout { - opacity: 0; - visibility: hidden; } - -.tox .tox-dialog-dock-fadein { - opacity: 1; - visibility: visible; } - -.tox .tox-dialog-dock-transition { - -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease; - transition: visibility 0s linear 0.3s, opacity 0.3s ease; } - -.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { - -webkit-transition-delay: 0s; - transition-delay: 0s; } - -.tox.tox-platform-ie { - /* IE11 CSS styles go here */ } - -.tox.tox-platform-ie .tox-dialog-wrap { - position: -ms-device-fixed; } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { - margin-right: 0; } } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { - margin-left: 7px; } } - -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { - margin-left: 7px; } - -.tox[dir=rtl] .tox-dialog__body { - text-align: right; } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { - margin-left: 0; } } - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { - margin-right: 7px; } } - -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { - margin-right: 7px; } - -body.tox-dialog__disable-scroll { - overflow: hidden; } - -.tox .tox-dropzone-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-dropzone { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: #fff; - border: 2px dashed #808080; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - min-height: 100px; - padding: 10px; } - -.tox .tox-dropzone p { - color: rgba(200, 200, 200, 0.5); - margin: 0 0 14px 0; } - -.tox .tox-edit-area { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - overflow: hidden; - position: relative; } - -.tox .tox-edit-area__iframe { - background-color: #c8c8c8; - border: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; - position: absolute; - width: 100%; } - -.tox.tox-inline-edit-area { - border: 1px dotted #808080; } - -.tox .tox-editor-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; } - -.tox .tox-editor-header { - z-index: 1; } - -.tox:not(.tox-tinymce-inline) .tox-editor-header { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.5s; - transition: -webkit-box-shadow 0.5s; - transition: box-shadow 0.5s; - transition: box-shadow 0.5s, -webkit-box-shadow 0.5s; } - -.tox.tox-tinymce--toolbar-bottom .tox-editor-header, -.tox.tox-tinymce-inline .tox-editor-header { - margin-bottom: -1px; } - -.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { - background-color: transparent; - -webkit-box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); - box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); } - -.tox-editor-dock-fadeout { - opacity: 0; - visibility: hidden; } - -.tox-editor-dock-fadein { - opacity: 1; - visibility: visible; } - -.tox-editor-dock-transition { - -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease; - transition: visibility 0s linear 0.25s, opacity 0.25s ease; } - -.tox-editor-dock-transition.tox-editor-dock-fadein { - -webkit-transition-delay: 0s; - transition-delay: 0s; } - -.tox .tox-control-wrap { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; } - -.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, -.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, -.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { - display: none; } - -.tox .tox-control-wrap svg { - display: block; } - -.tox .tox-control-wrap__status-icon-wrap { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox .tox-control-wrap__status-icon-invalid svg { - fill: #c00; } - -.tox .tox-control-wrap__status-icon-unknown svg { - fill: orange; } - -.tox .tox-control-wrap__status-icon-valid svg { - fill: green; } - -.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { - padding-right: 28px; } - -.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { - right: 3.5px; } - -.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { - padding-left: 28px; } - -.tox[dir=rtl] .tox-control-wrap__status-icon-wrap { - left: 3.5px; } - -.tox .tox-autocompleter { - max-width: 25em; } - -.tox .tox-autocompleter .tox-menu { - max-width: 25em; } - -.tox .tox-autocompleter .tox-autocompleter-highlight { - font-weight: bold; } - -.tox .tox-color-input { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - position: relative; - z-index: 1; } - -.tox .tox-color-input .tox-textfield { - z-index: -1; } - -.tox .tox-color-input span { - border-color: rgba(16, 16, 16, 0.2); - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 24px; - position: absolute; - top: 6px; - width: 24px; } - -.tox .tox-color-input span:hover:not([aria-disabled=true]), -.tox .tox-color-input span:focus:not([aria-disabled=true]) { - border-color: #ffffff; - cursor: pointer; } - -.tox .tox-color-input span::before { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%); - background-position: 0 0, 0 6px, 6px -6px, -6px 0; - background-size: 12px 12px; - border: 1px solid #0d0d0d; - border-radius: 0px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - content: ''; - height: 24px; - left: -1px; - position: absolute; - top: -1px; - width: 24px; - z-index: -1; } - -.tox .tox-color-input span[aria-disabled=true] { - cursor: not-allowed; } - -.tox:not([dir=rtl]) .tox-color-input .tox-textfield { - padding-left: 36px; } - -.tox:not([dir=rtl]) .tox-color-input span { - left: 6px; } - -.tox[dir="rtl"] .tox-color-input .tox-textfield { - padding-right: 36px; } - -.tox[dir="rtl"] .tox-color-input span { - right: 6px; } - -.tox .tox-label, -.tox .tox-toolbar-label { - color: rgba(200, 200, 200, 0.5); - display: block; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - padding: 0 7px 0 0; - text-transform: none; - white-space: nowrap; } - -.tox .tox-toolbar-label { - padding: 0 7px; } - -.tox[dir=rtl] .tox-label { - padding: 0 0 0 7px; } - -.tox .tox-form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-preferred-size: auto; } - -.tox .tox-form__group { - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 3.5px; } - -.tox .tox-form-group--maximize { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - -.tox .tox-form__group--error { - color: #c00; } - -.tox .tox-form__group--collection { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-form__grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - -.tox .tox-form__grid--2col > .tox-form__group { - width: calc(50% - (7px / 2)); } - -.tox .tox-form__grid--3col > .tox-form__group { - width: calc(100% / 3 - (7px / 2)); } - -.tox .tox-form__grid--4col > .tox-form__group { - width: calc(25% - (7px / 2)); } - -.tox .tox-form__controls-h-stack { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-form__group--inline { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-form__group--stretched { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-preferred-size: auto; } - -.tox .tox-form__group--stretched .tox-textarea { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-form__group--stretched .tox-navobj { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-form__group--stretched .tox-navobj :nth-child(2) { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; } - -.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { - margin-left: 3.5px; } - -.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { - margin-right: 3.5px; } - -.tox .tox-lock.tox-locked .tox-lock-icon__unlock, -.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { - display: none; } - -.tox .tox-textfield, -.tox .tox-toolbar-textfield, -.tox .tox-listboxfield .tox-listbox--select, -.tox .tox-textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #c8c8c8; - font-family: var(--font-primary); - font-size: 14px; - line-height: 24px; - margin: 0; - min-height: 34px; - outline: none; - padding: 5px 3.5px; - resize: none; - width: 100%; } - -.tox .tox-textfield[disabled], -.tox .tox-textarea[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; } - -.tox .tox-textfield:focus, -.tox .tox-listboxfield .tox-listbox--select:focus, -.tox .tox-textarea:focus { - background-color: #0d0d0d; - border-color: #ffffff; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; } - -.tox .tox-toolbar-textfield { - border-width: 0; - margin-bottom: 3px; - margin-top: 2px; - max-width: 250px; } - -.tox .tox-naked-btn { - background-color: transparent; - border: 0; - border-color: transparent; - -webkit-box-shadow: unset; - box-shadow: unset; - color: #ffffff; - cursor: pointer; - display: block; - margin: 0; - padding: 0; } - -.tox .tox-naked-btn svg { - display: block; - fill: #c8c8c8; } - -.tox:not([dir=rtl]) .tox-toolbar-textfield + * { - margin-left: 3.5px; } - -.tox[dir=rtl] .tox-toolbar-textfield + * { - margin-right: 3.5px; } - -.tox .tox-listboxfield { - cursor: pointer; - position: relative; } - -.tox .tox-listboxfield .tox-listbox--select[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; } - -.tox .tox-listbox__select-label { - cursor: default; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 4px; } - -.tox .tox-listbox__select-chevron { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 14px; } - -.tox .tox-listbox__select-chevron svg { - fill: #c8c8c8; } - -.tox .tox-listboxfield .tox-listbox--select { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox:not([dir=rtl]) .tox-listboxfield svg { - right: 7px; } - -.tox[dir=rtl] .tox-listboxfield svg { - left: 7px; } - -.tox .tox-selectfield { - cursor: pointer; - position: relative; } - -.tox .tox-selectfield select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #c8c8c8; - font-family: var(--font-primary); - font-size: 14px; - line-height: 24px; - margin: 0; - min-height: 34px; - outline: none; - padding: 5px 3.5px; - resize: none; - width: 100%; } - -.tox .tox-selectfield select[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; } - -.tox .tox-selectfield select::-ms-expand { - display: none; } - -.tox .tox-selectfield select:focus { - background-color: #0d0d0d; - border-color: #ffffff; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; } - -.tox .tox-selectfield svg { - pointer-events: none; - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox:not([dir=rtl]) .tox-selectfield select[size="0"], -.tox:not([dir=rtl]) .tox-selectfield select[size="1"] { - padding-right: 21px; } - -.tox:not([dir=rtl]) .tox-selectfield svg { - right: 7px; } - -.tox[dir=rtl] .tox-selectfield select[size="0"], -.tox[dir=rtl] .tox-selectfield select[size="1"] { - padding-left: 21px; } - -.tox[dir=rtl] .tox-selectfield svg { - left: 7px; } - -.tox .tox-textarea { - -webkit-appearance: textarea; - -moz-appearance: textarea; - appearance: textarea; - white-space: pre-wrap; } - -.tox-fullscreen { - border: 0; - height: 100%; - margin: 0; - overflow: hidden; - -ms-scroll-chaining: none; - overscroll-behavior: none; - padding: 0; - -ms-touch-action: pinch-zoom; - touch-action: pinch-zoom; - width: 100%; } - -.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { - display: none; } - -.tox.tox-tinymce.tox-fullscreen, -.tox-shadowhost.tox-fullscreen { - left: 0; - position: fixed; - top: 0; - z-index: 1200; } - -.tox.tox-tinymce.tox-fullscreen { - background-color: transparent; } - -.tox-fullscreen .tox.tox-tinymce-aux, -.tox-fullscreen ~ .tox.tox-tinymce-aux { - z-index: 1201; } - -.tox .tox-help__more-link { - list-style: none; - margin-top: 1em; } - -.tox .tox-image-tools { - width: 100%; } - -.tox .tox-image-tools__toolbar { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - -.tox .tox-image-tools__image { - background-color: #666; - height: 380px; - overflow: auto; - position: relative; - width: 100%; } - -.tox .tox-image-tools__image, -.tox .tox-image-tools__image + .tox-image-tools__toolbar { - margin-top: 7px; } - -.tox .tox-image-tools__image-bg { - background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); } - -.tox .tox-image-tools__toolbar > .tox-spacer { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-croprect-block { - background: black; - filter: alpha(opacity=50); - opacity: 0.5; - position: absolute; - zoom: 1; } - -.tox .tox-croprect-handle { - border: 2px solid white; - height: 20px; - left: 0; - position: absolute; - top: 0; - width: 20px; } - -.tox .tox-croprect-handle-move { - border: 0; - cursor: move; - position: absolute; } - -.tox .tox-croprect-handle-nw { - border-width: 2px 0 0 2px; - cursor: nw-resize; - left: 100px; - margin: -2px 0 0 -2px; - top: 100px; } - -.tox .tox-croprect-handle-ne { - border-width: 2px 2px 0 0; - cursor: ne-resize; - left: 200px; - margin: -2px 0 0 -20px; - top: 100px; } - -.tox .tox-croprect-handle-sw { - border-width: 0 0 2px 2px; - cursor: sw-resize; - left: 100px; - margin: -20px 2px 0 -2px; - top: 200px; } - -.tox .tox-croprect-handle-se { - border-width: 0 2px 2px 0; - cursor: se-resize; - left: 200px; - margin: -20px 0 0 -20px; - top: 200px; } - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { - margin-left: 7px; } - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { - margin-left: 28px; } - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { - margin-left: 28px; } - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { - margin-right: 7px; } - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { - margin-right: 28px; } - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { - margin-right: 28px; } - -.tox .tox-insert-table-picker { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 150px; } - -.tox .tox-insert-table-picker > div { - border-color: #808080; - border-style: solid; - border-width: 0 1px 1px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 15px; - width: 15px; } - -.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { - margin: -3.5px 0; } - -.tox .tox-insert-table-picker .tox-insert-table-picker__selected { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); } - -.tox .tox-insert-table-picker__label { - color: #c8c8c8; - display: block; - font-size: 12.25px; - padding: 3.5px; - text-align: center; - width: 100%; } - -.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { - border-right: 0; } - -.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { - border-right: 0; } - -.tox .tox-menu { - background-color: #0d0d0d; - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - display: inline-block; - overflow: hidden; - vertical-align: top; - z-index: 1150; } - -.tox .tox-menu.tox-collection.tox-collection--list { - padding: 0; } - -.tox .tox-menu.tox-collection.tox-collection--toolbar { - padding: 3.5px; } - -.tox .tox-menu.tox-collection.tox-collection--grid { - padding: 3.5px; } - -.tox .tox-menu__label h1, -.tox .tox-menu__label h2, -.tox .tox-menu__label h3, -.tox .tox-menu__label h4, -.tox .tox-menu__label h5, -.tox .tox-menu__label h6, -.tox .tox-menu__label p, -.tox .tox-menu__label blockquote, -.tox .tox-menu__label code { - margin: 0; } - -.tox .tox-menubar { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23808080'/%3E%3C/svg%3E") left 0 top 0 #000000; - background-color: #000000; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 4px 0 4px; } - -.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { - border-top: 1px solid #808080; } - -/* Deprecated. Remove in next major release */ -.tox .tox-mbtn { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border: 0; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - color: #aaaaaa; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - height: 34px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 2px 0 3px 0; - outline: none; - overflow: hidden; - padding: 0 4px; - text-transform: none; - width: auto; } - -.tox .tox-mbtn[disabled] { - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); - cursor: not-allowed; } - -.tox .tox-mbtn:focus:not(:disabled) { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-mbtn--active { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-mbtn__select-label { - cursor: default; - font-weight: 500; - margin: 0 4px; } - -.tox .tox-mbtn[disabled] .tox-mbtn__select-label { - cursor: not-allowed; } - -.tox .tox-mbtn__select-chevron { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 16px; - display: none; } - -.tox .tox-notification { - border-radius: 0px; - border-style: solid; - border-width: 1px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -ms-grid; - display: grid; - font-size: 12.25px; - font-weight: 500; - -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); - grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); - margin-top: 3.5px; - opacity: 0; - padding: 3.5px; - -webkit-transition: opacity 150ms ease-in, -webkit-transform 100ms ease-in; - transition: opacity 150ms ease-in, -webkit-transform 100ms ease-in; - transition: transform 100ms ease-in, opacity 150ms ease-in; - transition: transform 100ms ease-in, opacity 150ms ease-in, -webkit-transform 100ms ease-in; } - -.tox .tox-notification p { - font-size: 12.25px; - font-weight: 500; } - -.tox .tox-notification a { - cursor: pointer; - text-decoration: underline; } - -.tox .tox-notification--in { - opacity: 1; } - -.tox .tox-notification--success { - background-color: #e4eeda; - border-color: #d7e6c8; - color: #c8c8c8; } - -.tox .tox-notification--success p { - color: #c8c8c8; } - -.tox .tox-notification--success a { - color: #547831; } - -.tox .tox-notification--success svg { - fill: #c8c8c8; } - -.tox .tox-notification--error { - background-color: #f8dede; - border-color: #f2bfbf; - color: #c8c8c8; } - -.tox .tox-notification--error p { - color: #c8c8c8; } - -.tox .tox-notification--error a { - color: #c00; } - -.tox .tox-notification--error svg { - fill: #c8c8c8; } - -.tox .tox-notification--warn, -.tox .tox-notification--warning { - background-color: #fffaea; - border-color: #ffe89d; - color: #c8c8c8; } - -.tox .tox-notification--warn p, -.tox .tox-notification--warning p { - color: #c8c8c8; } - -.tox .tox-notification--warn a, -.tox .tox-notification--warning a { - color: #c8c8c8; } - -.tox .tox-notification--warn svg, -.tox .tox-notification--warning svg { - fill: #c8c8c8; } - -.tox .tox-notification--info { - background-color: #d9edf7; - border-color: #779ecb; - color: #c8c8c8; } - -.tox .tox-notification--info p { - color: #c8c8c8; } - -.tox .tox-notification--info a { - color: #c8c8c8; } - -.tox .tox-notification--info svg { - fill: #c8c8c8; } - -.tox .tox-notification__body { - -ms-grid-row-align: center; - align-self: center; - color: #c8c8c8; - font-size: 14px; - -ms-grid-column-span: 1; - grid-column-end: 3; - -ms-grid-column: 2; - grid-column-start: 2; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - text-align: center; - white-space: normal; - word-break: break-all; - word-break: break-word; } - -.tox .tox-notification__body > * { - margin: 0; } - -.tox .tox-notification__body > * + * { - margin-top: 1rem; } - -.tox .tox-notification__icon { - -ms-grid-row-align: center; - align-self: center; - -ms-grid-column-span: 1; - grid-column-end: 2; - -ms-grid-column: 1; - grid-column-start: 1; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - -ms-grid-column-align: end; - justify-self: end; } - -.tox .tox-notification__icon svg { - display: block; } - -.tox .tox-notification__dismiss { - -ms-grid-row-align: start; - align-self: start; - -ms-grid-column-span: 1; - grid-column-end: 4; - -ms-grid-column: 3; - grid-column-start: 3; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - -ms-grid-column-align: end; - justify-self: end; } - -.tox .tox-notification .tox-progress-bar { - -ms-grid-column-span: 3; - grid-column-end: 4; - -ms-grid-column: 1; - grid-column-start: 1; - -ms-grid-row-span: 1; - grid-row-end: 3; - -ms-grid-row: 2; - grid-row-start: 2; - -ms-grid-column-align: center; - justify-self: center; } - -.tox .tox-pop { - display: inline-block; - position: relative; } - -.tox .tox-pop--resizing { - -webkit-transition: width 0.1s ease; - transition: width 0.1s ease; } - -.tox .tox-pop--resizing .tox-toolbar, -.tox .tox-pop--resizing .tox-toolbar__group { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - -.tox .tox-pop--transition { - -webkit-transition: 0.15s ease; - transition: 0.15s ease; - -webkit-transition-property: left, right, top, bottom; - transition-property: left, right, top, bottom; } - -.tox .tox-pop--transition::before, -.tox .tox-pop--transition::after { - -webkit-transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; - transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; } - -.tox .tox-pop__dialog { - background-color: #000000; - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - min-width: 0; - overflow: hidden; } - -.tox .tox-pop__dialog > *:not(.tox-toolbar) { - margin: 3.5px 3.5px 3.5px 7px; } - -.tox .tox-pop__dialog .tox-toolbar { - background-color: transparent; - margin-bottom: -1px; } - -.tox .tox-pop::before, -.tox .tox-pop::after { - border-style: solid; - content: ''; - display: block; - height: 0; - opacity: 1; - position: absolute; - width: 0; } - -.tox .tox-pop.tox-pop--inset::before, -.tox .tox-pop.tox-pop--inset::after { - opacity: 0; - -webkit-transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; - transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; } - -.tox .tox-pop.tox-pop--bottom::before, -.tox .tox-pop.tox-pop--bottom::after { - left: 50%; - top: 100%; } - -.tox .tox-pop.tox-pop--bottom::after { - border-color: #000000 transparent transparent transparent; - border-width: 8px; - margin-left: -8px; - margin-top: -1px; } - -.tox .tox-pop.tox-pop--bottom::before { - border-color: #808080 transparent transparent transparent; - border-width: 9px; - margin-left: -9px; } - -.tox .tox-pop.tox-pop--top::before, -.tox .tox-pop.tox-pop--top::after { - left: 50%; - top: 0; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - -.tox .tox-pop.tox-pop--top::after { - border-color: transparent transparent #000000 transparent; - border-width: 8px; - margin-left: -8px; - margin-top: 1px; } - -.tox .tox-pop.tox-pop--top::before { - border-color: transparent transparent #808080 transparent; - border-width: 9px; - margin-left: -9px; } - -.tox .tox-pop.tox-pop--left::before, -.tox .tox-pop.tox-pop--left::after { - left: 0; - top: calc(50% - 1px); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox .tox-pop.tox-pop--left::after { - border-color: transparent #000000 transparent transparent; - border-width: 8px; - margin-left: -15px; } - -.tox .tox-pop.tox-pop--left::before { - border-color: transparent #808080 transparent transparent; - border-width: 10px; - margin-left: -19px; } - -.tox .tox-pop.tox-pop--right::before, -.tox .tox-pop.tox-pop--right::after { - left: 100%; - top: calc(50% + 1px); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox .tox-pop.tox-pop--right::after { - border-color: transparent transparent transparent #000000; - border-width: 8px; - margin-left: -1px; } - -.tox .tox-pop.tox-pop--right::before { - border-color: transparent transparent transparent #808080; - border-width: 10px; - margin-left: -1px; } - -.tox .tox-pop.tox-pop--align-left::before, -.tox .tox-pop.tox-pop--align-left::after { - left: 20px; } - -.tox .tox-pop.tox-pop--align-right::before, -.tox .tox-pop.tox-pop--align-right::after { - left: calc(100% - 20px); } - -.tox .tox-sidebar-wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - min-height: 0; } - -.tox .tox-sidebar { - background-color: #000000; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -.tox .tox-sidebar__slider { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - overflow: hidden; } - -.tox .tox-sidebar__pane-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-sidebar__pane { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-sidebar--sliding-closed { - opacity: 0; } - -.tox .tox-sidebar--sliding-open { - opacity: 1; } - -.tox .tox-sidebar--sliding-growing, -.tox .tox-sidebar--sliding-shrinking { - -webkit-transition: width 0.5s ease, opacity 0.5s ease; - transition: width 0.5s ease, opacity 0.5s ease; } - -.tox .tox-selector { - background-color: #4099ff; - border-color: #4099ff; - border-style: solid; - border-width: 1px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - height: 10px; - position: absolute; - width: 10px; } - -.tox.tox-platform-touch .tox-selector { - height: 12px; - width: 12px; } - -.tox .tox-slider { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - height: 24px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: relative; } - -.tox .tox-slider__rail { - background-color: transparent; - border: 1px solid #808080; - border-radius: 0px; - height: 10px; - min-width: 120px; - width: 100%; } - -.tox .tox-slider__handle { - background-color: #ffffff; - border: 2px solid #e6e6e6; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - height: 24px; - left: 50%; - position: absolute; - top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - width: 14px; } - -.tox .tox-source-code { - overflow: auto; } - -.tox .tox-spinner { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.tox .tox-spinner > div { - -webkit-animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; - animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; - background-color: rgba(200, 200, 200, 0.5); - border-radius: 100%; - height: 7px; - width: 7px; } - -.tox .tox-spinner > div:nth-child(1) { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; } - -.tox .tox-spinner > div:nth-child(2) { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; } - -@-webkit-keyframes tam-bouncing-dots { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 40% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes tam-bouncing-dots { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 40% { - -webkit-transform: scale(1); - transform: scale(1); } } - -.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { - margin-left: 3.5px; } - -.tox[dir=rtl] .tox-spinner > div:not(:first-child) { - margin-right: 3.5px; } - -.tox .tox-statusbar { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #000000; - border-top: 1px solid #808080; - color: #c8c8c8; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 12px; - font-weight: 500; - height: 18px; - overflow: hidden; - padding: 0 7px; - position: relative; - text-transform: uppercase; } - -.tox .tox-statusbar__text-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - overflow: hidden; } - -.tox .tox-statusbar__path { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - margin-right: auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -.tox .tox-statusbar__path > * { - display: inline; - white-space: nowrap; } - -.tox .tox-statusbar__wordcount { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin-left: 1ch; } - -.tox .tox-statusbar a, -.tox .tox-statusbar__path-item, -.tox .tox-statusbar__wordcount { - color: #c8c8c8; - text-decoration: none; } - -.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { - cursor: pointer; - text-decoration: underline; } - -.tox .tox-statusbar__resize-handle { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - -ms-flex-item-align: stretch; - align-self: stretch; - cursor: nwse-resize; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-left: auto; - margin-right: -7px; - padding-left: 1ch; } - -.tox .tox-statusbar__resize-handle svg { - display: block; - fill: #c8c8c8; } - -.tox .tox-statusbar__resize-handle:focus svg { - background-color: #343434; - border-radius: 1px; - -webkit-box-shadow: 0 0 0 2px #343434; - box-shadow: 0 0 0 2px #343434; } - -.tox:not([dir=rtl]) .tox-statusbar__path > * { - margin-right: 3.5px; } - -.tox:not([dir=rtl]) .tox-statusbar__branding { - margin-left: 1ch; } - -.tox[dir=rtl] .tox-statusbar { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - -.tox[dir=rtl] .tox-statusbar__path > * { - margin-left: 3.5px; } - -.tox .tox-throbber { - z-index: 1299; } - -.tox .tox-throbber__busy-spinner { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.6); - bottom: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; } - -.tox .tox-tbtn { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border: 0; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - color: #aaaaaa; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - height: 34px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 2px 0 3px 0; - outline: none; - overflow: hidden; - padding: 0; - text-transform: none; - width: 34px; } - -.tox .tox-tbtn svg { - display: block; - fill: #aaaaaa; } - -.tox .tox-tbtn.tox-tbtn-more { - padding-left: 5px; - padding-right: 5px; - width: inherit; } - -.tox .tox-tbtn:focus { - background: #4e4e4e; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -.tox .tox-tbtn:hover { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-tbtn:hover svg { - fill: #ffffff; } - -.tox .tox-tbtn:active { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-tbtn:active svg { - fill: #ffffff; } - -.tox .tox-tbtn--disabled, -.tox .tox-tbtn--disabled:hover, -.tox .tox-tbtn:disabled, -.tox .tox-tbtn:disabled:hover { - background: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); - cursor: not-allowed; } - -.tox .tox-tbtn--disabled svg, -.tox .tox-tbtn--disabled:hover svg, -.tox .tox-tbtn:disabled svg, -.tox .tox-tbtn:disabled:hover svg { - /* stylelint-disable-line no-descending-specificity */ - fill: rgba(170, 170, 170, 0.5); } - -.tox .tox-tbtn--enabled, -.tox .tox-tbtn--enabled:hover { - background: #808080; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-tbtn--enabled > *, -.tox .tox-tbtn--enabled:hover > * { - -webkit-transform: none; - -ms-transform: none; - transform: none; } - -.tox .tox-tbtn--enabled svg, -.tox .tox-tbtn--enabled:hover svg { - /* stylelint-disable-line no-descending-specificity */ - fill: #ffffff; } - -.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { - color: #ffffff; } - -.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { - fill: #ffffff; } - -.tox .tox-tbtn:active > * { - -webkit-transform: none; - -ms-transform: none; - transform: none; } - -.tox .tox-tbtn--md { - height: 51px; - width: 51px; } - -.tox .tox-tbtn--lg { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: 68px; - width: 68px; } - -.tox .tox-tbtn--return { - -ms-grid-row-align: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - height: unset; - width: 16px; } - -.tox .tox-tbtn--labeled { - padding: 0 4px; - width: unset; } - -.tox .tox-tbtn__vlabel { - display: block; - font-size: 10px; - font-weight: 500; - letter-spacing: -0.025em; - margin-bottom: 3.5px; - white-space: nowrap; } - -.tox .tox-tbtn--select { - margin: 2px 0 3px 0; - padding: 0 4px; - width: auto; } - -.tox .tox-tbtn__select-label { - cursor: default; - font-weight: 500; - margin: 0 4px; } - -.tox .tox-tbtn__select-chevron { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 14px; } - -.tox .tox-tbtn__select-chevron svg { - fill: rgba(170, 170, 170, 0.5); } - -.tox .tox-tbtn--bespoke .tox-tbtn__select-label { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 7em; } - -.tox .tox-split-button { - border: 0; - border-radius: 3px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 2px 0 3px 0; - overflow: hidden; } - -.tox .tox-split-button:hover { - -webkit-box-shadow: 0 0 0 1px #808080 inset; - box-shadow: 0 0 0 1px #808080 inset; } - -.tox .tox-split-button:focus { - background: #4e4e4e; - -webkit-box-shadow: none; - box-shadow: none; - color: #ffffff; } - -.tox .tox-split-button > * { - border-radius: 0; } - -.tox .tox-split-button__chevron { - width: 14px; } - -.tox .tox-split-button__chevron svg { - fill: rgba(170, 170, 170, 0.5); } - -.tox .tox-split-button .tox-tbtn { - margin: 0; } - -.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child { - width: 30px; } - -.tox.tox-platform-touch .tox-split-button__chevron { - width: 18px; } - -.tox .tox-split-button.tox-tbtn--disabled:hover, -.tox .tox-split-button.tox-tbtn--disabled:focus, -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); } - -.tox .tox-toolbar-overlord { - background-color: #000000; } - -.tox .tox-toolbar, -.tox .tox-toolbar__primary, -.tox .tox-toolbar__overflow { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23808080'/%3E%3C/svg%3E") left 0 top 0 #000000; - background-color: #000000; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 0; } - -.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { - height: 0; - opacity: 0; - padding-bottom: 0; - padding-top: 0; - visibility: hidden; } - -.tox .tox-toolbar__overflow--growing { - -webkit-transition: height 0.3s ease, opacity 0.2s linear 0.1s; - transition: height 0.3s ease, opacity 0.2s linear 0.1s; } - -.tox .tox-toolbar__overflow--shrinking { - -webkit-transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; - transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; } - -.tox .tox-menubar + .tox-toolbar, -.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { - border-top: 1px solid #808080; - margin-top: -1px; } - -.tox .tox-toolbar--scrolling { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; } - -.tox .tox-pop .tox-toolbar { - border-width: 0; } - -.tox .tox-toolbar--no-divider { - background-image: none; } - -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { - border-top: 1px solid #808080; } - -.tox.tox-tinymce-aux .tox-toolbar__overflow { - background-color: #000000; - border: 1px solid #808080; - border-radius: 0px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } - -.tox .tox-toolbar__group { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 0; - padding: 0 4px 0 4px; } - -.tox .tox-toolbar__group--pull-right { - margin-left: auto; } - -.tox .tox-toolbar--scrolling .tox-toolbar__group { - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - -.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { - border-right: 1px solid #808080; } - -.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { - border-left: 1px solid #808080; } - -.tox .tox-tooltip { - display: inline-block; - padding: 7px; - position: relative; } - -.tox .tox-tooltip__body { - background-color: #262626; - border-radius: 0px; - -webkit-box-shadow: 0 2px 4px rgba(16, 16, 16, 0.3); - box-shadow: 0 2px 4px rgba(16, 16, 16, 0.3); - color: rgba(200, 200, 200, 0.75); - font-size: 12.25px; - font-style: normal; - font-weight: 500; - padding: 3.5px 7px; - text-transform: none; } - -.tox .tox-tooltip__arrow { - position: absolute; } - -.tox .tox-tooltip--down .tox-tooltip__arrow { - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-top: 7px solid #262626; - bottom: 0; - left: 50%; - position: absolute; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.tox .tox-tooltip--up .tox-tooltip__arrow { - border-bottom: 7px solid #262626; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - left: 50%; - position: absolute; - top: 0; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.tox .tox-tooltip--right .tox-tooltip__arrow { - border-bottom: 7px solid transparent; - border-left: 7px solid #262626; - border-top: 7px solid transparent; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox .tox-tooltip--left .tox-tooltip__arrow { - border-bottom: 7px solid transparent; - border-right: 7px solid #262626; - border-top: 7px solid transparent; - left: 0; - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.tox .tox-well { - border: 1px solid #808080; - border-radius: 0px; - padding: 7px; - width: 100%; } - -.tox .tox-well > *:first-child { - margin-top: 0; } - -.tox .tox-well > *:last-child { - margin-bottom: 0; } - -.tox .tox-well > *:only-child { - margin: 0; } - -.tox .tox-custom-editor { - border: 1px solid #808080; - border-radius: 0px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; } - -/* stylelint-disable */ -.tox { - /* stylelint-enable */ } - -.tox .tox-dialog-loading::before { - background-color: rgba(0, 0, 0, 0.5); - content: ""; - height: 100%; - position: absolute; - width: 100%; - z-index: 1000; } - -.tox .tox-tab { - cursor: pointer; } - -.tox .tox-dialog__content-js { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-dialog__body-content .tox-collection { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; } - -.tox .tox-image-tools-edit-panel { - height: 60px; } - -.tox .tox-image-tools__sidebar { - height: 60px; } - -.tox-dialog.tox-dialog--width-lg .tox-dialog__body .tox-dialog__body-content code { - font-family: var(--font-mono); } - -.editor.tinymce { - --editor-top-shift: -32px; - --toolbar-scale-factor: 1; - --toolbar-margin-bottom: 0px; - --statusbar-height: 15px; - position: relative; - margin-top: var(--editor-top-shift) !important; - z-index: 3; - overflow: visible; } - .editor.tinymce .tox.tox-tinymce { - min-height: 100px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - position: relative; - visibility: inherit !important; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header { - opacity: 0.25; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - position: relative; - top: 2px; - margin-left: auto; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header:hover { - opacity: 1; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord { - background-color: transparent; - overflow: hidden; - height: 26px; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary { - background-color: black; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group { - background: rgba(0, 0, 0, 0.5); } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn { - margin: 0; - height: 24px; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn[title="Formats"], .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn[title="Formats"], .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn[title="Formats"] { - width: 120px; - text-align: left; } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label { - font-family: var(--font-emphasis); } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-sidebar-wrap { - min-height: var(--min-tinymce-height); } - .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-sidebar-wrap .tox-edit-area .tox-edit-area__iframe { - background-color: rgba(0, 0, 0, 0.5); - -webkit-box-shadow: inset 0px 0px 5px black; - box-shadow: inset 0px 0px 5px black; - padding: 0 var(--content-padding, 5px); } - .editor.tinymce .tox.tox-tinymce .tox-statusbar { - height: var(--statusbar-height); } - .editor.tinymce .tox.tox-tinymce .tox-statusbar .tox-statusbar__text-container .tox-statusbar__path { - font-family: var(--font-emphasis); - font-weight: bold; - text-transform: uppercase; } diff --git a/css/tinymce/skin/skin.min.css b/css/tinymce/skin/skin.min.css deleted file mode 100644 index c9d184e0..00000000 --- a/css/tinymce/skin/skin.min.css +++ /dev/null @@ -1,3661 +0,0 @@ -/** -* Copyright (c) Tiny Technologies, Inc. All rights reserved. -* Licensed under the LGPL or a commercial license. -* For LGPL see License.txt in the project root for license information. -* For commercial licenses see https://www.tiny.cloud/ -*/ -.tox { - box-shadow: none; - box-sizing: content-box; - color: #101010; - cursor: auto; - font-family: var(--font-primary); - font-size: 14px; - font-style: normal; - font-weight: normal; - line-height: normal; - -webkit-tap-highlight-color: transparent; - text-decoration: none; - text-shadow: none; - text-transform: none; - vertical-align: initial; - white-space: normal; -} - -.tox *:not(svg):not(rect) { - box-sizing: inherit; - color: inherit; - cursor: inherit; - direction: inherit; - font-family: inherit; - font-size: inherit; - font-style: inherit; - font-weight: inherit; - line-height: inherit; - -webkit-tap-highlight-color: inherit; - text-align: inherit; - text-decoration: inherit; - text-shadow: inherit; - text-transform: inherit; - vertical-align: inherit; - white-space: inherit; - /* stylelint-disable-line no-duplicate-selectors */ - background: transparent; - border: 0; - box-shadow: none; - float: none; - height: auto; - margin: 0; - max-width: none; - outline: 0; - padding: 0; - position: static; - width: auto; -} - -.tox:not([dir=rtl]) { - direction: ltr; - text-align: left; -} - -.tox[dir=rtl] { - direction: rtl; - text-align: right; -} - -.tox-tinymce { - border: 1px solid #808080; - border-radius: 0px; - box-shadow: none; - box-sizing: border-box; - display: flex; - flex-direction: column; - font-family: var(--font-primary); - overflow: hidden; - position: relative; - visibility: inherit !important; -} - -.tox-tinymce-inline { - border: none; - box-shadow: none; -} - -.tox-tinymce-inline .tox-editor-header { - background-color: transparent; - border: 1px solid #808080; - border-radius: 0px; - box-shadow: none; -} - -.tox-tinymce-aux { - font-family: var(--font-primary); - z-index: 1300; -} - -.tox-tinymce *:focus, -.tox-tinymce-aux *:focus { - outline: none; -} - -button::-moz-focus-inner { - border: 0; -} - -.tox[dir=rtl] .tox-icon--flip svg { - transform: rotateY(180deg); -} - -.tox .accessibility-issue__header { - align-items: center; - display: flex; - margin-bottom: 3.5px; -} - -.tox .accessibility-issue__description { - align-items: stretch; - border: 1px solid #808080; - border-radius: 0px; - display: flex; - justify-content: space-between; -} - -.tox .accessibility-issue__description > div { - padding-bottom: 3.5px; -} - -.tox .accessibility-issue__description > div > div { - align-items: center; - display: flex; - margin-bottom: 3.5px; -} - -.tox .accessibility-issue__description > *:last-child:not(:only-child) { - border-color: #808080; - border-style: solid; -} - -.tox .accessibility-issue__repair { - margin-top: 16px; -} - -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { - background-color: rgba(255, 255, 255, 0.5); - border-color: #ffffff; - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { - border-color: #ffffff; -} - -.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { - color: #ffffff; -} - -.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { - fill: #ffffff; -} - -.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { - color: #ffffff; -} - -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { - background-color: rgba(255, 165, 0, 0.5); - border-color: rgba(255, 165, 0, 0.8); - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { - border-color: rgba(255, 165, 0, 0.8); -} - -.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { - fill: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { - background-color: rgba(204, 0, 0, 0.5); - border-color: rgba(204, 0, 0, 0.8); - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { - border-color: rgba(204, 0, 0, 0.8); -} - -.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { - fill: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { - background-color: rgba(120, 171, 70, 0.5); - border-color: rgba(120, 171, 70, 0.8); - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { - border-color: rgba(120, 171, 70, 0.8); -} - -.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { - fill: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { - color: #c8c8c8; -} - -.tox .tox-dialog__body-content .accessibility-issue__header h1, -.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { - margin-top: 0; -} - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { - margin-left: 3.5px; -} - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { - margin-left: auto; -} - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { - padding: 3.5px 3.5px 3.5px 7px; -} - -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { - border-left-width: 1px; - padding-left: 3.5px; -} - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { - margin-right: 3.5px; -} - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { - margin-right: auto; -} - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { - padding: 3.5px 7px 3.5px 3.5px; -} - -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { - border-right-width: 1px; - padding-right: 3.5px; -} - -.tox .tox-anchorbar { - display: flex; - flex: 0 0 auto; -} - -.tox .tox-bar { - display: flex; - flex: 0 0 auto; -} - -.tox .tox-button { - background-color: #ffffff; - background-image: none; - background-position: 0 0; - background-repeat: repeat; - border-color: #ffffff; - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - box-sizing: border-box; - color: #101010; - cursor: pointer; - display: inline-block; - font-family: var(--font-primary); - font-size: 12.25px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - line-height: 24px; - margin: 0; - outline: none; - padding: 3.5px 14px; - text-align: center; - text-decoration: none; - text-transform: none; - white-space: nowrap; -} - -.tox .tox-button[disabled] { - background-color: #ffffff; - background-image: none; - border-color: #ffffff; - box-shadow: none; - color: rgba(16, 16, 16, 0.5); - cursor: not-allowed; -} - -.tox .tox-button:focus:not(:disabled) { - background-color: #f2f2f2; - background-image: none; - border-color: #f2f2f2; - box-shadow: none; - color: #101010; -} - -.tox .tox-button:hover:not(:disabled) { - background-color: #f2f2f2; - background-image: none; - border-color: #f2f2f2; - box-shadow: none; - color: #101010; -} - -.tox .tox-button:active:not(:disabled) { - background-color: #e6e6e6; - background-image: none; - border-color: #e6e6e6; - box-shadow: none; - color: #101010; -} - -.tox .tox-button--secondary { - background-color: #262626; - background-image: none; - background-position: 0 0; - background-repeat: repeat; - border-color: #262626; - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - color: #c8c8c8; - font-size: 12.25px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - outline: none; - padding: 3.5px 14px; - text-decoration: none; - text-transform: none; -} - -.tox .tox-button--secondary[disabled] { - background-color: #262626; - background-image: none; - border-color: #262626; - box-shadow: none; - color: rgba(200, 200, 200, 0.5); -} - -.tox .tox-button--secondary:focus:not(:disabled) { - background-color: #191919; - background-image: none; - border-color: #191919; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--secondary:hover:not(:disabled) { - background-color: #191919; - background-image: none; - border-color: #191919; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--secondary:active:not(:disabled) { - background-color: #0d0d0d; - background-image: none; - border-color: #0d0d0d; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--icon, -.tox .tox-button.tox-button--icon, -.tox .tox-button.tox-button--secondary.tox-button--icon { - padding: 3.5px; -} - -.tox .tox-button--icon .tox-icon svg, -.tox .tox-button.tox-button--icon .tox-icon svg, -.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { - display: block; - fill: currentColor; -} - -.tox .tox-button-link { - background: 0; - border: none; - box-sizing: border-box; - cursor: pointer; - display: inline-block; - font-family: var(--font-primary); - font-size: 14px; - font-weight: 500; - line-height: 1.3; - margin: 0; - padding: 0; - white-space: nowrap; -} - -.tox .tox-button-link--sm { - font-size: 12.25px; -} - -.tox .tox-button--naked { - background-color: transparent; - border-color: transparent; - box-shadow: unset; - color: #c8c8c8; -} - -.tox .tox-button--naked[disabled] { - background-color: #262626; - border-color: #262626; - box-shadow: none; - color: rgba(200, 200, 200, 0.5); -} - -.tox .tox-button--naked:hover:not(:disabled) { - background-color: #191919; - border-color: #191919; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--naked:focus:not(:disabled) { - background-color: #191919; - border-color: #191919; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--naked:active:not(:disabled) { - background-color: #0d0d0d; - border-color: #0d0d0d; - box-shadow: none; - color: #c8c8c8; -} - -.tox .tox-button--naked .tox-icon svg { - fill: currentColor; -} - -.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { - color: #c8c8c8; -} - -.tox .tox-checkbox { - align-items: center; - border-radius: 0px; - cursor: pointer; - display: flex; - height: 36px; - min-width: 36px; -} - -.tox .tox-checkbox__input { - /* Hide from view but visible to screen readers */ - height: 1px; - overflow: hidden; - position: absolute; - top: auto; - width: 1px; -} - -.tox .tox-checkbox__icons { - align-items: center; - border-radius: 0px; - box-shadow: 0 0 0 2px transparent; - box-sizing: content-box; - display: flex; - height: 24px; - justify-content: center; - padding: 2.5px; - width: 24px; -} - -.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: block; - fill: rgba(200, 200, 200, 0.2); -} - -.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - display: none; - fill: #ffffff; -} - -.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { - display: none; - fill: #ffffff; -} - -.tox .tox-checkbox--disabled { - color: rgba(200, 200, 200, 0.5); - cursor: not-allowed; -} - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { - fill: rgba(200, 200, 200, 0.5); -} - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - fill: rgba(200, 200, 200, 0.5); -} - -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - fill: rgba(200, 200, 200, 0.5); -} - -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: none; -} - -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { - display: block; -} - -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { - display: none; -} - -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { - display: block; -} - -.tox input.tox-checkbox__input:focus + .tox-checkbox__icons { - border-radius: 0px; - box-shadow: inset 0 0 0 1px #ffffff; - padding: 2.5px; -} - -.tox:not([dir=rtl]) .tox-checkbox__label { - margin-left: 3.5px; -} - -.tox:not([dir=rtl]) .tox-checkbox__input { - left: -10000px; -} - -.tox:not([dir=rtl]) .tox-bar .tox-checkbox { - margin-left: 3.5px; -} - -.tox[dir=rtl] .tox-checkbox__label { - margin-right: 3.5px; -} - -.tox[dir=rtl] .tox-checkbox__input { - right: -10000px; -} - -.tox[dir=rtl] .tox-bar .tox-checkbox { - margin-right: 3.5px; -} - -.tox .tox-collection--toolbar .tox-collection__group { - display: flex; - padding: 0; -} - -.tox .tox-collection--grid .tox-collection__group { - display: flex; - flex-wrap: wrap; - max-height: 208px; - overflow-x: hidden; - overflow-y: auto; - padding: 0; -} - -.tox .tox-collection--list .tox-collection__group { - border-bottom-width: 0; - border-color: #9a9a9a; - border-left-width: 0; - border-right-width: 0; - border-style: solid; - border-top-width: 1px; - padding: 3.5px 0; -} - -.tox .tox-collection--list .tox-collection__group:first-child { - border-top-width: 0; -} - -.tox .tox-collection__group-heading { - background-color: #b3b3b3; - color: rgba(200, 200, 200, 0.5); - cursor: default; - font-size: 12px; - font-style: normal; - font-weight: 500; - margin-bottom: 3.5px; - margin-top: -3.5px; - padding: 3.5px 7px; - text-transform: none; - -webkit-touch-callout: none; - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.tox .tox-collection__item { - align-items: center; - color: #c8c8c8; - cursor: pointer; - display: flex; - -webkit-touch-callout: none; - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.tox .tox-collection--list .tox-collection__item { - padding: 3.5px 7px; -} - -.tox .tox-collection--toolbar .tox-collection__item { - border-radius: 3px; - padding: 3.5px; -} - -.tox .tox-collection--grid .tox-collection__item { - border-radius: 3px; - padding: 3.5px; -} - -.tox .tox-collection--list .tox-collection__item--enabled { - background-color: #0d0d0d; - color: #c8c8c8; -} - -.tox .tox-collection--list .tox-collection__item--active { - background-color: #808080; -} - -.tox .tox-collection--toolbar .tox-collection__item--enabled { - background-color: #808080; - color: #c8c8c8; -} - -.tox .tox-collection--toolbar .tox-collection__item--active { - background-color: #808080; -} - -.tox .tox-collection--grid .tox-collection__item--enabled { - background-color: #808080; - color: #c8c8c8; -} - -.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - background-color: #808080; - color: #c8c8c8; -} - -.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: #c8c8c8; -} - -.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { - color: #c8c8c8; -} - -.tox .tox-collection__item-icon, -.tox .tox-collection__item-checkmark { - align-items: center; - display: flex; - height: 24px; - justify-content: center; - width: 24px; -} - -.tox .tox-collection__item-icon svg, -.tox .tox-collection__item-checkmark svg { - fill: currentColor; -} - -.tox .tox-collection--toolbar-lg .tox-collection__item-icon { - height: 48px; - width: 48px; -} - -.tox .tox-collection__item-label { - color: currentColor; - display: inline-block; - flex: 1; - -ms-flex-preferred-size: auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 24px; - text-transform: none; - word-break: break-all; -} - -.tox .tox-collection__item-accessory { - color: rgba(200, 200, 200, 0.5); - display: inline-block; - font-size: 12.25px; - height: 24px; - line-height: 24px; - text-transform: none; -} - -.tox .tox-collection__item-caret { - align-items: center; - display: flex; - min-height: 24px; -} - -.tox .tox-collection__item-caret::after { - content: ""; - font-size: 0; - min-height: inherit; -} - -.tox .tox-collection__item-caret svg { - fill: #c8c8c8; -} - -.tox .tox-collection__item--state-disabled { - background-color: transparent; - color: rgba(200, 200, 200, 0.5); - cursor: not-allowed; -} - -.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { - fill: rgba(200, 200, 200, 0.5); -} - -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { - display: none; -} - -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { - display: none; -} - -.tox .tox-collection--horizontal { - background-color: #0d0d0d; - border: 1px solid #9a9a9a; - border-radius: 0px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - display: flex; - flex: 0 0 auto; - flex-shrink: 0; - flex-wrap: nowrap; - margin-bottom: 0; - overflow-x: auto; - padding: 0; -} - -.tox .tox-collection--horizontal .tox-collection__group { - align-items: center; - display: flex; - flex-wrap: nowrap; - margin: 0; - padding: 0 3.5px; -} - -.tox .tox-collection--horizontal .tox-collection__item { - height: 34px; - margin: 2px 0 3px 0; - padding: 0 4px; -} - -.tox .tox-collection--horizontal .tox-collection__item-label { - white-space: nowrap; -} - -.tox .tox-collection--horizontal .tox-collection__item-caret { - margin-left: 4px; -} - -.tox .tox-collection__item-container { - display: flex; -} - -.tox .tox-collection__item-container--row { - align-items: center; - flex: 1 1 auto; - flex-direction: row; -} - -.tox .tox-collection__item-container--row.tox-collection__item-container--align-left { - margin-right: auto; -} - -.tox .tox-collection__item-container--row.tox-collection__item-container--align-right { - justify-content: flex-end; - margin-left: auto; -} - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { - align-items: flex-start; - margin-bottom: auto; -} - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { - align-items: center; -} - -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { - align-items: flex-end; - margin-top: auto; -} - -.tox .tox-collection__item-container--column { - -ms-grid-row-align: center; - align-self: center; - flex: 1 1 auto; - flex-direction: column; -} - -.tox .tox-collection__item-container--column.tox-collection__item-container--align-left { - align-items: flex-start; -} - -.tox .tox-collection__item-container--column.tox-collection__item-container--align-right { - align-items: flex-end; -} - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { - align-self: flex-start; -} - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { - -ms-grid-row-align: center; - align-self: center; -} - -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { - align-self: flex-end; -} - -.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { - border-right: 1px solid #808080; -} - -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { - margin-left: 7px; -} - -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { - margin-left: 3.5px; -} - -.tox:not([dir=rtl]) .tox-collection__item-accessory { - margin-left: 14px; - text-align: right; -} - -.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { - margin-left: 14px; -} - -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { - border-left: 1px solid #808080; -} - -.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { - margin-right: 7px; -} - -.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { - margin-right: 3.5px; -} - -.tox[dir=rtl] .tox-collection__item-accessory { - margin-right: 14px; - text-align: left; -} - -.tox[dir=rtl] .tox-collection .tox-collection__item-caret { - margin-right: 14px; - transform: rotateY(180deg); -} - -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { - margin-right: 4px; -} - -.tox .tox-color-picker-container { - display: flex; - flex-direction: row; - height: 225px; - margin: 0; -} - -.tox .tox-sv-palette { - box-sizing: border-box; - display: flex; - height: 100%; -} - -.tox .tox-sv-palette-spectrum { - height: 100%; -} - -.tox .tox-sv-palette, -.tox .tox-sv-palette-spectrum { - width: 225px; -} - -.tox .tox-sv-palette-thumb { - background: none; - border: 1px solid black; - border-radius: 50%; - box-sizing: content-box; - height: 12px; - position: absolute; - width: 12px; -} - -.tox .tox-sv-palette-inner-thumb { - border: 1px solid white; - border-radius: 50%; - height: 10px; - position: absolute; - width: 10px; -} - -.tox .tox-hue-slider { - box-sizing: border-box; - height: 100%; - width: 25px; -} - -.tox .tox-hue-slider-spectrum { - background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); - height: 100%; - width: 100%; -} - -.tox .tox-hue-slider, -.tox .tox-hue-slider-spectrum { - width: 20px; -} - -.tox .tox-hue-slider-thumb { - background: white; - border: 1px solid black; - box-sizing: content-box; - height: 4px; - width: 100%; -} - -.tox .tox-rgb-form { - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.tox .tox-rgb-form div { - align-items: center; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - width: inherit; -} - -.tox .tox-rgb-form input { - width: 6em; -} - -.tox .tox-rgb-form input.tox-invalid { - /* Need !important to override Chrome's focus styling unfortunately */ - border: 1px solid red !important; -} - -.tox .tox-rgb-form .tox-rgba-preview { - border: 1px solid black; - flex-grow: 2; - margin-bottom: 0; -} - -.tox:not([dir=rtl]) .tox-sv-palette { - margin-right: 15px; -} - -.tox:not([dir=rtl]) .tox-hue-slider { - margin-right: 15px; -} - -.tox:not([dir=rtl]) .tox-hue-slider-thumb { - margin-left: -1px; -} - -.tox:not([dir=rtl]) .tox-rgb-form label { - margin-right: 0.5em; -} - -.tox[dir=rtl] .tox-sv-palette { - margin-left: 15px; -} - -.tox[dir=rtl] .tox-hue-slider { - margin-left: 15px; -} - -.tox[dir=rtl] .tox-hue-slider-thumb { - margin-right: -1px; -} - -.tox[dir=rtl] .tox-rgb-form label { - margin-left: 0.5em; -} - -.tox .tox-toolbar .tox-swatches, -.tox .tox-toolbar__primary .tox-swatches, -.tox .tox-toolbar__overflow .tox-swatches { - margin: 2px 0 3px 4px; -} - -.tox .tox-collection--list .tox-collection__group .tox-swatches-menu { - border: 0; - margin: -3.5px 0; -} - -.tox .tox-swatches__row { - display: flex; -} - -.tox .tox-swatch { - height: 30px; - transition: transform 0.15s, box-shadow 0.15s; - width: 30px; -} - -.tox .tox-swatch:hover, -.tox .tox-swatch:focus { - box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; - transform: scale(0.8); -} - -.tox .tox-swatch--remove { - align-items: center; - display: flex; - justify-content: center; -} - -.tox .tox-swatch--remove svg path { - stroke: #e74c3c; -} - -.tox .tox-swatches__picker-btn { - align-items: center; - background-color: transparent; - border: 0; - cursor: pointer; - display: flex; - height: 30px; - justify-content: center; - outline: none; - padding: 0; - width: 30px; -} - -.tox .tox-swatches__picker-btn svg { - height: 24px; - width: 24px; -} - -.tox .tox-swatches__picker-btn:hover { - background: #808080; -} - -.tox:not([dir=rtl]) .tox-swatches__picker-btn { - margin-left: auto; -} - -.tox[dir=rtl] .tox-swatches__picker-btn { - margin-right: auto; -} - -.tox .tox-comment-thread { - background: #0d0d0d; - position: relative; -} - -.tox .tox-comment-thread > *:not(:first-child) { - margin-top: 7px; -} - -.tox .tox-comment { - background: #0d0d0d; - border: 1px solid #808080; - border-radius: 0px; - box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - padding: 7px 7px 14px 7px; - position: relative; -} - -.tox .tox-comment__header { - align-items: center; - color: #c8c8c8; - display: flex; - justify-content: space-between; -} - -.tox .tox-comment__date { - color: rgba(200, 200, 200, 0.5); - font-size: 12px; -} - -.tox .tox-comment__body { - color: #c8c8c8; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - margin-top: 7px; - position: relative; - text-transform: initial; -} - -.tox .tox-comment__body textarea { - resize: none; - white-space: normal; - width: 100%; -} - -.tox .tox-comment__expander { - padding-top: 7px; -} - -.tox .tox-comment__expander p { - color: rgba(200, 200, 200, 0.5); - font-size: 12.25px; - font-style: normal; -} - -.tox .tox-comment__body p { - margin: 0; -} - -.tox .tox-comment__buttonspacing { - padding-top: 14px; - text-align: center; -} - -.tox .tox-comment-thread__overlay::after { - background: #0d0d0d; - bottom: 0; - content: ""; - display: flex; - left: 0; - opacity: 0.9; - position: absolute; - right: 0; - top: 0; - z-index: 5; -} - -.tox .tox-comment__reply { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - justify-content: flex-end; - margin-top: 7px; -} - -.tox .tox-comment__reply > *:first-child { - margin-bottom: 7px; - width: 100%; -} - -.tox .tox-comment__edit { - display: flex; - flex-wrap: wrap; - justify-content: flex-end; - margin-top: 14px; -} - -.tox .tox-comment__gradient::after { - background: linear-gradient(rgba(13, 13, 13, 0), #0d0d0d); - bottom: 0; - content: ""; - display: block; - height: 5em; - margin-top: -40px; - position: absolute; - width: 100%; -} - -.tox .tox-comment__overlay { - background: #0d0d0d; - bottom: 0; - display: flex; - flex-direction: column; - flex-grow: 1; - left: 0; - opacity: 0.9; - position: absolute; - right: 0; - text-align: center; - top: 0; - z-index: 5; -} - -.tox .tox-comment__loading-text { - align-items: center; - color: #c8c8c8; - display: flex; - flex-direction: column; - position: relative; -} - -.tox .tox-comment__loading-text > div { - padding-bottom: 14px; -} - -.tox .tox-comment__overlaytext { - bottom: 0; - flex-direction: column; - font-size: 12.25px; - left: 0; - padding: 1em; - position: absolute; - right: 0; - top: 0; - z-index: 10; -} - -.tox .tox-comment__overlaytext p { - background-color: #0d0d0d; - box-shadow: 0 0 8px 8px #0d0d0d; - color: #c8c8c8; - text-align: center; -} - -.tox .tox-comment__overlaytext div:nth-of-type(2) { - font-size: 0.8em; -} - -.tox .tox-comment__busy-spinner { - align-items: center; - background-color: #0d0d0d; - bottom: 0; - display: flex; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 20; -} - -.tox .tox-comment__scroll { - display: flex; - flex-direction: column; - flex-shrink: 1; - overflow: auto; -} - -.tox .tox-conversations { - margin: 7px; -} - -.tox:not([dir=rtl]) .tox-comment__edit { - margin-left: 7px; -} - -.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, -.tox:not([dir=rtl]) .tox-comment__edit > *:last-child, -.tox:not([dir=rtl]) .tox-comment__reply > *:last-child { - margin-left: 7px; -} - -.tox[dir=rtl] .tox-comment__edit { - margin-right: 7px; -} - -.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, -.tox[dir=rtl] .tox-comment__edit > *:last-child, -.tox[dir=rtl] .tox-comment__reply > *:last-child { - margin-right: 7px; -} - -.tox .tox-user { - align-items: center; - display: flex; -} - -.tox .tox-user__avatar svg { - fill: rgba(200, 200, 200, 0.5); -} - -.tox .tox-user__name { - color: rgba(200, 200, 200, 0.5); - font-size: 12px; - font-style: normal; - font-weight: bold; - text-transform: uppercase; -} - -.tox:not([dir=rtl]) .tox-user__avatar svg { - margin-right: 7px; -} - -.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { - margin-left: 7px; -} - -.tox[dir=rtl] .tox-user__avatar svg { - margin-left: 7px; -} - -.tox[dir=rtl] .tox-user__avatar + .tox-user__name { - margin-right: 7px; -} - -.tox .tox-dialog-wrap { - align-items: center; - bottom: 0; - display: flex; - justify-content: center; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 1100; -} - -.tox .tox-dialog-wrap__backdrop { - background-color: rgba(0, 0, 0, 0.75); - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1; -} - -.tox .tox-dialog-wrap__backdrop--opaque { - background-color: #000000; -} - -.tox .tox-dialog { - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: 0 16px 16px -10px rgba(16, 16, 16, 0.15), 0 0 40px 1px rgba(16, 16, 16, 0.15); - display: flex; - flex-direction: column; - max-height: 100%; - max-width: 480px; - overflow: hidden; - position: relative; - width: 95vw; - z-index: 2; -} - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog { - align-self: flex-start; - margin: 7px auto; - width: calc(100vw - 14px); - } -} -.tox .tox-dialog-inline { - z-index: 1100; -} - -.tox .tox-dialog__header { - align-items: center; - background-color: #0d0d0d; - border-bottom: none; - color: #c8c8c8; - display: flex; - font-size: 14px; - justify-content: space-between; - padding: 7px 14px 0 14px; - position: relative; -} - -.tox .tox-dialog__header .tox-button { - z-index: 1; -} - -.tox .tox-dialog__draghandle { - cursor: grab; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} - -.tox .tox-dialog__draghandle:active { - cursor: grabbing; -} - -.tox .tox-dialog__dismiss { - margin-left: auto; -} - -.tox .tox-dialog__title { - font-family: var(--font-primary); - font-size: 17.5px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - margin: 0; - text-transform: none; -} - -.tox .tox-dialog__body { - color: #c8c8c8; - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - min-width: 0; - text-align: left; - text-transform: none; -} - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog__body { - flex-direction: column; - } -} -.tox .tox-dialog__body-nav { - align-items: flex-start; - display: flex; - flex-direction: column; - padding: 14px 14px; -} - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { - flex-direction: row; - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding-bottom: 0; - } -} -.tox .tox-dialog__body-nav-item { - border-bottom: 2px solid transparent; - color: rgba(200, 200, 200, 0.5); - display: inline-block; - font-size: 12.25px; - line-height: 1.3; - margin-bottom: 7px; - text-decoration: none; - white-space: nowrap; -} - -.tox .tox-dialog__body-nav-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.tox .tox-dialog__body-nav-item--active { - border-bottom: 2px solid #ffffff; - color: #ffffff; -} - -.tox .tox-dialog__body-content { - box-sizing: border-box; - display: flex; - flex: 1; - flex-direction: column; - -ms-flex-preferred-size: auto; - max-height: 650px; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 14px 14px; -} - -.tox .tox-dialog__body-content > * { - margin-bottom: 0; - margin-top: 14px; -} - -.tox .tox-dialog__body-content > *:first-child { - margin-top: 0; -} - -.tox .tox-dialog__body-content > *:last-child { - margin-bottom: 0; -} - -.tox .tox-dialog__body-content > *:only-child { - margin-bottom: 0; - margin-top: 0; -} - -.tox .tox-dialog__body-content a { - color: #ffffff; - cursor: pointer; - text-decoration: none; -} - -.tox .tox-dialog__body-content a:hover, -.tox .tox-dialog__body-content a:focus { - color: #e6e6e6; - text-decoration: none; -} - -.tox .tox-dialog__body-content a:active { - color: #e6e6e6; - text-decoration: none; -} - -.tox .tox-dialog__body-content svg { - fill: #c8c8c8; -} - -.tox .tox-dialog__body-content ul { - display: block; - list-style-type: disc; - margin-bottom: 14px; - -webkit-margin-end: 0; - margin-inline-end: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-padding-start: 2.5rem; - padding-inline-start: 2.5rem; -} - -.tox .tox-dialog__body-content .tox-form__group h1 { - color: #c8c8c8; - font-size: 17.5px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - margin-bottom: 14px; - margin-top: 2rem; - text-transform: none; -} - -.tox .tox-dialog__body-content .tox-form__group h2 { - color: #c8c8c8; - font-size: 14px; - font-style: normal; - font-weight: bold; - letter-spacing: normal; - margin-bottom: 14px; - margin-top: 2rem; - text-transform: none; -} - -.tox .tox-dialog__body-content .tox-form__group p { - margin-bottom: 14px; -} - -.tox .tox-dialog__body-content .tox-form__group h1:first-child, -.tox .tox-dialog__body-content .tox-form__group h2:first-child, -.tox .tox-dialog__body-content .tox-form__group p:first-child { - margin-top: 0; -} - -.tox .tox-dialog__body-content .tox-form__group h1:last-child, -.tox .tox-dialog__body-content .tox-form__group h2:last-child, -.tox .tox-dialog__body-content .tox-form__group p:last-child { - margin-bottom: 0; -} - -.tox .tox-dialog__body-content .tox-form__group h1:only-child, -.tox .tox-dialog__body-content .tox-form__group h2:only-child, -.tox .tox-dialog__body-content .tox-form__group p:only-child { - margin-bottom: 0; - margin-top: 0; -} - -.tox .tox-dialog--width-lg { - height: 650px; - max-width: 1200px; -} - -.tox .tox-dialog--width-md { - max-width: 800px; -} - -.tox .tox-dialog--width-md .tox-dialog__body-content { - overflow: auto; -} - -.tox .tox-dialog__body-content--centered { - text-align: center; -} - -.tox .tox-dialog__footer { - align-items: center; - background-color: #0d0d0d; - border-top: 1px solid #808080; - display: flex; - justify-content: space-between; - padding: 7px 14px; -} - -.tox .tox-dialog__footer-start, -.tox .tox-dialog__footer-end { - display: flex; -} - -.tox .tox-dialog__busy-spinner { - align-items: center; - background-color: rgba(0, 0, 0, 0.75); - bottom: 0; - display: flex; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 3; -} - -.tox .tox-dialog__table { - border-collapse: collapse; - width: 100%; -} - -.tox .tox-dialog__table thead th { - font-weight: bold; - padding-bottom: 7px; -} - -.tox .tox-dialog__table tbody tr { - border-bottom: 1px solid #808080; -} - -.tox .tox-dialog__table tbody tr:last-child { - border-bottom: none; -} - -.tox .tox-dialog__table td { - padding-bottom: 7px; - padding-top: 7px; -} - -.tox .tox-dialog__popups { - position: absolute; - width: 100%; - z-index: 1100; -} - -.tox .tox-dialog__body-iframe { - display: flex; - flex: 1; - flex-direction: column; - -ms-flex-preferred-size: auto; -} - -.tox .tox-dialog__body-iframe .tox-navobj { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; -} - -.tox .tox-dialog-dock-fadeout { - opacity: 0; - visibility: hidden; -} - -.tox .tox-dialog-dock-fadein { - opacity: 1; - visibility: visible; -} - -.tox .tox-dialog-dock-transition { - transition: visibility 0s linear 0.3s, opacity 0.3s ease; -} - -.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { - transition-delay: 0s; -} - -.tox.tox-platform-ie { - /* IE11 CSS styles go here */ -} - -.tox.tox-platform-ie .tox-dialog-wrap { - position: -ms-device-fixed; -} - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { - margin-right: 0; - } -} -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { - margin-left: 7px; - } -} -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { - margin-left: 7px; -} - -.tox[dir=rtl] .tox-dialog__body { - text-align: right; -} - -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { - margin-left: 0; - } -} -@media only screen and (max-width: 767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { - margin-right: 7px; - } -} -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { - margin-right: 7px; -} - -body.tox-dialog__disable-scroll { - overflow: hidden; -} - -.tox .tox-dropzone-container { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-dropzone { - align-items: center; - background: #fff; - border: 2px dashed #808080; - box-sizing: border-box; - display: flex; - flex-direction: column; - flex-grow: 1; - justify-content: center; - min-height: 100px; - padding: 10px; -} - -.tox .tox-dropzone p { - color: rgba(200, 200, 200, 0.5); - margin: 0 0 14px 0; -} - -.tox .tox-edit-area { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; - overflow: hidden; - position: relative; -} - -.tox .tox-edit-area__iframe { - background-color: #c8c8c8; - border: 0; - box-sizing: border-box; - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; - position: absolute; - width: 100%; -} - -.tox.tox-inline-edit-area { - border: 1px dotted #808080; -} - -.tox .tox-editor-container { - display: flex; - flex: 1 1 auto; - flex-direction: column; - overflow: hidden; -} - -.tox .tox-editor-header { - z-index: 1; -} - -.tox:not(.tox-tinymce-inline) .tox-editor-header { - box-shadow: none; - transition: box-shadow 0.5s; -} - -.tox.tox-tinymce--toolbar-bottom .tox-editor-header, -.tox.tox-tinymce-inline .tox-editor-header { - margin-bottom: -1px; -} - -.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { - background-color: transparent; - box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); -} - -.tox-editor-dock-fadeout { - opacity: 0; - visibility: hidden; -} - -.tox-editor-dock-fadein { - opacity: 1; - visibility: visible; -} - -.tox-editor-dock-transition { - transition: visibility 0s linear 0.25s, opacity 0.25s ease; -} - -.tox-editor-dock-transition.tox-editor-dock-fadein { - transition-delay: 0s; -} - -.tox .tox-control-wrap { - flex: 1; - position: relative; -} - -.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, -.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, -.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { - display: none; -} - -.tox .tox-control-wrap svg { - display: block; -} - -.tox .tox-control-wrap__status-icon-wrap { - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -.tox .tox-control-wrap__status-icon-invalid svg { - fill: #c00; -} - -.tox .tox-control-wrap__status-icon-unknown svg { - fill: orange; -} - -.tox .tox-control-wrap__status-icon-valid svg { - fill: green; -} - -.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { - padding-right: 28px; -} - -.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { - right: 3.5px; -} - -.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { - padding-left: 28px; -} - -.tox[dir=rtl] .tox-control-wrap__status-icon-wrap { - left: 3.5px; -} - -.tox .tox-autocompleter { - max-width: 25em; -} - -.tox .tox-autocompleter .tox-menu { - max-width: 25em; -} - -.tox .tox-autocompleter .tox-autocompleter-highlight { - font-weight: bold; -} - -.tox .tox-color-input { - display: flex; - position: relative; - z-index: 1; -} - -.tox .tox-color-input .tox-textfield { - z-index: -1; -} - -.tox .tox-color-input span { - border-color: rgba(16, 16, 16, 0.2); - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - box-sizing: border-box; - height: 24px; - position: absolute; - top: 6px; - width: 24px; -} - -.tox .tox-color-input span:hover:not([aria-disabled=true]), -.tox .tox-color-input span:focus:not([aria-disabled=true]) { - border-color: #ffffff; - cursor: pointer; -} - -.tox .tox-color-input span::before { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%); - background-position: 0 0, 0 6px, 6px -6px, -6px 0; - background-size: 12px 12px; - border: 1px solid #0d0d0d; - border-radius: 0px; - box-sizing: border-box; - content: ""; - height: 24px; - left: -1px; - position: absolute; - top: -1px; - width: 24px; - z-index: -1; -} - -.tox .tox-color-input span[aria-disabled=true] { - cursor: not-allowed; -} - -.tox:not([dir=rtl]) .tox-color-input .tox-textfield { - padding-left: 36px; -} - -.tox:not([dir=rtl]) .tox-color-input span { - left: 6px; -} - -.tox[dir=rtl] .tox-color-input .tox-textfield { - padding-right: 36px; -} - -.tox[dir=rtl] .tox-color-input span { - right: 6px; -} - -.tox .tox-label, -.tox .tox-toolbar-label { - color: rgba(200, 200, 200, 0.5); - display: block; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - line-height: 1.3; - padding: 0 7px 0 0; - text-transform: none; - white-space: nowrap; -} - -.tox .tox-toolbar-label { - padding: 0 7px; -} - -.tox[dir=rtl] .tox-label { - padding: 0 0 0 7px; -} - -.tox .tox-form { - display: flex; - flex: 1; - flex-direction: column; - -ms-flex-preferred-size: auto; -} - -.tox .tox-form__group { - box-sizing: border-box; - margin-bottom: 3.5px; -} - -.tox .tox-form-group--maximize { - flex: 1; -} - -.tox .tox-form__group--error { - color: #c00; -} - -.tox .tox-form__group--collection { - display: flex; -} - -.tox .tox-form__grid { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; -} - -.tox .tox-form__grid--2col > .tox-form__group { - width: calc(50% - 3.5px); -} - -.tox .tox-form__grid--3col > .tox-form__group { - width: calc(33.3333333333% - 3.5px); -} - -.tox .tox-form__grid--4col > .tox-form__group { - width: calc(25% - 3.5px); -} - -.tox .tox-form__controls-h-stack { - align-items: center; - display: flex; -} - -.tox .tox-form__group--inline { - align-items: center; - display: flex; -} - -.tox .tox-form__group--stretched { - display: flex; - flex: 1; - flex-direction: column; - -ms-flex-preferred-size: auto; -} - -.tox .tox-form__group--stretched .tox-textarea { - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-form__group--stretched .tox-navobj { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-form__group--stretched .tox-navobj :nth-child(2) { - flex: 1; - -ms-flex-preferred-size: auto; - height: 100%; -} - -.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { - margin-left: 3.5px; -} - -.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { - margin-right: 3.5px; -} - -.tox .tox-lock.tox-locked .tox-lock-icon__unlock, -.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { - display: none; -} - -.tox .tox-textfield, -.tox .tox-toolbar-textfield, -.tox .tox-listboxfield .tox-listbox--select, -.tox .tox-textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - box-sizing: border-box; - color: #c8c8c8; - font-family: var(--font-primary); - font-size: 14px; - line-height: 24px; - margin: 0; - min-height: 34px; - outline: none; - padding: 5px 3.5px; - resize: none; - width: 100%; -} - -.tox .tox-textfield[disabled], -.tox .tox-textarea[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; -} - -.tox .tox-textfield:focus, -.tox .tox-listboxfield .tox-listbox--select:focus, -.tox .tox-textarea:focus { - background-color: #0d0d0d; - border-color: #ffffff; - box-shadow: none; - outline: none; -} - -.tox .tox-toolbar-textfield { - border-width: 0; - margin-bottom: 3px; - margin-top: 2px; - max-width: 250px; -} - -.tox .tox-naked-btn { - background-color: transparent; - border: 0; - border-color: transparent; - box-shadow: unset; - color: #ffffff; - cursor: pointer; - display: block; - margin: 0; - padding: 0; -} - -.tox .tox-naked-btn svg { - display: block; - fill: #c8c8c8; -} - -.tox:not([dir=rtl]) .tox-toolbar-textfield + * { - margin-left: 3.5px; -} - -.tox[dir=rtl] .tox-toolbar-textfield + * { - margin-right: 3.5px; -} - -.tox .tox-listboxfield { - cursor: pointer; - position: relative; -} - -.tox .tox-listboxfield .tox-listbox--select[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; -} - -.tox .tox-listbox__select-label { - cursor: default; - flex: 1; - margin: 0 4px; -} - -.tox .tox-listbox__select-chevron { - align-items: center; - display: flex; - justify-content: center; - width: 14px; -} - -.tox .tox-listbox__select-chevron svg { - fill: #c8c8c8; -} - -.tox .tox-listboxfield .tox-listbox--select { - align-items: center; - display: flex; -} - -.tox:not([dir=rtl]) .tox-listboxfield svg { - right: 7px; -} - -.tox[dir=rtl] .tox-listboxfield svg { - left: 7px; -} - -.tox .tox-selectfield { - cursor: pointer; - position: relative; -} - -.tox .tox-selectfield select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #0d0d0d; - border-color: #808080; - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - box-sizing: border-box; - color: #c8c8c8; - font-family: var(--font-primary); - font-size: 14px; - line-height: 24px; - margin: 0; - min-height: 34px; - outline: none; - padding: 5px 3.5px; - resize: none; - width: 100%; -} - -.tox .tox-selectfield select[disabled] { - background-color: #000000; - color: rgba(200, 200, 200, 0.85); - cursor: not-allowed; -} - -.tox .tox-selectfield select::-ms-expand { - display: none; -} - -.tox .tox-selectfield select:focus { - background-color: #0d0d0d; - border-color: #ffffff; - box-shadow: none; - outline: none; -} - -.tox .tox-selectfield svg { - pointer-events: none; - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -.tox:not([dir=rtl]) .tox-selectfield select[size="0"], -.tox:not([dir=rtl]) .tox-selectfield select[size="1"] { - padding-right: 21px; -} - -.tox:not([dir=rtl]) .tox-selectfield svg { - right: 7px; -} - -.tox[dir=rtl] .tox-selectfield select[size="0"], -.tox[dir=rtl] .tox-selectfield select[size="1"] { - padding-left: 21px; -} - -.tox[dir=rtl] .tox-selectfield svg { - left: 7px; -} - -.tox .tox-textarea { - -webkit-appearance: textarea; - -moz-appearance: textarea; - appearance: textarea; - white-space: pre-wrap; -} - -.tox-fullscreen { - border: 0; - height: 100%; - margin: 0; - overflow: hidden; - -ms-scroll-chaining: none; - overscroll-behavior: none; - padding: 0; - touch-action: pinch-zoom; - width: 100%; -} - -.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { - display: none; -} - -.tox.tox-tinymce.tox-fullscreen, -.tox-shadowhost.tox-fullscreen { - left: 0; - position: fixed; - top: 0; - z-index: 1200; -} - -.tox.tox-tinymce.tox-fullscreen { - background-color: transparent; -} - -.tox-fullscreen .tox.tox-tinymce-aux, -.tox-fullscreen ~ .tox.tox-tinymce-aux { - z-index: 1201; -} - -.tox .tox-help__more-link { - list-style: none; - margin-top: 1em; -} - -.tox .tox-image-tools { - width: 100%; -} - -.tox .tox-image-tools__toolbar { - align-items: center; - display: flex; - justify-content: center; -} - -.tox .tox-image-tools__image { - background-color: #666; - height: 380px; - overflow: auto; - position: relative; - width: 100%; -} - -.tox .tox-image-tools__image, -.tox .tox-image-tools__image + .tox-image-tools__toolbar { - margin-top: 7px; -} - -.tox .tox-image-tools__image-bg { - background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); -} - -.tox .tox-image-tools__toolbar > .tox-spacer { - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-croprect-block { - background: black; - filter: alpha(opacity=50); - opacity: 0.5; - position: absolute; - zoom: 1; -} - -.tox .tox-croprect-handle { - border: 2px solid white; - height: 20px; - left: 0; - position: absolute; - top: 0; - width: 20px; -} - -.tox .tox-croprect-handle-move { - border: 0; - cursor: move; - position: absolute; -} - -.tox .tox-croprect-handle-nw { - border-width: 2px 0 0 2px; - cursor: nw-resize; - left: 100px; - margin: -2px 0 0 -2px; - top: 100px; -} - -.tox .tox-croprect-handle-ne { - border-width: 2px 2px 0 0; - cursor: ne-resize; - left: 200px; - margin: -2px 0 0 -20px; - top: 100px; -} - -.tox .tox-croprect-handle-sw { - border-width: 0 0 2px 2px; - cursor: sw-resize; - left: 100px; - margin: -20px 2px 0 -2px; - top: 200px; -} - -.tox .tox-croprect-handle-se { - border-width: 0 2px 2px 0; - cursor: se-resize; - left: 200px; - margin: -20px 0 0 -20px; - top: 200px; -} - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { - margin-left: 7px; -} - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { - margin-left: 28px; -} - -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { - margin-left: 28px; -} - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { - margin-right: 7px; -} - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { - margin-right: 28px; -} - -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { - margin-right: 28px; -} - -.tox .tox-insert-table-picker { - display: flex; - flex-wrap: wrap; - width: 150px; -} - -.tox .tox-insert-table-picker > div { - border-color: #808080; - border-style: solid; - border-width: 0 1px 1px 0; - box-sizing: border-box; - height: 15px; - width: 15px; -} - -.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { - margin: -3.5px 0; -} - -.tox .tox-insert-table-picker .tox-insert-table-picker__selected { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); -} - -.tox .tox-insert-table-picker__label { - color: #c8c8c8; - display: block; - font-size: 12.25px; - padding: 3.5px; - text-align: center; - width: 100%; -} - -.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { - border-right: 0; -} - -.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { - border-right: 0; -} - -.tox .tox-menu { - background-color: #0d0d0d; - border: 1px solid #808080; - border-radius: 0px; - box-shadow: 0 4px 8px 0 rgba(16, 16, 16, 0.1); - display: inline-block; - overflow: hidden; - vertical-align: top; - z-index: 1150; -} - -.tox .tox-menu.tox-collection.tox-collection--list { - padding: 0; -} - -.tox .tox-menu.tox-collection.tox-collection--toolbar { - padding: 3.5px; -} - -.tox .tox-menu.tox-collection.tox-collection--grid { - padding: 3.5px; -} - -.tox .tox-menu__label h1, -.tox .tox-menu__label h2, -.tox .tox-menu__label h3, -.tox .tox-menu__label h4, -.tox .tox-menu__label h5, -.tox .tox-menu__label h6, -.tox .tox-menu__label p, -.tox .tox-menu__label blockquote, -.tox .tox-menu__label code { - margin: 0; -} - -.tox .tox-menubar { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23808080'/%3E%3C/svg%3E") left 0 top 0 #000000; - background-color: #000000; - display: flex; - flex: 0 0 auto; - flex-shrink: 0; - flex-wrap: wrap; - padding: 0 4px 0 4px; -} - -.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { - border-top: 1px solid #808080; -} - -/* Deprecated. Remove in next major release */ -.tox .tox-mbtn { - align-items: center; - background: transparent; - border: 0; - border-radius: 3px; - box-shadow: none; - color: #aaaaaa; - display: flex; - flex: 0 0 auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - height: 34px; - justify-content: center; - margin: 2px 0 3px 0; - outline: none; - overflow: hidden; - padding: 0 4px; - text-transform: none; - width: auto; -} - -.tox .tox-mbtn[disabled] { - background-color: transparent; - border: 0; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); - cursor: not-allowed; -} - -.tox .tox-mbtn:focus:not(:disabled) { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-mbtn--active { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-mbtn__select-label { - cursor: default; - font-weight: 500; - margin: 0 4px; -} - -.tox .tox-mbtn[disabled] .tox-mbtn__select-label { - cursor: not-allowed; -} - -.tox .tox-mbtn__select-chevron { - align-items: center; - justify-content: center; - width: 16px; - display: none; -} - -.tox .tox-notification { - border-radius: 0px; - border-style: solid; - border-width: 1px; - box-shadow: none; - box-sizing: border-box; - display: -ms-grid; - display: grid; - font-size: 12.25px; - font-weight: 500; - -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); - grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); - margin-top: 3.5px; - opacity: 0; - padding: 3.5px; - transition: transform 100ms ease-in, opacity 150ms ease-in; -} - -.tox .tox-notification p { - font-size: 12.25px; - font-weight: 500; -} - -.tox .tox-notification a { - cursor: pointer; - text-decoration: underline; -} - -.tox .tox-notification--in { - opacity: 1; -} - -.tox .tox-notification--success { - background-color: #e4eeda; - border-color: #d7e6c8; - color: #c8c8c8; -} - -.tox .tox-notification--success p { - color: #c8c8c8; -} - -.tox .tox-notification--success a { - color: #547831; -} - -.tox .tox-notification--success svg { - fill: #c8c8c8; -} - -.tox .tox-notification--error { - background-color: #f8dede; - border-color: #f2bfbf; - color: #c8c8c8; -} - -.tox .tox-notification--error p { - color: #c8c8c8; -} - -.tox .tox-notification--error a { - color: #c00; -} - -.tox .tox-notification--error svg { - fill: #c8c8c8; -} - -.tox .tox-notification--warn, -.tox .tox-notification--warning { - background-color: #fffaea; - border-color: #ffe89d; - color: #c8c8c8; -} - -.tox .tox-notification--warn p, -.tox .tox-notification--warning p { - color: #c8c8c8; -} - -.tox .tox-notification--warn a, -.tox .tox-notification--warning a { - color: #c8c8c8; -} - -.tox .tox-notification--warn svg, -.tox .tox-notification--warning svg { - fill: #c8c8c8; -} - -.tox .tox-notification--info { - background-color: #d9edf7; - border-color: #779ecb; - color: #c8c8c8; -} - -.tox .tox-notification--info p { - color: #c8c8c8; -} - -.tox .tox-notification--info a { - color: #c8c8c8; -} - -.tox .tox-notification--info svg { - fill: #c8c8c8; -} - -.tox .tox-notification__body { - -ms-grid-row-align: center; - align-self: center; - color: #c8c8c8; - font-size: 14px; - -ms-grid-column-span: 1; - grid-column-end: 3; - -ms-grid-column: 2; - grid-column-start: 2; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - text-align: center; - white-space: normal; - word-break: break-all; - word-break: break-word; -} - -.tox .tox-notification__body > * { - margin: 0; -} - -.tox .tox-notification__body > * + * { - margin-top: 1rem; -} - -.tox .tox-notification__icon { - -ms-grid-row-align: center; - align-self: center; - -ms-grid-column-span: 1; - grid-column-end: 2; - -ms-grid-column: 1; - grid-column-start: 1; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - -ms-grid-column-align: end; - justify-self: end; -} - -.tox .tox-notification__icon svg { - display: block; -} - -.tox .tox-notification__dismiss { - -ms-grid-row-align: start; - align-self: start; - -ms-grid-column-span: 1; - grid-column-end: 4; - -ms-grid-column: 3; - grid-column-start: 3; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; - -ms-grid-column-align: end; - justify-self: end; -} - -.tox .tox-notification .tox-progress-bar { - -ms-grid-column-span: 3; - grid-column-end: 4; - -ms-grid-column: 1; - grid-column-start: 1; - -ms-grid-row-span: 1; - grid-row-end: 3; - -ms-grid-row: 2; - grid-row-start: 2; - -ms-grid-column-align: center; - justify-self: center; -} - -.tox .tox-pop { - display: inline-block; - position: relative; -} - -.tox .tox-pop--resizing { - transition: width 0.1s ease; -} - -.tox .tox-pop--resizing .tox-toolbar, -.tox .tox-pop--resizing .tox-toolbar__group { - flex-wrap: nowrap; -} - -.tox .tox-pop--transition { - transition: 0.15s ease; - transition-property: left, right, top, bottom; -} - -.tox .tox-pop--transition::before, -.tox .tox-pop--transition::after { - transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; -} - -.tox .tox-pop__dialog { - background-color: #000000; - border: 1px solid #808080; - border-radius: 0px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - min-width: 0; - overflow: hidden; -} - -.tox .tox-pop__dialog > *:not(.tox-toolbar) { - margin: 3.5px 3.5px 3.5px 7px; -} - -.tox .tox-pop__dialog .tox-toolbar { - background-color: transparent; - margin-bottom: -1px; -} - -.tox .tox-pop::before, -.tox .tox-pop::after { - border-style: solid; - content: ""; - display: block; - height: 0; - opacity: 1; - position: absolute; - width: 0; -} - -.tox .tox-pop.tox-pop--inset::before, -.tox .tox-pop.tox-pop--inset::after { - opacity: 0; - transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; -} - -.tox .tox-pop.tox-pop--bottom::before, -.tox .tox-pop.tox-pop--bottom::after { - left: 50%; - top: 100%; -} - -.tox .tox-pop.tox-pop--bottom::after { - border-color: #000000 transparent transparent transparent; - border-width: 8px; - margin-left: -8px; - margin-top: -1px; -} - -.tox .tox-pop.tox-pop--bottom::before { - border-color: #808080 transparent transparent transparent; - border-width: 9px; - margin-left: -9px; -} - -.tox .tox-pop.tox-pop--top::before, -.tox .tox-pop.tox-pop--top::after { - left: 50%; - top: 0; - transform: translateY(-100%); -} - -.tox .tox-pop.tox-pop--top::after { - border-color: transparent transparent #000000 transparent; - border-width: 8px; - margin-left: -8px; - margin-top: 1px; -} - -.tox .tox-pop.tox-pop--top::before { - border-color: transparent transparent #808080 transparent; - border-width: 9px; - margin-left: -9px; -} - -.tox .tox-pop.tox-pop--left::before, -.tox .tox-pop.tox-pop--left::after { - left: 0; - top: calc(50% - 1px); - transform: translateY(-50%); -} - -.tox .tox-pop.tox-pop--left::after { - border-color: transparent #000000 transparent transparent; - border-width: 8px; - margin-left: -15px; -} - -.tox .tox-pop.tox-pop--left::before { - border-color: transparent #808080 transparent transparent; - border-width: 10px; - margin-left: -19px; -} - -.tox .tox-pop.tox-pop--right::before, -.tox .tox-pop.tox-pop--right::after { - left: 100%; - top: calc(50% + 1px); - transform: translateY(-50%); -} - -.tox .tox-pop.tox-pop--right::after { - border-color: transparent transparent transparent #000000; - border-width: 8px; - margin-left: -1px; -} - -.tox .tox-pop.tox-pop--right::before { - border-color: transparent transparent transparent #808080; - border-width: 10px; - margin-left: -1px; -} - -.tox .tox-pop.tox-pop--align-left::before, -.tox .tox-pop.tox-pop--align-left::after { - left: 20px; -} - -.tox .tox-pop.tox-pop--align-right::before, -.tox .tox-pop.tox-pop--align-right::after { - left: calc(100% - 20px); -} - -.tox .tox-sidebar-wrap { - display: flex; - flex-direction: row; - flex-grow: 1; - -ms-flex-preferred-size: 0; - min-height: 0; -} - -.tox .tox-sidebar { - background-color: #000000; - display: flex; - flex-direction: row; - justify-content: flex-end; -} - -.tox .tox-sidebar__slider { - display: flex; - overflow: hidden; -} - -.tox .tox-sidebar__pane-container { - display: flex; -} - -.tox .tox-sidebar__pane { - display: flex; -} - -.tox .tox-sidebar--sliding-closed { - opacity: 0; -} - -.tox .tox-sidebar--sliding-open { - opacity: 1; -} - -.tox .tox-sidebar--sliding-growing, -.tox .tox-sidebar--sliding-shrinking { - transition: width 0.5s ease, opacity 0.5s ease; -} - -.tox .tox-selector { - background-color: #4099ff; - border-color: #4099ff; - border-style: solid; - border-width: 1px; - box-sizing: border-box; - display: inline-block; - height: 10px; - position: absolute; - width: 10px; -} - -.tox.tox-platform-touch .tox-selector { - height: 12px; - width: 12px; -} - -.tox .tox-slider { - align-items: center; - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; - height: 24px; - justify-content: center; - position: relative; -} - -.tox .tox-slider__rail { - background-color: transparent; - border: 1px solid #808080; - border-radius: 0px; - height: 10px; - min-width: 120px; - width: 100%; -} - -.tox .tox-slider__handle { - background-color: #ffffff; - border: 2px solid #e6e6e6; - border-radius: 0px; - box-shadow: none; - height: 24px; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%); - width: 14px; -} - -.tox .tox-source-code { - overflow: auto; -} - -.tox .tox-spinner { - display: flex; -} - -.tox .tox-spinner > div { - animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; - background-color: rgba(200, 200, 200, 0.5); - border-radius: 100%; - height: 7px; - width: 7px; -} - -.tox .tox-spinner > div:nth-child(1) { - animation-delay: -0.32s; -} - -.tox .tox-spinner > div:nth-child(2) { - animation-delay: -0.16s; -} - -@keyframes tam-bouncing-dots { - 0%, 80%, 100% { - transform: scale(0); - } - 40% { - transform: scale(1); - } -} -.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { - margin-left: 3.5px; -} - -.tox[dir=rtl] .tox-spinner > div:not(:first-child) { - margin-right: 3.5px; -} - -.tox .tox-statusbar { - align-items: center; - background-color: #000000; - border-top: 1px solid #808080; - color: #c8c8c8; - display: flex; - flex: 0 0 auto; - font-size: 12px; - font-weight: 500; - height: 18px; - overflow: hidden; - padding: 0 7px; - position: relative; - text-transform: uppercase; -} - -.tox .tox-statusbar__text-container { - display: flex; - flex: 1 1 auto; - justify-content: flex-end; - overflow: hidden; -} - -.tox .tox-statusbar__path { - display: flex; - flex: 1 1 auto; - margin-right: auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.tox .tox-statusbar__path > * { - display: inline; - white-space: nowrap; -} - -.tox .tox-statusbar__wordcount { - flex: 0 0 auto; - margin-left: 1ch; -} - -.tox .tox-statusbar a, -.tox .tox-statusbar__path-item, -.tox .tox-statusbar__wordcount { - color: #c8c8c8; - text-decoration: none; -} - -.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { - cursor: pointer; - text-decoration: underline; -} - -.tox .tox-statusbar__resize-handle { - align-items: flex-end; - align-self: stretch; - cursor: nwse-resize; - display: flex; - flex: 0 0 auto; - justify-content: flex-end; - margin-left: auto; - margin-right: -7px; - padding-left: 1ch; -} - -.tox .tox-statusbar__resize-handle svg { - display: block; - fill: #c8c8c8; -} - -.tox .tox-statusbar__resize-handle:focus svg { - background-color: #343434; - border-radius: 1px; - box-shadow: 0 0 0 2px #343434; -} - -.tox:not([dir=rtl]) .tox-statusbar__path > * { - margin-right: 3.5px; -} - -.tox:not([dir=rtl]) .tox-statusbar__branding { - margin-left: 1ch; -} - -.tox[dir=rtl] .tox-statusbar { - flex-direction: row-reverse; -} - -.tox[dir=rtl] .tox-statusbar__path > * { - margin-left: 3.5px; -} - -.tox .tox-throbber { - z-index: 1299; -} - -.tox .tox-throbber__busy-spinner { - align-items: center; - background-color: rgba(0, 0, 0, 0.6); - bottom: 0; - display: flex; - justify-content: center; - left: 0; - position: absolute; - right: 0; - top: 0; -} - -.tox .tox-tbtn { - align-items: center; - background: transparent; - border: 0; - border-radius: 3px; - box-shadow: none; - color: #aaaaaa; - display: flex; - flex: 0 0 auto; - font-size: 12.25px; - font-style: normal; - font-weight: 500; - height: 34px; - justify-content: center; - margin: 2px 0 3px 0; - outline: none; - overflow: hidden; - padding: 0; - text-transform: none; - width: 34px; -} - -.tox .tox-tbtn svg { - display: block; - fill: #aaaaaa; -} - -.tox .tox-tbtn.tox-tbtn-more { - padding-left: 5px; - padding-right: 5px; - width: inherit; -} - -.tox .tox-tbtn:focus { - background: #4e4e4e; - border: 0; - box-shadow: none; -} - -.tox .tox-tbtn:hover { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-tbtn:hover svg { - fill: #ffffff; -} - -.tox .tox-tbtn:active { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-tbtn:active svg { - fill: #ffffff; -} - -.tox .tox-tbtn--disabled, -.tox .tox-tbtn--disabled:hover, -.tox .tox-tbtn:disabled, -.tox .tox-tbtn:disabled:hover { - background: transparent; - border: 0; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); - cursor: not-allowed; -} - -.tox .tox-tbtn--disabled svg, -.tox .tox-tbtn--disabled:hover svg, -.tox .tox-tbtn:disabled svg, -.tox .tox-tbtn:disabled:hover svg { - /* stylelint-disable-line no-descending-specificity */ - fill: rgba(170, 170, 170, 0.5); -} - -.tox .tox-tbtn--enabled, -.tox .tox-tbtn--enabled:hover { - background: #808080; - border: 0; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-tbtn--enabled > *, -.tox .tox-tbtn--enabled:hover > * { - transform: none; -} - -.tox .tox-tbtn--enabled svg, -.tox .tox-tbtn--enabled:hover svg { - /* stylelint-disable-line no-descending-specificity */ - fill: #ffffff; -} - -.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { - color: #ffffff; -} - -.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { - fill: #ffffff; -} - -.tox .tox-tbtn:active > * { - transform: none; -} - -.tox .tox-tbtn--md { - height: 51px; - width: 51px; -} - -.tox .tox-tbtn--lg { - flex-direction: column; - height: 68px; - width: 68px; -} - -.tox .tox-tbtn--return { - -ms-grid-row-align: stretch; - align-self: stretch; - height: unset; - width: 16px; -} - -.tox .tox-tbtn--labeled { - padding: 0 4px; - width: unset; -} - -.tox .tox-tbtn__vlabel { - display: block; - font-size: 10px; - font-weight: 500; - letter-spacing: -0.025em; - margin-bottom: 3.5px; - white-space: nowrap; -} - -.tox .tox-tbtn--select { - margin: 2px 0 3px 0; - padding: 0 4px; - width: auto; -} - -.tox .tox-tbtn__select-label { - cursor: default; - font-weight: 500; - margin: 0 4px; -} - -.tox .tox-tbtn__select-chevron { - align-items: center; - display: flex; - justify-content: center; - width: 14px; -} - -.tox .tox-tbtn__select-chevron svg { - fill: rgba(170, 170, 170, 0.5); -} - -.tox .tox-tbtn--bespoke .tox-tbtn__select-label { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 7em; -} - -.tox .tox-split-button { - border: 0; - border-radius: 3px; - box-sizing: border-box; - display: flex; - margin: 2px 0 3px 0; - overflow: hidden; -} - -.tox .tox-split-button:hover { - box-shadow: 0 0 0 1px #808080 inset; -} - -.tox .tox-split-button:focus { - background: #4e4e4e; - box-shadow: none; - color: #ffffff; -} - -.tox .tox-split-button > * { - border-radius: 0; -} - -.tox .tox-split-button__chevron { - width: 14px; -} - -.tox .tox-split-button__chevron svg { - fill: rgba(170, 170, 170, 0.5); -} - -.tox .tox-split-button .tox-tbtn { - margin: 0; -} - -.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child { - width: 30px; -} - -.tox.tox-platform-touch .tox-split-button__chevron { - width: 18px; -} - -.tox .tox-split-button.tox-tbtn--disabled:hover, -.tox .tox-split-button.tox-tbtn--disabled:focus, -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { - background: transparent; - box-shadow: none; - color: rgba(170, 170, 170, 0.5); -} - -.tox .tox-toolbar-overlord { - background-color: #000000; -} - -.tox .tox-toolbar, -.tox .tox-toolbar__primary, -.tox .tox-toolbar__overflow { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23808080'/%3E%3C/svg%3E") left 0 top 0 #000000; - background-color: #000000; - display: flex; - flex: 0 0 auto; - flex-shrink: 0; - flex-wrap: wrap; - padding: 0 0; -} - -.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { - height: 0; - opacity: 0; - padding-bottom: 0; - padding-top: 0; - visibility: hidden; -} - -.tox .tox-toolbar__overflow--growing { - transition: height 0.3s ease, opacity 0.2s linear 0.1s; -} - -.tox .tox-toolbar__overflow--shrinking { - transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; -} - -.tox .tox-menubar + .tox-toolbar, -.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { - border-top: 1px solid #808080; - margin-top: -1px; -} - -.tox .tox-toolbar--scrolling { - flex-wrap: nowrap; - overflow-x: auto; -} - -.tox .tox-pop .tox-toolbar { - border-width: 0; -} - -.tox .tox-toolbar--no-divider { - background-image: none; -} - -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { - border-top: 1px solid #808080; -} - -.tox.tox-tinymce-aux .tox-toolbar__overflow { - background-color: #000000; - border: 1px solid #808080; - border-radius: 0px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.tox .tox-toolbar__group { - align-items: center; - display: flex; - flex-wrap: wrap; - margin: 0 0; - padding: 0 4px 0 4px; -} - -.tox .tox-toolbar__group--pull-right { - margin-left: auto; -} - -.tox .tox-toolbar--scrolling .tox-toolbar__group { - flex-shrink: 0; - flex-wrap: nowrap; -} - -.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { - border-right: 1px solid #808080; -} - -.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { - border-left: 1px solid #808080; -} - -.tox .tox-tooltip { - display: inline-block; - padding: 7px; - position: relative; -} - -.tox .tox-tooltip__body { - background-color: #262626; - border-radius: 0px; - box-shadow: 0 2px 4px rgba(16, 16, 16, 0.3); - color: rgba(200, 200, 200, 0.75); - font-size: 12.25px; - font-style: normal; - font-weight: 500; - padding: 3.5px 7px; - text-transform: none; -} - -.tox .tox-tooltip__arrow { - position: absolute; -} - -.tox .tox-tooltip--down .tox-tooltip__arrow { - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-top: 7px solid #262626; - bottom: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); -} - -.tox .tox-tooltip--up .tox-tooltip__arrow { - border-bottom: 7px solid #262626; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - left: 50%; - position: absolute; - top: 0; - transform: translateX(-50%); -} - -.tox .tox-tooltip--right .tox-tooltip__arrow { - border-bottom: 7px solid transparent; - border-left: 7px solid #262626; - border-top: 7px solid transparent; - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); -} - -.tox .tox-tooltip--left .tox-tooltip__arrow { - border-bottom: 7px solid transparent; - border-right: 7px solid #262626; - border-top: 7px solid transparent; - left: 0; - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -.tox .tox-well { - border: 1px solid #808080; - border-radius: 0px; - padding: 7px; - width: 100%; -} - -.tox .tox-well > *:first-child { - margin-top: 0; -} - -.tox .tox-well > *:last-child { - margin-bottom: 0; -} - -.tox .tox-well > *:only-child { - margin: 0; -} - -.tox .tox-custom-editor { - border: 1px solid #808080; - border-radius: 0px; - display: flex; - flex: 1; - position: relative; -} - -/* stylelint-disable */ -.tox { - /* stylelint-enable */ -} - -.tox .tox-dialog-loading::before { - background-color: rgba(0, 0, 0, 0.5); - content: ""; - height: 100%; - position: absolute; - width: 100%; - z-index: 1000; -} - -.tox .tox-tab { - cursor: pointer; -} - -.tox .tox-dialog__content-js { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-dialog__body-content .tox-collection { - display: flex; - flex: 1; - -ms-flex-preferred-size: auto; -} - -.tox .tox-image-tools-edit-panel { - height: 60px; -} - -.tox .tox-image-tools__sidebar { - height: 60px; -} - -.tox-dialog.tox-dialog--width-lg .tox-dialog__body .tox-dialog__body-content code { - font-family: var(--font-mono); -} - -.editor.tinymce { - --editor-top-shift: -32px; - --toolbar-scale-factor: 1; - --toolbar-margin-bottom: 0px; - --statusbar-height: 15px; - position: relative; - margin-top: var(--editor-top-shift) !important; - z-index: 3; - overflow: visible; -} -.editor.tinymce .tox.tox-tinymce { - min-height: 100px; - display: flex; - flex-direction: column; - overflow: hidden; - position: relative; - visibility: inherit !important; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header { - opacity: 0.25; - transition: opacity 0.5s; - position: relative; - top: 2px; - margin-left: auto; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header:hover { - opacity: 1; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord { - background-color: transparent; - overflow: hidden; - height: 26px; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary { - background-color: rgb(0, 0, 0); - justify-content: space-between; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group { - background: rgba(0, 0, 0, 0.5); -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn { - margin: 0; - height: 24px; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn[title=Formats], .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn[title=Formats], .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn[title=Formats] { - width: 120px; - text-align: left; -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label, .editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary .tox-toolbar__group .tox-tbtn .tox-tbtn__select-label { - font-family: var(--font-emphasis); -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-sidebar-wrap { - min-height: var(--min-tinymce-height); -} -.editor.tinymce .tox.tox-tinymce .tox-editor-container .tox-sidebar-wrap .tox-edit-area .tox-edit-area__iframe { - background-color: rgba(0, 0, 0, 0.5); - box-shadow: inset 0px 0px 5px rgb(0, 0, 0); - padding: 0 var(--content-padding, 5px); -} -.editor.tinymce .tox.tox-tinymce .tox-statusbar { - height: var(--statusbar-height); -} -.editor.tinymce .tox.tox-tinymce .tox-statusbar .tox-statusbar__text-container .tox-statusbar__path { - font-family: var(--font-emphasis); - font-weight: bold; - text-transform: uppercase; -} \ No newline at end of file diff --git a/eunos-blades-LTSC.lnk b/eunos-blades-LTSC.lnk deleted file mode 100644 index 10ed3369..00000000 Binary files a/eunos-blades-LTSC.lnk and /dev/null differ diff --git a/lib/tagify/tagify.esm.d.ts b/lib/tagify/tagify.esm.d.ts deleted file mode 100644 index 84349348..00000000 --- a/lib/tagify/tagify.esm.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { Tagify } from "../../ts/@types/blades-tags"; - -declare module "../../lib/tagify/tagify.esm.js" { - export default Tagify; -} diff --git a/module/blades.js b/module/blades.js deleted file mode 100644 index b2ed33ba..00000000 --- a/module/blades.js +++ /dev/null @@ -1,826 +0,0 @@ -/* - * ATTENTION: An "eval-source-map" devtool has been used. - * This devtool is neither made for production nor for readable output files. - * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools. - * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) - * or disable the default devtool with "devtool: false". - * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). - */ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "../../../../../../../../../../LTSC Programs/FoundryVTT/Foundry Virtual Tabletop/resources/app/public/scripts/greensock/esm/CSSPlugin.js": -/*!***********************************************************************************************************************************************!*\ - !*** ../../../../../../../../../../LTSC Programs/FoundryVTT/Foundry Virtual Tabletop/resources/app/public/scripts/greensock/esm/CSSPlugin.js ***! - \***********************************************************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ CSSPlugin: function() { return /* binding */ CSSPlugin; },\n/* harmony export */ _createElement: function() { return /* binding */ _createElement; },\n/* harmony export */ _getBBox: function() { return /* binding */ _getBBox; },\n/* harmony export */ checkPrefix: function() { return /* binding */ _checkPropPrefix; },\n/* harmony export */ \"default\": function() { return /* binding */ CSSPlugin; }\n/* harmony export */ });\n/* harmony import */ var _gsap_core_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./gsap-core.js */ \"../../../../../../../../../../LTSC Programs/FoundryVTT/Foundry Virtual Tabletop/resources/app/public/scripts/greensock/esm/gsap-core.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/*!\r\n * CSSPlugin 3.11.0\r\n * https://greensock.com\r\n *\r\n * Copyright 2008-2022, GreenSock. All rights reserved.\r\n * Subject to the terms at https://greensock.com/standard-license or for\r\n * Club GreenSock members, the agreement issued with that membership.\r\n * @author: Jack Doyle, jack@greensock.com\r\n*/\n\n/* eslint-disable */\n\nvar _win,\n _doc,\n _docElement,\n _pluginInitted,\n _tempDiv,\n _tempDivStyler,\n _recentSetterPlugin,\n _reverting,\n _windowExists = function _windowExists() {\n return typeof window !== \"undefined\";\n },\n _transformProps = {},\n _RAD2DEG = 180 / Math.PI,\n _DEG2RAD = Math.PI / 180,\n _atan2 = Math.atan2,\n _bigNum = 1e8,\n _capsExp = /([A-Z])/g,\n _horizontalExp = /(left|right|width|margin|padding|x)/i,\n _complexExp = /[\\s,\\(]\\S/,\n _propertyAliases = {\n autoAlpha: \"opacity,visibility\",\n scale: \"scaleX,scaleY\",\n alpha: \"opacity\"\n },\n _renderCSSProp = function _renderCSSProp(ratio, data) {\n return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);\n },\n _renderPropWithEnd = function _renderPropWithEnd(ratio, data) {\n return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);\n },\n _renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) {\n return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u : data.b, data);\n },\n //if units change, we need a way to render the original unit/value when the tween goes all the way back to the beginning (ratio:0)\n _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {\n var value = data.s + data.c * ratio;\n data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data);\n },\n _renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) {\n return data.set(data.t, data.p, ratio ? data.e : data.b, data);\n },\n _renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) {\n return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data);\n },\n _setterCSSStyle = function _setterCSSStyle(target, property, value) {\n return target.style[property] = value;\n },\n _setterCSSProp = function _setterCSSProp(target, property, value) {\n return target.style.setProperty(property, value);\n },\n _setterTransform = function _setterTransform(target, property, value) {\n return target._gsap[property] = value;\n },\n _setterScale = function _setterScale(target, property, value) {\n return target._gsap.scaleX = target._gsap.scaleY = value;\n },\n _setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) {\n var cache = target._gsap;\n cache.scaleX = cache.scaleY = value;\n cache.renderTransform(ratio, cache);\n },\n _setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) {\n var cache = target._gsap;\n cache[property] = value;\n cache.renderTransform(ratio, cache);\n },\n _transformProp = \"transform\",\n _transformOriginProp = _transformProp + \"Origin\",\n _saveStyle = function _saveStyle(property) {\n var _this = this;\n var target = this.target,\n style = target.style;\n if (property in _transformProps) {\n this.tfm = this.tfm || {};\n if (property !== \"transform\") {\n property = _propertyAliases[property] || property;\n ~property.indexOf(\",\") ? property.split(\",\").forEach(function (a) {\n return _this.tfm[a] = _get(target, a);\n }) : this.tfm[property] = target._gsap.x ? target._gsap[property] : _get(target, property); // note: scale would map to \"scaleX,scaleY\", thus we loop and apply them both.\n }\n target._gsap.svg && (this.svg = target.getAttribute(property) || \"\");\n if (this.props.indexOf(_transformProp) >= 0) {\n return;\n }\n property = _transformProp;\n }\n style && this.props.push(property, style[property]);\n },\n _removeIndependentTransforms = function _removeIndependentTransforms(style) {\n if (style.translate) {\n style.removeProperty(\"translate\");\n style.removeProperty(\"scale\");\n style.removeProperty(\"rotate\");\n }\n },\n _revertStyle = function _revertStyle() {\n var props = this.props,\n target = this.target,\n style = target.style,\n cache = target._gsap,\n i,\n p;\n for (i = 0; i < props.length; i += 2) {\n props[i + 1] ? style[props[i]] = props[i + 1] : style.removeProperty(props[i].replace(_capsExp, \"-$1\").toLowerCase());\n }\n if (this.tfm) {\n cache.svg && target.setAttribute(\"transform\", this.svg || \"\");\n for (p in this.tfm) {\n cache[p] = this.tfm[p];\n }\n i = _reverting();\n if (i && !i.isStart && !style[_transformProp]) {\n _removeIndependentTransforms(style);\n cache.uncache = 1; // if it's a startAt that's being reverted in the _initTween() of the core, we don't need to uncache transforms. This is purely a performance optimization.\n }\n }\n },\n _getStyleSaver = function _getStyleSaver(target, properties) {\n var saver = {\n target: target,\n props: [],\n revert: _revertStyle,\n save: _saveStyle\n };\n properties && properties.split(\",\").forEach(function (p) {\n return saver.save(p);\n });\n return saver;\n },\n _supports3D,\n _createElement = function _createElement(type, ns) {\n var e = _doc.createElementNS ? _doc.createElementNS((ns || \"http://www.w3.org/1999/xhtml\").replace(/^https/, \"http\"), type) : _doc.createElement(type); //some servers swap in https for http in the namespace which can break things, making \"style\" inaccessible.\n\n return e.style ? e : _doc.createElement(type); //some environments won't allow access to the element's style when created with a namespace in which case we default to the standard createElement() to work around the issue. Also note that when GSAP is embedded directly inside an SVG file, createElement() won't allow access to the style object in Firefox (see https://greensock.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).\n },\n _getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) {\n var cs = getComputedStyle(target);\n return cs[property] || cs.getPropertyValue(property.replace(_capsExp, \"-$1\").toLowerCase()) || cs.getPropertyValue(property) || !skipPrefixFallback && _getComputedProperty(target, _checkPropPrefix(property) || property, 1) || \"\"; //css variables may not need caps swapped out for dashes and lowercase.\n },\n _prefixes = \"O,Moz,ms,Ms,Webkit\".split(\",\"),\n _checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) {\n var e = element || _tempDiv,\n s = e.style,\n i = 5;\n if (property in s && !preferPrefix) {\n return property;\n }\n property = property.charAt(0).toUpperCase() + property.substr(1);\n while (i-- && !(_prefixes[i] + property in s)) {}\n return i < 0 ? null : (i === 3 ? \"ms\" : i >= 0 ? _prefixes[i] : \"\") + property;\n },\n _initCore = function _initCore() {\n if (_windowExists() && window.document) {\n _win = window;\n _doc = _win.document;\n _docElement = _doc.documentElement;\n _tempDiv = _createElement(\"div\") || {\n style: {}\n };\n _tempDivStyler = _createElement(\"div\");\n _transformProp = _checkPropPrefix(_transformProp);\n _transformOriginProp = _transformProp + \"Origin\";\n _tempDiv.style.cssText = \"border-width:0;line-height:0;position:absolute;padding:0\"; //make sure to override certain properties that may contaminate measurements, in case the user has overreaching style sheets.\n\n _supports3D = !!_checkPropPrefix(\"perspective\");\n _reverting = _gsap_core_js__WEBPACK_IMPORTED_MODULE_0__.gsap.core.reverting;\n _pluginInitted = 1;\n }\n },\n _getBBoxHack = function _getBBoxHack(swapIfPossible) {\n //works around issues in some browsers (like Firefox) that don't correctly report getBBox() on SVG elements inside a