From f89c402ede1bde9abcdcec23772d518a461a64bd Mon Sep 17 00:00:00 2001 From: Iris De Santis Date: Thu, 11 Apr 2024 11:56:38 +0100 Subject: [PATCH] add styling --- .../bubbles/gui/ChatViewApplication.java | 4 +- .../elrant/bubbles/gui/LoginApplication.java | 4 +- .../bubbles/gui/SideViewApplication.java | 4 +- .../resources/team/elrant/bubbles/gui/7.css | 2552 ----------------- .../team/elrant/bubbles/gui/ChatView.fxml | 16 +- .../team/elrant/bubbles/gui/LoginView.fxml | 32 +- .../team/elrant/bubbles/gui/fluent-light.css | 18 + 7 files changed, 67 insertions(+), 2563 deletions(-) delete mode 100644 src/main/resources/team/elrant/bubbles/gui/7.css create mode 100644 src/main/resources/team/elrant/bubbles/gui/fluent-light.css diff --git a/src/main/java/team/elrant/bubbles/gui/ChatViewApplication.java b/src/main/java/team/elrant/bubbles/gui/ChatViewApplication.java index fb9998f..3e5ebdc 100644 --- a/src/main/java/team/elrant/bubbles/gui/ChatViewApplication.java +++ b/src/main/java/team/elrant/bubbles/gui/ChatViewApplication.java @@ -12,6 +12,8 @@ import org.jxmpp.jid.impl.JidCreate; import team.elrant.bubbles.xmpp.ConnectedUser; +import java.util.Objects; + /** * The ChatViewApplication class is responsible for launching the chat application GUI. * It initializes the primary stage with the ChatView.fxml layout and sets up the ChatViewController. @@ -68,7 +70,7 @@ public void start(@NotNull Stage primaryStage) throws Exception { AnchorPane root = fxmlLoader.load(); @NotNull Scene scene = new Scene(root, 800, 700); - + scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("fluent-light.css")).toExternalForm()); primaryStage.setTitle("Chat"); primaryStage.setScene(scene); primaryStage.centerOnScreen(); diff --git a/src/main/java/team/elrant/bubbles/gui/LoginApplication.java b/src/main/java/team/elrant/bubbles/gui/LoginApplication.java index 6db5e14..6af22d2 100644 --- a/src/main/java/team/elrant/bubbles/gui/LoginApplication.java +++ b/src/main/java/team/elrant/bubbles/gui/LoginApplication.java @@ -4,6 +4,7 @@ import javafx.fxml.FXMLLoader; import javafx.scene.Scene; import javafx.stage.Stage; +import javafx.stage.StageStyle; import org.apache.logging.log4j.LogManager; import org.apache.logging.log4j.Logger; import org.jetbrains.annotations.NotNull; @@ -25,7 +26,7 @@ public class LoginApplication extends Application { * @param args The command-line arguments (not used in this context). */ public static void main(String[] args) { - launch(); + launch(args); } /** @@ -40,6 +41,7 @@ public void start(@NotNull Stage stage) throws Exception { try { @NotNull FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("LoginView.fxml")); @NotNull Scene scene = new Scene(fxmlLoader.load(), 280, 200); + scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("fluent-light.css")).toExternalForm()); stage.setTitle("Login"); stage.setScene(scene); stage.centerOnScreen(); diff --git a/src/main/java/team/elrant/bubbles/gui/SideViewApplication.java b/src/main/java/team/elrant/bubbles/gui/SideViewApplication.java index 68e3fcf..0ee8fe5 100644 --- a/src/main/java/team/elrant/bubbles/gui/SideViewApplication.java +++ b/src/main/java/team/elrant/bubbles/gui/SideViewApplication.java @@ -9,6 +9,8 @@ import org.apache.logging.log4j.Logger; import org.jetbrains.annotations.NotNull; +import java.util.Objects; + public class SideViewApplication extends Application { private static final Logger logger = LogManager.getLogger(SideViewApplication.class); @@ -30,7 +32,7 @@ public void start(@NotNull Stage primaryStage) throws Exception { @NotNull FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("SideView.fxml")); AnchorPane root = fxmlLoader.load(); @NotNull Scene scene = new Scene(root, 320, 720); - + scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("fluent-light.css")).toExternalForm()); primaryStage.setTitle("Chat"); primaryStage.setScene(scene); primaryStage.centerOnScreen(); diff --git a/src/main/resources/team/elrant/bubbles/gui/7.css b/src/main/resources/team/elrant/bubbles/gui/7.css deleted file mode 100644 index 5a0fd82..0000000 --- a/src/main/resources/team/elrant/bubbles/gui/7.css +++ /dev/null @@ -1,2552 +0,0 @@ -/*! 7.css v0.16.0 - https://khang-nd.github.io/7.css */ -/** - * Core 7.css - * Based on XP GUI.css by Adam Hammad - * https://github.com/khang-nd/7.css/blob/main/LICENSE - */ -body { - font-family: "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - font-size: 9pt; - color: #222222; -} -.surface { - background: #f0f0f0; -} -h1 { - font-size: 80px; -} -h2 { - font-size: 40px; -} -h3 { - font-size: 32px; -} -h4 { - font-size: 24px; -} -u { - text-decoration: none; - border-bottom: 0.5px solid #222222; -} -code, - code * { - font-family: monospace; - } -pre { - display: block; - margin: 0; - padding: 12px 8px; - background: #fff; - border: 1px solid #8e8f8f; -} -summary:focus-visible { - outline: 1px dotted #000; - } -[role="tooltip"] { - position: relative; - padding: 1em 1em 1em 2.5em; - border: 1px solid rgba(0, 0, 0, .4); - border-radius: 3px; - -webkit-box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, .4); - box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, .4); - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); - background: linear-gradient(to bottom, #fff, #ebebeb); -} -[role="tooltip"]::before { - content: ""; - position: absolute; - background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E"); - width: 18px; - height: 18px; - top: -18px; - left: 1em; - } -[role="tooltip"][id] { - position: absolute; - } -[role="tooltip"].is-top::before { - background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23ddd' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E"); - bottom: -18px; - top: unset; - -webkit-transform: scale(-1); - transform: scale(-1); - } -[role="tooltip"].is-top.is-right::before { - -webkit-transform: scaleY(-1); - transform: scaleY(-1); - } -[role="tooltip"].is-left::before { - left: unset; - right: 1em; - } -[role="tooltip"].is-left.is-bottom::before { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); - } -button, -[role="button"] { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid; - border-color: #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - color: #222; - min-width: 75px; - min-height: 23px; - padding: 0 12px; - text-align: center; - background: -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - position: relative; - z-index: 0; -} -/* Button style on hovered */ -button::before, [role="button"]::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - top: 0; - left: 0; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - background: -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd), - to(#a7d9f5) - ); - background: linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45%, - #a7d9f5 - ); - opacity: 0; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - z-index: -1; - } -/* Button style on clicked */ -button::after, [role="button"]::after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - top: 0; - left: 0; - -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 rgba(0, 0, 0, 0.06667); - box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 rgba(0, 0, 0, 0.06667); - border-radius: 2px; - background: -webkit-gradient( - linear, - left top, left bottom, - from(#e5f4fc), - color-stop(30%, #c4e5f6), - color-stop(50%, #98d1ef), - to(#68b3db) - ); - background: linear-gradient( - to bottom, - #e5f4fc, - #c4e5f6 30% 50%, - #98d1ef 50%, - #68b3db - ); - opacity: 0; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - z-index: -1; - } -button:disabled, [role="button"]:disabled { - background: #f4f4f4; - border-color: #aeb2b5; - color: #838383; - } -/* Animation when hovered */ -button:not(:disabled):hover, [role="button"]:not(:disabled):hover { - border-color: #3c7fb1; - -webkit-transition: border-color 0.3s; - transition: border-color 0.3s; - } -button:not(:disabled):hover::before, [role="button"]:not(:disabled):hover::before { - opacity: 1; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - } -/* Animation when unhovered */ -button:not(:disabled):not(:hover), [role="button"]:not(:disabled):not(:hover) { - border-color: #8e8f8f; - -webkit-transition: border-color 1s linear; - transition: border-color 1s linear; - } -button:not(:disabled):not(:hover)::before, [role="button"]:not(:disabled):not(:hover)::before { - opacity: 0; - -webkit-transition: opacity 1s linear; - transition: opacity 1s linear; - } -button:not(:disabled):active, - button:not(:disabled).active, - [role="button"]:not(:disabled):active, - [role="button"]:not(:disabled).active { - border-color: #6d91ab; - -webkit-transition: border-color 0.3s; - transition: border-color 0.3s; - } -button:not(:disabled):active::after, button:not(:disabled).active::after, [role="button"]:not(:disabled):active::after, [role="button"]:not(:disabled).active::after { - opacity: 1; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - } -button:focus-visible, - button.focused, - [role="button"]:focus-visible, - [role="button"].focused { - -webkit-box-shadow: inset 0 0 0 2px #98d1ef; - box-shadow: inset 0 0 0 2px #98d1ef; - outline: 1px dotted #000; - outline-offset: -4px; - } -button.default, - button:focus, - button.focused, - [role="button"].default, - [role="button"]:focus, - [role="button"].focused { - border-color: #5586a3; - background-image: -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd), - to(#a7d9f5) - ); - background-image: linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45%, - #a7d9f5 - ); - -webkit-animation: 1s ease infinite alternate pulse-anim; - animation: 1s ease infinite alternate pulse-anim; - } -@-webkit-keyframes pulse-anim { - from { - -webkit-box-shadow: inset 0 0 3px 1px rgba(52, 222, 255, 0.86667); - box-shadow: inset 0 0 3px 1px rgba(52, 222, 255, 0.86667); - } - to { - -webkit-box-shadow: inset 0 0 1px 1px rgba(52, 222, 255, 0.86667); - box-shadow: inset 0 0 1px 1px rgba(52, 222, 255, 0.86667); - } -} -@keyframes pulse-anim { - from { - -webkit-box-shadow: inset 0 0 3px 1px rgba(52, 222, 255, 0.86667); - box-shadow: inset 0 0 3px 1px rgba(52, 222, 255, 0.86667); - } - to { - -webkit-box-shadow: inset 0 0 1px 1px rgba(52, 222, 255, 0.86667); - box-shadow: inset 0 0 1px 1px rgba(52, 222, 255, 0.86667); - } -} -input[type="checkbox"] { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - background: none; - border: none; - margin: 0; - opacity: 0; -} -input[type="checkbox"] + label { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - margin-left: 0; - } -input[type="checkbox"] + label::before { - content: ""; - display: inline-block; - width: 14px; - height: 14px; - margin-right: 6px; - background: #f6f6f6; - border: 1px solid; - border-color: #8e8f8f; - -webkit-box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae, - inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc; - box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae, - inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: 0.4s; - transition: 0.4s; - } -input[type="checkbox"] + label:hover::before { - background: #e9f7fe; - border-color: #3c7fb1; - -webkit-box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, - inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd; - box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, - inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd; - } -input[type="checkbox"]:focus-visible + label { - outline: 1px dotted #000; - } -input[type="checkbox"]:checked + label::after { - content: "\2714"; - font-weight: bold; - display: block; - position: absolute; - top: 0; - left: 2px; - color: #4a5f97; - } -input[type="checkbox"]:disabled + label { - opacity: 0.6; - } -details { - margin-top: 0; -} -details > summary { - display: inline; - position: relative; - margin-bottom: 0; - cursor: pointer; - } -details > summary:before { - content: ""; - position: absolute; - top: calc(50% - 5px); - right: 100%; - border: 5px solid transparent; - border-left-color: #000; - border-radius: 3px; - } -details[open] > summary:before { - top: calc(50% - 2.5px); - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); - } -.combobox { - position: relative; - display: inline-block; -} -.combobox input[type="text"] { - padding-right: 20px; - width: 100%; - } -.combobox button { - position: absolute; - right: 0; - padding: 0; - min-width: 16px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - } -.combobox button::before { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd), - to(#a7d9f5) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45%, - #a7d9f5 - ); - } -.combobox button::after { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - -webkit-gradient( - linear, - left top, left bottom, - from(#e5f4fc), - color-stop(30%, #c4e5f6), - color-stop(50%, #98d1ef), - to(#68b3db) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg==") center no-repeat, - linear-gradient( - to bottom, - #e5f4fc, - #c4e5f6 30% 50%, - #98d1ef 50%, - #68b3db - ); - } -.combobox button:focus { - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - } -select:not([multiple]) { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - padding: 2px 3px; - border: 1px solid; - border-color: #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #222; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: relative; - padding-right: 30px; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - background-position: center right; - background-repeat: no-repeat; -} -select:not([multiple]):hover { - border-color: #3c7fb1; - background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd), - to(#a7d9f5) - ); - background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45%, - #a7d9f5 - ); - } -select:not([multiple]):active { - outline: none; - border-color: #6d91ab; - -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 rgba(0, 0, 0, 0.06667); - box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 rgba(0, 0, 0, 0.06667); - background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - -webkit-gradient( - linear, - left top, left bottom, - from(#e5f4fc), - color-stop(30%, #c4e5f6), - color-stop(50%, #98d1ef), - to(#68b3db) - ); - background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - linear-gradient( - to bottom, - #e5f4fc, - #c4e5f6 30% 50%, - #98d1ef 50%, - #68b3db - ); - } -select:not([multiple]):focus { - outline: 1px dotted #000; - outline-offset: -4px; - -webkit-box-shadow: inset 0 0 0 2px #98d1ef; - box-shadow: inset 0 0 0 2px #98d1ef; - } -fieldset { - border: 1px solid #cdd7db; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px #fff; - box-shadow: inset 0 0 0 1px #fff; - padding: 10px; - -webkit-padding-before: 8px; - padding-block-start: 8px; - margin: 0; -} -fieldset legend { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - } -.field-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.field-row > * + * { - margin-left: 6px; - } -.field-row-stacked { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -.field-row-stacked * + * { - margin-top: 6px; - } -[class^="field-row"] + [class^="field-row"] { - margin-top: 6px; - } -[role="listbox"], -select[multiple] { - background: #fff; - border: 1px solid #c0c1cd; - display: block; - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - overflow-y: scroll; -} -[role="listbox"].has-shadow, select[multiple].has-shadow { - -webkit-box-shadow: 4px 4px 3px -2px #999; - box-shadow: 4px 4px 3px -2px #999; - } -[role="listbox"].has-hover li:hover, select[multiple].has-hover li:hover { - background-color: #2a90ff; - color: #fff; - } -[role="listbox"]:focus, select[multiple]:focus { - outline: none; - } -[role="listbox"] [role="option"], - [role="listbox"] option, - select[multiple] [role="option"], - select[multiple] option { - padding: 2px; - } -[role="listbox"] [role="option"][aria-selected], - [role="listbox"] [role="option"]:focus, - [role="listbox"] option[aria-selected], - [role="listbox"] option:focus, - select[multiple] [role="option"][aria-selected], - select[multiple] [role="option"]:focus, - select[multiple] option[aria-selected], - select[multiple] option:focus { - background-color: #2a90ff; - color: #fff; - } -ul[role] { - margin: 0; - padding: 0; - list-style: none; - cursor: default; - } -ul[role="menubar"] { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - background: -webkit-gradient( - linear, - left top, left bottom, - color-stop(20%, #fff), - color-stop(25%, #f1f4fa), - color-stop(43%, #f1f4fa), - color-stop(48%, #d4dbee), - to(#e6eaf6) - ); - background: linear-gradient( - #fff 20%, - #f1f4fa 25%, - #f1f4fa 43%, - #d4dbee 48%, - #e6eaf6 - ); - } -ul[role="menubar"] > [role="menuitem"] { - position: relative; - padding: 6px 10px; - } -ul[role="menubar"] > [role="menuitem"]:focus, - ul[role="menubar"] > [role="menuitem"]:focus-within, - ul[role="menubar"] > [role="menuitem"]:hover { - background: #3399ff; - color: #fff; - outline: none; - } -ul[role="menubar"] > [role="menuitem"]:focus ~ [role="menuitem"]:focus, - ul[role="menubar"] > [role="menuitem"]:focus ~ [role="menuitem"]:focus-within, - ul[role="menubar"] > [role="menuitem"]:focus-within ~ [role="menuitem"]:focus, - ul[role="menubar"] > [role="menuitem"]:focus-within ~ [role="menuitem"]:focus-within, - ul[role="menubar"] > [role="menuitem"]:hover ~ [role="menuitem"]:focus, - ul[role="menubar"] > [role="menuitem"]:hover ~ [role="menuitem"]:focus-within { - background: transparent; - color: inherit; - } -ul[role="menubar"] > [role="menuitem"]:focus:has(~ [role="menuitem"]:hover), ul[role="menubar"] > [role="menuitem"]:focus-within:has(~ [role="menuitem"]:hover), ul[role="menubar"] > [role="menuitem"]:hover:has(~ [role="menuitem"]:hover) { - background: transparent; - color: inherit; - } -ul[role="menu"] { - position: relative; - min-width: 150px; - padding: 2px; - background: #f0f0f0; - color: #000; - color: initial; - border: 1px solid rgba(0, 0, 0, .4); - -webkit-box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, .5); - box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, .5); - } -ul[role="menu"]::before { - content: ""; - pointer-events: none; - position: absolute; - left: 30px; - width: 2px; - height: calc(100% - 4px); - -webkit-box-shadow: inset 1px 0 rgba(0, 0, 0, .15), inset -1px 0 #fff; - box-shadow: inset 1px 0 rgba(0, 0, 0, .15), inset -1px 0 #fff; - } -[role="menuitem"] ul[role="menu"] { - display: none; - position: absolute; - left: 0; - top: 100%; - z-index: 99; - } -ul[role="menu"] [role="menuitem"] > [role="menu"] { - top: -4px; - left: 100%; - } -ul[role="menu"] > [role="menuitem"] > a, - ul[role="menu"] > [role="menuitem"] > button, - ul[role="menu"] > [role="menuitem"] > label, - ul[role="menu"] > [role="menuitem"][aria-haspopup="true"] { - all: unset; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; - padding: 4px 10px 4px 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid transparent; - border-radius: 3px; - white-space: nowrap; - } -ul[role="menu"] > [role="menuitem"] > a:hover, - ul[role="menu"] > [role="menuitem"] > a:focus-visible, - ul[role="menu"] > [role="menuitem"] > button:hover, - ul[role="menu"] > [role="menuitem"] > button:focus-visible, - ul[role="menu"] > [role="menuitem"] > label:hover, - ul[role="menu"] > [role="menuitem"] > label:focus-visible, - ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]:hover, - ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]:focus-visible { - background: -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, 0.6)), - color-stop(90%, rgba(230, 236, 245, 0.8)), - to(rgba(255, 255, 255, 0.8)) - ); - background: linear-gradient( - to bottom, - rgba(255, 255, 255, 0.6), - rgba(230, 236, 245, 0.8) 90%, - rgba(255, 255, 255, 0.8) - ); - border-color: #b8d6fb; - } -ul[role="menu"] > [role="menuitem"] > button:hover::before, - ul[role="menu"] > [role="menuitem"] > button::after { - content: none; - } -ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]::after { - content: ""; - position: absolute; - top: 50%; - right: 2px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border: 4px solid transparent; - border-left-color: currentColor; - } -ul [role="menuitem"] { - position: relative; - } -ul [role="menuitem"] > input[type] { - display: none; - } -ul [role="menuitem"] > input[type] + label { - display: block; - position: relative; - } -ul [role="menuitem"] > input[type] + label::before { - all: unset; /* unset the standalone checkbox/radio styles */ - background: -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, 0.6)), - color-stop(90%, rgba(230, 236, 245, 0.8)), - to(rgba(255, 255, 255, 0.8)) - ); - background: linear-gradient( - to bottom, - rgba(255, 255, 255, 0.6), - rgba(230, 236, 245, 0.8) 90%, - rgba(255, 255, 255, 0.8) - ); - -webkit-box-shadow: 0 0 0 1px #b3d3f9; - box-shadow: 0 0 0 1px #b3d3f9; - border-radius: inherit; - -webkit-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - top: 0; - left: 0; - width: 22px; - height: 22px; - } -ul [role="menuitem"] > input[type]:checked + label::before { - content: ""; - } -ul [role="menuitem"] > input[type][type="radio"]:checked + label::after { - left: 8px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background: radial-gradient(circle at 75% 25%, #d5d4ea, #333583); - border: 1px solid #1a1490; - -webkit-box-shadow: none; - box-shadow: none; - } -ul [role="menuitem"] > input[type][type="checkbox"]:checked + label::after { - color: rgb(12, 18, 161); - font-size: 10pt; - left: 6px; - top: 50%; - -webkit-transform: translateY(-52%); - transform: translateY(-52%); - } -ul [role="menuitem"]:focus > [role="menu"], ul [role="menuitem"]:focus-within > [role="menu"] { - display: block; - } -ul [role="menuitem"]:focus:has(~ [role="menuitem"]:hover) > [role="menu"], ul [role="menuitem"]:focus-within:has(~ [role="menuitem"]:hover) > [role="menu"] { - display: none; - } -ul [role="menuitem"][aria-disabled] { - opacity: 0.5; - pointer-events: none; - } -ul [role="menuitem"].has-divider::after { - content: ""; - pointer-events: none; - display: block; - margin: 3px 0 2px; - height: 2px; - margin-left: 30px; - -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.14902), inset 0 -1px #fff; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.14902), inset 0 -1px #fff; - } -ul [role="menuitem"] img { - position: absolute; - z-index: 1; - left: 2px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; - } -ul [role="menuitem"] span { - margin-left: 32px; - } -ul.can-hover [role="menuitem"]:hover > [role="menu"] { - display: block; - } -ul.can-hover [role="menuitem"]:hover ~ [role="menuitem"]:focus, - ul.can-hover [role="menuitem"]:hover ~ [role="menuitem"]:focus-within { - background: transparent; - color: inherit; - } -ul.can-hover [role="menuitem"]:hover ~ [role="menuitem"]:focus > [role="menu"], ul.can-hover [role="menuitem"]:hover ~ [role="menuitem"]:focus-within > [role="menu"] { - display: none; - } -[role="progressbar"] { - height: 15px; - border: 1px solid #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(243, 243, 243, 0.53333), 0 0 0 1px rgba(234, 234, 234, 0.53333); - box-shadow: inset 0 0 0 1px rgba(243, 243, 243, 0.53333), 0 0 0 1px rgba(234, 234, 234, 0.53333); - margin: 2px 0; - overflow: hidden; - background: radial-gradient(circle at 0 50%, rgba(0, 0, 0, 0.12157) 10px, transparent 30px), - radial-gradient(circle at 100% 50%, rgba(0, 0, 0, 0.12157) 10px, transparent 30px), - linear-gradient( - to bottom, - rgba(243, 243, 243, 0.68627), - rgba(252, 252, 252, 0.68627) 3px, - rgba(219, 219, 219, 0.68627) 6px, - rgba(202, 202, 202, 0.68627) 6px, - rgba(213, 213, 213, 0.68627) - ), - #ddd; -} -[role="progressbar"] > div { - overflow: hidden; - height: 100%; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12157); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12157); - background-color: #0bd82c; - background-image: linear-gradient( - to bottom, - rgba(243, 243, 243, 0.68627), - rgba(252, 252, 252, 0.68627) 3px, - rgba(219, 219, 219, 0.68627) 6px, - transparent 6px - ), - radial-gradient(circle at 0 50%, rgba(0, 0, 0, 0.18431) 10px, transparent 30px), - radial-gradient(circle at 100% 50%, rgba(0, 0, 0, 0.18431) 10px, transparent 30px), - linear-gradient(to bottom, transparent 65%, rgba(255, 255, 255, 0.33333)), - linear-gradient(to bottom, transparent 6px, rgba(202, 202, 202, 0.2) 6px, rgba(213, 213, 213, 0.2)); - } -[role="progressbar"].paused > div { - background-color: #e6df1b; - } -[role="progressbar"].error > div { - background-color: #ef0000; - } -[role="progressbar"].animate > div::before, - [role="progressbar"].marquee::before { - content: ""; - -webkit-animation: progressbar 3s linear infinite; - animation: progressbar 3s linear infinite; - display: block; - height: 100%; - background: -webkit-gradient( - linear, - left top, right top, - from(transparent), - color-stop(rgba(255, 255, 255, 0.50196)), - color-stop(40%, transparent) - ); - background: linear-gradient( - to right, - transparent, - rgba(255, 255, 255, 0.50196), - transparent 40% - ); - } -[role="progressbar"].marquee::before { - opacity: 0.5; - background: -webkit-gradient( - linear, - left top, right top, - from(transparent), - color-stop(#0bd82c), - color-stop(35%, transparent) - ); - background: linear-gradient( - to right, - transparent, - #0bd82c, - transparent 35% - ); - } -@-webkit-keyframes progressbar { - 0% { - -webkit-transform: translateX(-40%); - transform: translateX(-40%); - } - 60% { - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - 100% { - /* for faking delay */ - -webkit-transform: translateX(100%); - transform: translateX(100%); - } -} -@keyframes progressbar { - 0% { - -webkit-transform: translateX(-40%); - transform: translateX(-40%); - } - 60% { - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - 100% { - /* for faking delay */ - -webkit-transform: translateX(100%); - transform: translateX(100%); - } -} -input[type="radio"] { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - margin: 0; - background: 0; - position: fixed; - opacity: 0; - border: none; -} -input[type="radio"] + label { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - margin-left: 20px; - } -input[type="radio"] + label::before { - content: ""; - position: absolute; - top: 0; - left: -20px; - display: inline-block; - width: 14px; - height: 14px; - margin-right: 6px; - background: #f6f6f6; - border-radius: 50%; - border: 1px solid; - border-color: #8e8f8f; - -webkit-box-shadow: inset 0 0 0 1.5px #f4f4f4, inset 1px 1px 0 1.5px #aeaeae, - inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc; - box-shadow: inset 0 0 0 1.5px #f4f4f4, inset 1px 1px 0 1.5px #aeaeae, - inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: 0.4s; - transition: 0.4s; - } -input[type="radio"] + label:hover::before { - border-color: #3c7fb1; - -webkit-box-shadow: inset 0 0 0 1.5px #def9fa, inset 1px 1px 0 1.5px #79c6f9, - inset -1px -1px 0 1.5px #c6e9fc, inset 3px 3px 6px #b1dffd; - box-shadow: inset 0 0 0 1.5px #def9fa, inset 1px 1px 0 1.5px #79c6f9, - inset -1px -1px 0 1.5px #c6e9fc, inset 3px 3px 6px #b1dffd; - } -input[type="radio"]:checked + label::after { - content: ""; - display: block; - width: 8px; - height: 8px; - top: 3px; - left: 23px; - position: absolute; - background: #7cd3eb; - border-radius: 50%; - border: 1.5px solid #27506d; - -webkit-box-shadow: inset -1px -1px 0 0.5px #16638f, - inset -1px -1px 0 1px #1985c0; - box-shadow: inset -1px -1px 0 0.5px #16638f, - inset -1px -1px 0 1px #1985c0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } -input[type="radio"]:focus-visible + label { - outline: 1px dotted #000000; - } -input[type="radio"]:disabled + label { - opacity: 0.6; - } -.has-scrollbar::-webkit-scrollbar { - width: 16px; -} -.has-scrollbar::-webkit-scrollbar:horizontal { - height: 17px; - } -.has-scrollbar::-webkit-scrollbar-corner { - background: #f2f2f2; - } -.has-scrollbar::-webkit-scrollbar-track:vertical { - background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: linear-gradient(to right, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-track:horizontal { - background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: linear-gradient(to bottom, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-thumb { - border: 1px solid; - border-color: #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - background-color: #f2f2f2; - } -.has-scrollbar::-webkit-scrollbar-thumb:vertical { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to right, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - } -.has-scrollbar::-webkit-scrollbar-thumb:horizontal { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - } -.has-scrollbar::-webkit-scrollbar-thumb:hover:vertical { - border-color: #3c7fb1; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to right, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-thumb:hover:horizontal { - border-color: #3c7fb1; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-thumb:active:vertical { - border-color: #6d91ab; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to right, - #c4e5f6 45%, - #98d1ef 45% - ); - } -.has-scrollbar::-webkit-scrollbar-thumb:active:horizontal { - border-color: #6d91ab; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") - no-repeat center, - linear-gradient( - to bottom, - #c4e5f6 45%, - #98d1ef 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:horizontal:start:increment, - .has-scrollbar::-webkit-scrollbar-button:horizontal:end:decrement, - .has-scrollbar::-webkit-scrollbar-button:vertical:start:increment, - .has-scrollbar::-webkit-scrollbar-button:vertical:end:decrement { - /* https://stackoverflow.com/a/67476494/3916702 */ - display: none; - } -.has-scrollbar::-webkit-scrollbar-button { - /* Add an invisible border to prevent shifting - when hovering the scrollbar buttons */ - border: 1px solid transparent; - } -.has-scrollbar::-webkit-scrollbar-button:vertical { - height: 17px; - } -.has-scrollbar::-webkit-scrollbar-button:vertical:start { - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), linear-gradient(to right, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-button:vertical:end { - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), linear-gradient(to right, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-button:horizontal { - width: 16px; - } -.has-scrollbar::-webkit-scrollbar-button:horizontal:start { - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), linear-gradient(to bottom, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-button:horizontal:end { - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(20%, #f0f0f0)); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), linear-gradient(to bottom, #e5e5e5, #f0f0f0 20%); - } -.has-scrollbar::-webkit-scrollbar-button:hover { - border-color: #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - background-color: #f2f2f2; - } -.has-scrollbar::-webkit-scrollbar-button:hover:vertical { - height: 17px; - } -.has-scrollbar::-webkit-scrollbar-button:hover:vertical:start { - border-color: #3c7fb1; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - linear-gradient( - to right, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:hover:vertical:end { - border-color: #3c7fb1; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - linear-gradient( - to right, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:hover:horizontal { - width: 16px; - } -.has-scrollbar::-webkit-scrollbar-button:hover:horizontal:start { - border-color: #3c7fb1; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), - linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:hover:horizontal:end { - border-color: #3c7fb1; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:active { - border-color: #8e8f8f; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); - background-color: #f2f2f2; - } -.has-scrollbar::-webkit-scrollbar-button:active:vertical { - height: 17px; - } -.has-scrollbar::-webkit-scrollbar-button:active:vertical:start { - border-color: #6d91ab; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04IDZIN1Y3SDZWOEg1VjlINFYxMEgxMVY5SDEwVjhIOVY3SDhWNloiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - linear-gradient( - to right, - #c4e5f6 45%, - #98d1ef 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:active:vertical:end { - border-color: #6d91ab; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - -webkit-gradient( - linear, - left top, right top, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xMSA2SDRWN0g1VjhINlY5SDdWMTBIOFY5SDlWOEgxMFY3SDExVjZaIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="), - linear-gradient( - to right, - #c4e5f6 45%, - #98d1ef 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:active:horizontal { - width: 16px; - } -.has-scrollbar::-webkit-scrollbar-button:active:horizontal:start { - border-color: #6d91ab; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik05IDRIOFY1SDdWNkg2VjdINVY4SDZWOUg3VjEwSDhWMTFIOVY0WiIgZmlsbD0idXJsKCNncmFkKSIvPg0KPC9zdmc+DQo="), - linear-gradient( - to bottom, - #c4e5f6 45%, - #98d1ef 45% - ); - } -.has-scrollbar::-webkit-scrollbar-button:active:horizontal:end { - border-color: #6d91ab; - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #c4e5f6), - color-stop(45%, #98d1ef) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhYWE7c3RvcC1vcGFjaXR5OjEiIC8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik03IDRINlYxMUg3VjEwSDhWOUg5VjhIMTBWN0g5VjZIOFY1SDdWNFoiIGZpbGw9InVybCgjZ3JhZCkiLz4NCjwvc3ZnPg0K"), - linear-gradient( - to bottom, - #c4e5f6 45%, - #98d1ef 45% - ); - } -[type="search"] { - height: 24px; - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - padding: 3px 6px; - border: 1px solid transparent; - border-radius: 2px; - background-color: #fff; - -webkit-box-shadow: inset 1px 1px 0 #8e8f8f, inset -1px -1px 0 #ccc; - box-shadow: inset 1px 1px 0 #8e8f8f, inset -1px -1px 0 #ccc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - min-width: 187px; -} -[type="search"]:placeholder-shown { - background-size: 14px; - background-position: calc(100% - 8px) center; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4="); - background-repeat: no-repeat; - } -[type="search"]:focus { - outline: none; - } -[type="search"]::-webkit-input-placeholder { - font-style: italic; - } -[type="search"]::-moz-placeholder { - font-style: italic; - } -[type="search"]::-ms-input-placeholder { - font-style: italic; - } -[type="search"]::placeholder { - font-style: italic; - } -.searchbox [type="search"] { - padding-right: 26px; - } -.searchbox [type="search"] + [aria-label="search"] { - position: absolute; - top: 1px; - right: 1px; - border-radius: 0; - padding: 0; - min-width: 26px; - min-height: 22px; - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - color-stop(45%, #ebebeb), - to(#cfcfcf) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb 45%, - #cfcfcf - ); - background-size: 14px; - } -.searchbox [type="search"] + [aria-label="search"]::before { - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #eaf6fd), - color-stop(45%, #bee6fd), - to(#a7d9f5) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, linear-gradient( - to bottom, - #eaf6fd 45%, - #bee6fd 45%, - #a7d9f5 - ); - background-size: 14px; - border-radius: 0; - } -.searchbox [type="search"] + [aria-label="search"]::after { - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, -webkit-gradient( - linear, - left top, left bottom, - from(#e5f4fc), - color-stop(30%, #c4e5f6), - color-stop(50%, #98d1ef), - to(#68b3db) - ); - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8Zz48cGF0aCBzdHJva2U9IiMyMDcwYjkiIGQ9Ik0gMTAuNSAxIEMgOC4wMTk1MzEgMSA2IDMuMDE5NTMxIDYgNS41IEMgNiA2LjU1ODU5NCA2LjM4MjgxMyA3LjUyMzQzOCA3IDguMjkyOTY5IEwgMi4wMjM0MzggMTMuMjY5NTMxIEwgMi43MjY1NjMgMTMuOTgwNDY5IEwgNy43MDcwMzEgOSBDIDguNDc2NTYzIDkuNjE3MTg4IDkuNDQxNDA2IDEwIDEwLjUgMTAgQyAxMi45ODA0NjkgMTAgMTUgNy45ODA0NjkgMTUgNS41IEMgMTUgMy4wMTk1MzEgMTIuOTgwNDY5IDEgMTAuNSAxIFogTSAxMC41IDIgQyAxMi40Mzc1IDIgMTQgMy41NjI1IDE0IDUuNSBDIDE0IDcuNDM3NSAxMi40Mzc1IDkgMTAuNSA5IEMgOC41NjI1IDkgNyA3LjQzNzUgNyA1LjUgQyA3IDMuNTYyNSA4LjU2MjUgMiAxMC41IDIgWiAiPjwvcGF0aD48L2c+DQo8L3N2Zz4=") no-repeat center, linear-gradient( - to bottom, - #e5f4fc, - #c4e5f6 30% 50%, - #98d1ef 50%, - #68b3db - ); - background-size: 14px; - border-radius: 0; - } -.searchbox [type="search"] + [aria-label="search"]:focus-visible { - outline: 1px dotted #000; - outline-offset: -4px; - } -.searchbox { - position: relative; - display: inline-block; -} -input[type="range"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - width: 100%; - background: transparent; - padding: 10px 1px; -} -input[type="range"]:focus-visible { - outline: 1px dotted #000; - } -input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - height: 18px; - width: 10px; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBlZLBCYQwEEVj9CDYgRfbswF7sRAbsArPdhBICDmEzPoDE9CdXeKH0eHP48fINOrSPM+k/mhd16YDtCyLmqZJhM7zxIs6PAF570WQAzJIRLkksd89DUl939eB1Ym3b0wpiQBmIYSXiTFGZYwRgWEY6o8uIPQLZGlu2rYtP54L3g3c912N45gHSEahh4dZERZj2zZyztFxHLnQw/vaLIattbmeULkMdg6XxLFaa3WB7MlCirTIHxVUkxicbwSEAAAAAElFTkSuQmCC"); - -webkit-transform: translateY(-7px); - transform: translateY(-7px); - } -input[type="range"]::-webkit-slider-thumb:active { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB3ZKxCoMwEIYvJWOn0r10LHTuVDp1KIU+RN+gT9FZ6AP0LYqDY+nQWXAScXMQdRYh+ouRqEF0cPGHHJfcl7sbfkaFroYlqEefx5lxQK/blu6rjRZ6R34RLcFxAWSkmRZEbUkeLWigZgVymZhuoid264lGjwMvTkhmtYsqvKEGMQQY43jYNwoy//7t0j31b8DPXyBOcVYe5Kr9mDpKdoY6ndoCrDNyDnRZRNbxQWFyAAAAAElFTkSuQmCC"); - } -input[type="range"]::-moz-range-thumb { - height: 18px; - width: 10px; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBlZLBCYQwEEVj9CDYgRfbswF7sRAbsArPdhBICDmEzPoDE9CdXeKH0eHP48fINOrSPM+k/mhd16YDtCyLmqZJhM7zxIs6PAF570WQAzJIRLkksd89DUl939eB1Ym3b0wpiQBmIYSXiTFGZYwRgWEY6o8uIPQLZGlu2rYtP54L3g3c912N45gHSEahh4dZERZj2zZyztFxHLnQw/vaLIattbmeULkMdg6XxLFaa3WB7MlCirTIHxVUkxicbwSEAAAAAElFTkSuQmCC"); - border: 0; - border-radius: 0; - } -input[type="range"]::-moz-range-thumb:active { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB3ZKxCoMwEIYvJWOn0r10LHTuVDp1KIU+RN+gT9FZ6AP0LYqDY+nQWXAScXMQdRYh+ouRqEF0cPGHHJfcl7sbfkaFroYlqEefx5lxQK/blu6rjRZ6R34RLcFxAWSkmRZEbUkeLWigZgVymZhuoid264lGjwMvTkhmtYsqvKEGMQQY43jYNwoy//7t0j31b8DPXyBOcVYe5Kr9mDpKdoY6ndoCrDNyDnRZRNbxQWFyAAAAAElFTkSuQmCC"); - } -input[type="range"]::-webkit-slider-runnable-track { - width: 100%; - height: 3px; - background: #f0f0f0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff; - box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff; - } -input[type="range"]::-moz-range-track { - width: 100%; - height: 3px; - background: #f0f0f0; - box-sizing: border-box; - box-shadow: inset 1px 1px 1px #999, inset -1px 0 #999, 0 1px #fff; - } -input[type="range"].has-box-indicator::-webkit-slider-thumb { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgB7dLNCcAgDAXgWASjm9TJ3Egns8N4SGv6c2gbyQA+kED40IPPwJGUEsEgpRRjO8o5i6i11gfZe7HVCojIJ4QA6D3vnXM8F1DmBUkL1TdOOIRGC2X7hcIvPu1ZY/wFV83OhzTF3QGRrxiDB3GCSQAAAABJRU5ErkJggg=="); - } -input[type="range"].has-box-indicator::-webkit-slider-thumb:active { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7dKxCYAwEAXQfyEKYhrBThdwCwsLyRKukFGcRiyyh0tY2kcT0fJIn/zijg+v/IQnerUOTDYzkfToWkbOQcM6+ZX5OMNvVIVeFehqEbopXyIQmQzTgf969qFlIfkTM9wbGH4SS8YdBX4AAAAASUVORK5CYII="); - } -input[type="range"].has-box-indicator::-moz-range-thumb { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgB7dLNCcAgDAXgWASjm9TJ3Egns8N4SGv6c2gbyQA+kED40IPPwJGUEsEgpRRjO8o5i6i11gfZe7HVCojIJ4QA6D3vnXM8F1DmBUkL1TdOOIRGC2X7hcIvPu1ZY/wFV83OhzTF3QGRrxiDB3GCSQAAAABJRU5ErkJggg=="); - } -input[type="range"].has-box-indicator::-moz-range-thumb:active { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7dKxCYAwEAXQfyEKYhrBThdwCwsLyRKukFGcRiyyh0tY2kcT0fJIn/zijg+v/IQnerUOTDYzkfToWkbOQcM6+ZX5OMNvVIVeFehqEbopXyIQmQzTgf969qFlIfkTM9wbGH4SS8YdBX4AAAAASUVORK5CYII="); - } -.is-vertical { - display: inline-block; - width: 4px; - height: 150px; - -webkit-transform: translateY(50%); - transform: translateY(50%); -} -.is-vertical > input[type="range"] { - width: 150px; - height: 4px; - margin: 0 calc(6px + var(--range-spacing)) 0 - var(--range-spacing); - -webkit-transform-origin: left; - transform-origin: left; - -webkit-transform: rotate(270deg) translateX(calc(-50% + 8px)); - transform: rotate(270deg) translateX(calc(-50% + 8px)); - } -.is-vertical > input[type="range"]::-webkit-slider-thumb { - -webkit-transform: translateY(-8px) scaleX(-1); - transform: translateY(-8px) scaleX(-1); - } -.is-vertical > input[type="range"]::-moz-range-thumb { - transform: translateY(2px) scaleX(-1); - } -.is-vertical > input[type="range"].has-box-indicator::-webkit-slider-thumb { - -webkit-transform: translateY(-9px) scaleX(-1); - transform: translateY(-9px) scaleX(-1); - } -.is-vertical > input[type="range"].has-box-indicator::-moz-range-thumb { - transform: translateY(0px) scaleX(-1); - } -.spinner, -.loader { - background: url("data:image/png;base64,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") center; - width: 20px; - height: 20px; - display: inline-block; - color: transparent; -} -.spinner.animate, .loader.animate { - background-image: url("data:image/gif;base64,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"); - } -[role="tabpanel"] { - position: relative; - z-index: 2; -} -menu[role="tablist"] { - position: relative; - margin: 0 0 -2px 0; - text-indent: 0; - list-style-type: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding-left: 3px; -} -menu[role="tablist"] button { - padding: 2px 6px; - border-radius: 0; - z-index: 1; - display: block; - color: #222; - text-decoration: none; - min-width: unset; - } -menu[role="tablist"] button[aria-selected="true"] { - padding-bottom: 4px; - margin: -2px 0px 1px -3px; - background: #fff; - -webkit-box-shadow: none; - box-shadow: none; - border-bottom: 0; - position: relative; - z-index: 8; - } -menu[role="tablist"] button[aria-selected="true"]::before, - menu[role="tablist"] button[aria-selected="true"]::after { - content: none; - } -menu[role="tablist"] button[aria-selected="true"]:hover { - border-color: #888; - } -menu[role="tablist"] button[aria-selected="true"]:focus, - menu[role="tablist"] button[aria-selected="true"]:active, - menu[role="tablist"] button[aria-selected="true"].active { - border-color: #888; - -webkit-animation: none; - animation: none; - } -menu[role="tablist"] button[aria-selected="true"]:focus-visible { - outline: 1px dotted #222; - outline-offset: -4px; - } -menu[role="tablist"] button::before { - border-radius: 0; - } -menu[role="tablist"] button::after { - content: none; - } -menu[role="tablist"] button:disabled { - opacity: 0.6; - } -menu[role="tablist"].justified button { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - } -[role="tabpanel"] { - padding: 14px; - clear: both; - background: #fff; - border: 1px solid #888; - position: relative; - z-index: 2; - margin-bottom: 9px; -} -input[type="text"], - input[type="email"], - input[type="number"], - input[type="password"] { - height: 23px; - } -input[type="text"], -input[type="email"], -input[type="number"], -input[type="password"], -textarea { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - padding: 3px 4px 5px; - border: 1px solid #ccc; - border-top-color: #8e8f8f; - border-radius: 2px; - background-color: #fff; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { - outline: none; - border-color: #bee6fd; - border-top-color: #98d1ef; - } -ul.tree-view { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - display: block; - margin: 0; - padding: 6px 6px 6px 20px; -} -ul.tree-view li { - list-style-type: none; - margin-top: 4px; - position: relative; - } -ul.tree-view a { - text-decoration: none; - color: #000; - } -ul.tree-view ul { - margin-top: 4px; - padding-left: 20px; - } -ul.tree-view.has-container { - background: #fff; - border: 1px solid #8e8f8f; - } -ul.tree-view.has-collapse-button details > summary::before { - content: "\002b"; - top: calc(50% - 4px); - left: -16px; - right: unset; - width: 8px; - height: 8px; - background: -webkit-gradient( - linear, - left top, left bottom, - color-stop(45%, #f2f2f2), - to(#ebebeb) - ); - background: linear-gradient( - to bottom, - #f2f2f2 45%, - #ebebeb - ); - border: 1px solid #919191; - border-radius: 1px; - color: #4b63a7; - font-size: 8pt; - font-weight: bold; - line-height: 0.5; - text-align: center; - margin: 0; - } -ul.tree-view.has-collapse-button details[open] > summary::before { - content: "\2013"; - -webkit-transform: none; - transform: none; - } -ul.tree-view.has-connector ul { - position: relative; - } -ul.tree-view.has-connector ul::before { - content: ""; - position: absolute; - top: 0; - left: 8px; - height: calc(100% - 8px); - border-left: 1px dotted #000; - } -ul.tree-view.has-connector ul li::before { - content: ""; - position: absolute; - top: 8px; - right: calc(100% + 2px); - width: 10px; - border-bottom: 1px dotted #000; - } -a { - color: #0066cc; - text-decoration: none; -} -a:focus-visible { - outline: 1px dotted #0066cc; - } -a:hover, - a:focus { - color: #3399ff; - text-decoration: underline; - } -.instruction { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - color: #000000; - font-weight: normal; - margin: 0 0 20px; -} -.instruction-primary { - font-size: 12pt; - color: #003399; - } -.header { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - font-weight: normal; -} -.header-document { - font-family: "Calibri", "Noto Sans", sans-serif; - font-size: 17pt; - color: #000000; - } -.header-group { - font-size: 11pt; - color: #003399; - } -:root { - - /* Colors for minimize, maximize, and restore buttons when hovered */ - - /* Colors for minimize, maximize, and restore buttons when clicked */ - - /* Colors for the close button at normal state */ - - /* Colors for the close button when hovered */ - - /* Colors for the close button when clicked */ -} -.window { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - border: 1px solid rgba(0, 0, 0, .7); - border-radius: 6px; - position: relative; - z-index: 0; -} -.window::before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 6px; - background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(40%, rgba(255, 255, 255, 0.70196)), color-stop(41%, transparent)), - -webkit-gradient( - linear, - left top, right top, - from(rgba(255, 255, 255, 0.4)), - color-stop(rgba(0, 0, 0, 0.10196)), - to(rgba(255, 255, 255, 0.2)) - ), - #4580c4; - background: linear-gradient(transparent 20%, rgba(255, 255, 255, 0.70196) 40%, transparent 41%), - linear-gradient( - to right, - rgba(255, 255, 255, 0.4), - rgba(0, 0, 0, 0.10196), - rgba(255, 255, 255, 0.2) - ), - #4580c4; - background-color: #4580c4; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.86667); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.86667); - } -.window-body { - margin: 6px; - margin-top: 0; - border: 1px solid rgba(0, 0, 0, .7); - background: #f0f0f0; - -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); - } -.window-body.has-space { - padding: 6px; - } -.window-body pre { - margin: -6px; - } -.window-footer, - .window footer { - margin: 6px; - margin-top: -7px; - background: #f0f0f0; - border: 1px solid rgba(0, 0, 0, .7); - border-top: 0; - -webkit-box-shadow: 0 0.5px 1px 0.5px #fff; - box-shadow: 0 0.5px 1px 0.5px #fff; - position: relative; - padding: 10px; - } -.window-footer::before, .window footer::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .3), inset 0 -1px #fff; - box-shadow: inset 0 1px rgba(0, 0, 0, .3), inset 0 -1px #fff; - } -.window.is-bright .window-body { - background: #fff; - } -.window.is-bright .window-footer, - .window.is-bright footer { - background: #eee; - -webkit-box-shadow: inset 0 1px 3px #ddd, 0 1px 0 rgba(255, 255, 255, 0.6), 1px 1px 0 rgba(255, 255, 255, 0.6), - -1px 1px 0 rgba(255, 255, 255, 0.6); - box-shadow: inset 0 1px 3px #ddd, 0 1px 0 rgba(255, 255, 255, 0.6), 1px 1px 0 rgba(255, 255, 255, 0.6), - -1px 1px 0 rgba(255, 255, 255, 0.6); - } -.window.is-bright .window-footer::before, .window.is-bright footer::before { - content: none; - } -.window.glass::before { - opacity: 0.6; - /* filter: brightness(1.2); */ - } -.window.glass::after { - content: ""; - position: absolute; - z-index: -10; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 6px; - border: none; - -webkit-backdrop-filter: blur(4px); - backdrop-filter: blur(4px); - } -.window.glass > .title-bar { - background: linear-gradient( - 135deg, - rgba(255, 255, 255, 0.33333) 70px, - transparent 100px - ), - linear-gradient(225deg, rgba(255, 255, 255, 0.33333) 70px, transparent 100px), - linear-gradient( - 54deg, - - rgba(0, 0, 0, 0.13333) 0 4%, - rgba(102, 102, 102, 0.06667) 6% 6%, - rgba(0, 0, 0, 0.13333) 8% 10%, - - rgba(0, 0, 0, 0.13333) 15% 16%, - rgba(170, 170, 170, 0.06667) 17% 18%, - rgba(0, 0, 0, 0.13333) 23% 24%, - - rgba(187, 187, 187, 0.13333) 25% 26%, - rgba(0, 0, 0, 0.13333) 31% 33%, - - rgba(0, 0, 0, 0.13333) 34% 34.5%, - rgba(187, 187, 187, 0.13333) 36% 40%, - - rgba(0, 0, 0, 0.13333) 41% 41.5%, - rgba(187, 187, 187, 0.13333) 44% 45%, - - rgba(187, 187, 187, 0.13333) 46% 47%, - rgba(0, 0, 0, 0.13333) 48% 49%, - rgba(0, 0, 0, 0.13333) 50% 50.5%, - - rgba(0, 0, 0, 0.13333) 56% 56.5%, - rgba(187, 187, 187, 0.13333) 57% 63%, - rgba(0, 0, 0, 0.13333) 67% 69%, - - rgba(187, 187, 187, 0.13333) 69.5% 70%, - rgba(0, 0, 0, 0.13333) 73.5% 74%, - - rgba(187, 187, 187, 0.13333) 74.5% 79%, - rgba(0, 0, 0, 0.13333) 80% 84%, - - rgba(170, 170, 170, 0.13333) 85% 86%, - rgba(0, 0, 0, 0.13333) 87%, - rgba(187, 187, 187, 0.06667) 90% - ) - left center/100vw 100vh no-repeat fixed; - } -.window > .title-bar { - border: 0; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86667), inset 1px 0 0 rgba(255, 255, 255, 0.86667), inset -1px 0 0 rgba(255, 255, 255, 0.86667); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86667), inset 1px 0 0 rgba(255, 255, 255, 0.86667), inset -1px 0 0 rgba(255, 255, 255, 0.86667); - } -.window fieldset { - margin-bottom: 9px; - } -.window[role="dialog"] { - position: fixed; - z-index: 999; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - visibility: hidden; - opacity: 0; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-property: visibility, opacity; - transition-property: visibility, opacity; - } -.window[role="dialog"]:target { - visibility: visible; - opacity: 1; - } -.title-bar { - font: 9pt "Segoe UI", "SegoeUI", "Noto Sans", sans-serif; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); - border: 1px solid rgba(0, 0, 0, .7); - border-radius: 6px 6px 0 0; - padding: 6px; - padding-top: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: -webkit-gradient( - linear, - left top, right top, - from(rgba(255, 255, 255, 0.4)), - color-stop(rgba(0, 0, 0, 0.10196)), - to(rgba(255, 255, 255, 0.2)) - ), - #4580c4; - background: linear-gradient( - to right, - rgba(255, 255, 255, 0.4), - rgba(0, 0, 0, 0.10196), - rgba(255, 255, 255, 0.2) - ), - #4580c4; - background-color: #4580c4; -} -.title-bar-text { - color: #000; - letter-spacing: 0; - line-height: 15px; - padding-top: 6px; - text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, - 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; - } -.title-bar-controls { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - background: rgba(255, 255, 255, 0.2); - border: 1px solid rgba(0, 0, 0, .3); - border-top: 0; - border-radius: 0 0 5px 5px; - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.66667), 1px 0 0 rgba(255, 255, 255, 0.66667), -1px 0 0 rgba(255, 255, 255, 0.66667); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.66667), 1px 0 0 rgba(255, 255, 255, 0.66667), -1px 0 0 rgba(255, 255, 255, 0.66667); - } -.title-bar-controls button { - position: relative; - min-width: 29px; - min-height: 19px; - padding: 0; - border: 0; - border-right: 1px solid rgba(0, 0, 0, .3); - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background: none; - } -.title-bar-controls button::after { - content: none; - } -.title-bar-controls button:hover, - .title-bar-controls button:active { - /* resolve the conflict with button styles */ - background: none; - } -.title-bar-controls button:disabled::before { - opacity: 0.4; - } -.title-bar-controls button::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - border-radius: 0; - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.33333); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.33333); - opacity: 1; - } -.title-bar-controls button:not(:hover)::before { - -webkit-transition: none; - transition: none; - opacity: 1; - } -.title-bar-controls button[aria-label="Minimize"]::before, .title-bar-controls button.is-minimize::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px; - } -.title-bar-controls button[aria-label="Maximize"]::before, .title-bar-controls button.is-maximize::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center; - } -.title-bar-controls button[aria-label="Help"]::before, .title-bar-controls button.is-help::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center; - } -.title-bar-controls button[aria-label="Restore"]::before, .title-bar-controls button.is-restore::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center; - } -.title-bar-controls button[aria-label="Close"], - .title-bar-controls button.is-close { - min-width: 48px; - } -.title-bar-controls button[aria-label="Close"]::before, .title-bar-controls button.is-close::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center; - } -.title-bar-controls button:first-child, - .title-bar-controls button:first-child::before { - border-bottom-left-radius: 5px; - } -.title-bar-controls button:last-child, - .title-bar-controls button:last-child::before { - border: 0; - border-bottom-right-radius: 5px; - } -.title-bar-controls button:focus { - outline: none; - -webkit-animation: none; - animation: none; - } -/* Active title-bar */ -.window.active .title-bar .title-bar-controls, .title-bar.active .title-bar-controls { - border-color: rgba(0, 0, 0, .7); - } -.window.active .title-bar .title-bar-controls button, .title-bar.active .title-bar-controls button { - border-color: rgba(0, 0, 0, .7); - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - } -.window.active .title-bar .title-bar-controls button::after, .title-bar.active .title-bar-controls button::after { - content: none; - } -.window.active .title-bar .title-bar-controls button[aria-label="Minimize"], - .window.active .title-bar .title-bar-controls button.is-minimize, - .title-bar.active .title-bar-controls button[aria-label="Minimize"], - .title-bar.active .title-bar-controls button.is-minimize { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ); - } -.window.active .title-bar .title-bar-controls button[aria-label="Minimize"]::before, .window.active .title-bar .title-bar-controls button.is-minimize::before, .title-bar.active .title-bar-controls button[aria-label="Minimize"]::before, .title-bar.active .title-bar-controls button.is-minimize::before { - content: ""; - -webkit-box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b6d9ee), color-stop(50%, #1a6ca1)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - linear-gradient(#b6d9ee 50%, #1a6ca1 50%); - border-bottom-left-radius: 5px; - opacity: 0; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Minimize"]:hover::before, - .window.active .title-bar .title-bar-controls button[aria-label="Minimize"]:focus-visible::before, - .window.active .title-bar .title-bar-controls button.is-minimize:hover::before, - .window.active .title-bar .title-bar-controls button.is-minimize:focus-visible::before, - .title-bar.active .title-bar-controls button[aria-label="Minimize"]:hover::before, - .title-bar.active .title-bar-controls button[aria-label="Minimize"]:focus-visible::before, - .title-bar.active .title-bar-controls button.is-minimize:hover::before, - .title-bar.active .title-bar-controls button.is-minimize:focus-visible::before { - opacity: 1; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Minimize"]:active::before, .window.active .title-bar .title-bar-controls button.is-minimize:active::before, .title-bar.active .title-bar-controls button[aria-label="Minimize"]:active::before, .title-bar.active .title-bar-controls button.is-minimize:active::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #86a7bc), color-stop(50%, #092747)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - linear-gradient(#86a7bc 50%, #092747 50%); - } -.window.active .title-bar .title-bar-controls button[aria-label="Maximize"], - .window.active .title-bar .title-bar-controls button.is-maximize, - .title-bar.active .title-bar-controls button[aria-label="Maximize"], - .title-bar.active .title-bar-controls button.is-maximize { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ); - } -.window.active .title-bar .title-bar-controls button[aria-label="Maximize"]::before, .window.active .title-bar .title-bar-controls button.is-maximize::before, .title-bar.active .title-bar-controls button[aria-label="Maximize"]::before, .title-bar.active .title-bar-controls button.is-maximize::before { - content: ""; - -webkit-box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b6d9ee), color-stop(50%, #1a6ca1)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - linear-gradient(#b6d9ee 50%, #1a6ca1 50%); - opacity: 0; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Maximize"]:hover::before, - .window.active .title-bar .title-bar-controls button[aria-label="Maximize"]:focus-visible::before, - .window.active .title-bar .title-bar-controls button.is-maximize:hover::before, - .window.active .title-bar .title-bar-controls button.is-maximize:focus-visible::before, - .title-bar.active .title-bar-controls button[aria-label="Maximize"]:hover::before, - .title-bar.active .title-bar-controls button[aria-label="Maximize"]:focus-visible::before, - .title-bar.active .title-bar-controls button.is-maximize:hover::before, - .title-bar.active .title-bar-controls button.is-maximize:focus-visible::before { - opacity: 1; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Maximize"]:active::before, .window.active .title-bar .title-bar-controls button.is-maximize:active::before, .title-bar.active .title-bar-controls button[aria-label="Maximize"]:active::before, .title-bar.active .title-bar-controls button.is-maximize:active::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #86a7bc), color-stop(50%, #092747)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - linear-gradient(#86a7bc 50%, #092747 50%); - } -.window.active .title-bar .title-bar-controls button[aria-label="Help"], - .window.active .title-bar .title-bar-controls button.is-help, - .title-bar.active .title-bar-controls button[aria-label="Help"], - .title-bar.active .title-bar-controls button.is-help { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ); - } -.window.active .title-bar .title-bar-controls button[aria-label="Help"]::before, .window.active .title-bar .title-bar-controls button.is-help::before, .title-bar.active .title-bar-controls button[aria-label="Help"]::before, .title-bar.active .title-bar-controls button.is-help::before { - content: ""; - -webkit-box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b6d9ee), color-stop(50%, #1a6ca1)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - linear-gradient(#b6d9ee 50%, #1a6ca1 50%); - opacity: 0; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Help"]:hover::before, - .window.active .title-bar .title-bar-controls button[aria-label="Help"]:focus-visible::before, - .window.active .title-bar .title-bar-controls button.is-help:hover::before, - .window.active .title-bar .title-bar-controls button.is-help:focus-visible::before, - .title-bar.active .title-bar-controls button[aria-label="Help"]:hover::before, - .title-bar.active .title-bar-controls button[aria-label="Help"]:focus-visible::before, - .title-bar.active .title-bar-controls button.is-help:hover::before, - .title-bar.active .title-bar-controls button.is-help:focus-visible::before { - opacity: 1; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Help"]:active::before, .window.active .title-bar .title-bar-controls button.is-help:active::before, .title-bar.active .title-bar-controls button[aria-label="Help"]:active::before, .title-bar.active .title-bar-controls button.is-help:active::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #86a7bc), color-stop(50%, #092747)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - linear-gradient(#86a7bc 50%, #092747 50%); - } -.window.active .title-bar .title-bar-controls button[aria-label="Restore"], - .window.active .title-bar .title-bar-controls button.is-restore, - .title-bar.active .title-bar-controls button[aria-label="Restore"], - .title-bar.active .title-bar-controls button.is-restore { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ); - } -.window.active .title-bar .title-bar-controls button[aria-label="Restore"]::before, .window.active .title-bar .title-bar-controls button.is-restore::before, .title-bar.active .title-bar-controls button[aria-label="Restore"]::before, .title-bar.active .title-bar-controls button.is-restore::before { - content: ""; - -webkit-box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 0 0 7px 3px #5dc4f0, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b6d9ee), color-stop(50%, #1a6ca1)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - radial-gradient( - circle at bottom, - #2aceda, - transparent 65% - ), - linear-gradient(#b6d9ee 50%, #1a6ca1 50%); - opacity: 0; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Restore"]:hover::before, - .window.active .title-bar .title-bar-controls button[aria-label="Restore"]:focus-visible::before, - .window.active .title-bar .title-bar-controls button.is-restore:hover::before, - .window.active .title-bar .title-bar-controls button.is-restore:focus-visible::before, - .title-bar.active .title-bar-controls button[aria-label="Restore"]:hover::before, - .title-bar.active .title-bar-controls button[aria-label="Restore"]:focus-visible::before, - .title-bar.active .title-bar-controls button.is-restore:hover::before, - .title-bar.active .title-bar-controls button.is-restore:focus-visible::before { - opacity: 1; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Restore"]:active::before, .window.active .title-bar .title-bar-controls button.is-restore:active::before, .title-bar.active .title-bar-controls button[aria-label="Restore"]:active::before, .title-bar.active .title-bar-controls button.is-restore:active::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - -webkit-gradient(linear, left top, left bottom, color-stop(50%, #86a7bc), color-stop(50%, #092747)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat center, - radial-gradient( - circle at bottom, - #0bfdfa, - transparent 65% - ), - linear-gradient(#86a7bc 50%, #092747 50%); - } -.window.active .title-bar .title-bar-controls button[aria-label="Close"], - .window.active .title-bar .title-bar-controls button.is-close, - .title-bar.active .title-bar-controls button[aria-label="Close"], - .title-bar.active .title-bar-controls button.is-close { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ), radial-gradient( - circle at -60% 50%, - rgba(0, 0, 0, 0.46667) 5% 10%, - rgba(0, 0, 0, 0) 50% - ), - radial-gradient(circle at 160% 50%, rgba(0, 0, 0, 0.46667) 5% 10%, rgba(0, 0, 0, 0) 50%), - -webkit-gradient(linear, left top, left bottom, from(rgba(224, 161, 151, 0.89804)), color-stop(25%, #cf796a), color-stop(50%, #d54f36)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ), radial-gradient( - circle at -60% 50%, - rgba(0, 0, 0, 0.46667) 5% 10%, - rgba(0, 0, 0, 0) 50% - ), - radial-gradient(circle at 160% 50%, rgba(0, 0, 0, 0.46667) 5% 10%, rgba(0, 0, 0, 0) 50%), - linear-gradient(rgba(224, 161, 151, 0.89804), #cf796a 25% 50%, #d54f36 50%); - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - } -.window.active .title-bar .title-bar-controls button[aria-label="Close"]::before, .window.active .title-bar .title-bar-controls button.is-close::before, .title-bar.active .title-bar-controls button[aria-label="Close"]::before, .title-bar.active .title-bar-controls button.is-close::before { - content: ""; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ), radial-gradient( - circle at 50% 170%, - #f4e676 10% 20%, - rgba(0, 0, 0, 0) 60% - ), - radial-gradient(circle at -60% 50%, rgba(0, 0, 0, 0.66667) 5% 10%, rgba(0, 0, 0, 0) 50%), - radial-gradient(circle at 160% 50%, rgba(0, 0, 0, 0.66667) 5% 10%, rgba(0, 0, 0, 0) 50%), - -webkit-gradient(linear, left top, left bottom, from(#fb9d8b), color-stop(25%, #ee6d56), color-stop(50%, #d42809)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ), radial-gradient( - circle at 50% 170%, - #f4e676 10% 20%, - rgba(0, 0, 0, 0) 60% - ), - radial-gradient(circle at -60% 50%, rgba(0, 0, 0, 0.66667) 5% 10%, rgba(0, 0, 0, 0) 50%), - radial-gradient(circle at 160% 50%, rgba(0, 0, 0, 0.66667) 5% 10%, rgba(0, 0, 0, 0) 50%), - linear-gradient(#fb9d8b, #ee6d56 25% 50%, #d42809 50%); - -webkit-box-shadow: 0 0 7px 3px #e68e75, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - box-shadow: 0 0 7px 3px #e68e75, inset 0 0 0 1px rgba(255, 255, 255, 0.66667); - border-bottom-right-radius: 5px; - opacity: 0; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Close"]:hover::before, - .window.active .title-bar .title-bar-controls button[aria-label="Close"]:focus-visible::before, - .window.active .title-bar .title-bar-controls button.is-close:hover::before, - .window.active .title-bar .title-bar-controls button.is-close:focus-visible::before, - .title-bar.active .title-bar-controls button[aria-label="Close"]:hover::before, - .title-bar.active .title-bar-controls button[aria-label="Close"]:focus-visible::before, - .title-bar.active .title-bar-controls button.is-close:hover::before, - .title-bar.active .title-bar-controls button.is-close:focus-visible::before { - opacity: 1; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; - } -.window.active .title-bar .title-bar-controls button[aria-label="Close"]:active::before, .window.active .title-bar .title-bar-controls button.is-close:active::before, .title-bar.active .title-bar-controls button[aria-label="Close"]:active::before, .title-bar.active .title-bar-controls button.is-close:active::before { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ), radial-gradient( - circle at 50% 170%, - #dcc03f 10% 20%, - rgba(0, 0, 0, 0) 60% - ), - radial-gradient(circle at -60% 50%, #000 5% 10%, rgba(0, 0, 0, 0) 50%), - radial-gradient(circle at 160% 50%, #000 5% 10%, rgba(0, 0, 0, 0) 50%), - -webkit-gradient(linear, left top, left bottom, from(#d1a894), color-stop(25%, #b67562), color-stop(50%, #7d0d01)); - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat center, - linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ), radial-gradient( - circle at 50% 170%, - #dcc03f 10% 20%, - rgba(0, 0, 0, 0) 60% - ), - radial-gradient(circle at -60% 50%, #000 5% 10%, rgba(0, 0, 0, 0) 50%), - radial-gradient(circle at 160% 50%, #000 5% 10%, rgba(0, 0, 0, 0) 50%), - linear-gradient(#d1a894, #b67562 25% 50%, #7d0d01 50%); - } -.window.active .title-bar .title-bar-controls button:disabled, .title-bar.active .title-bar-controls button:disabled { - /* TODO: Add rules to style disabled close button */ - } -.window.active .title-bar .title-bar-controls button:disabled[aria-label="Maximize"], - .window.active .title-bar .title-bar-controls button:disabled.is-maximize, - .title-bar.active .title-bar-controls button:disabled[aria-label="Maximize"], - .title-bar.active .title-bar-controls button:disabled.is-maximize { - background: -webkit-gradient( - linear, - left top, left bottom, - from(rgba(255, 255, 255, .5)), - color-stop(45%, rgba(255, 255, 255, .3)), - color-stop(50%, rgba(0, 0, 0, .1)), - color-stop(75%, rgba(0, 0, 0, .1)), - to(rgba(255, 255, 255, .5)) - ); - background: linear-gradient( - rgba(255, 255, 255, .5), - rgba(255, 255, 255, .3) 45%, - rgba(0, 0, 0, .1) 50%, - rgba(0, 0, 0, .1) 75%, - rgba(255, 255, 255, .5) - ); - } -.window.active .title-bar .title-bar-controls button:disabled[aria-label="Maximize"]::before, .window.active .title-bar .title-bar-controls button:disabled.is-maximize::before, .title-bar.active .title-bar-controls button:disabled[aria-label="Maximize"]::before, .title-bar.active .title-bar-controls button:disabled.is-maximize::before { - content: ""; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat center; - opacity: 0.4; - } -.status-bar { - margin: 6px; - margin-top: -6px; - background: #f0f0f0; - border: 1px solid rgba(0, 0, 0, .7); - border-top: 0; - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 1px 0 0 rgba(255, 255, 255, 0.6), -1px 0 0 rgba(255, 255, 255, 0.6); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 1px 0 0 rgba(255, 255, 255, 0.6), -1px 0 0 rgba(255, 255, 255, 0.6); - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.status-bar-field { - border-right: 1px solid #cfcfcf; - padding: 2px 3px; - margin: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -.status-bar-field:last-child { - border-right: 0; - } - -/*# sourceMappingURL=7.css.map */ \ No newline at end of file diff --git a/src/main/resources/team/elrant/bubbles/gui/ChatView.fxml b/src/main/resources/team/elrant/bubbles/gui/ChatView.fxml index 5cff385..8822217 100644 --- a/src/main/resources/team/elrant/bubbles/gui/ChatView.fxml +++ b/src/main/resources/team/elrant/bubbles/gui/ChatView.fxml @@ -2,13 +2,23 @@ + - - + - + + + + - + + + + - + + + -