diff --git a/src/main/java/team/elrant/bubbles/gui/LoginApplication.java b/src/main/java/team/elrant/bubbles/gui/LoginApplication.java index 2d5ef3f..6db5e14 100644 --- a/src/main/java/team/elrant/bubbles/gui/LoginApplication.java +++ b/src/main/java/team/elrant/bubbles/gui/LoginApplication.java @@ -9,6 +9,7 @@ import org.jetbrains.annotations.NotNull; import java.io.IOException; +import java.util.Objects; /** * The LoginApplication class is the entry point for the login GUI application. @@ -38,7 +39,7 @@ public static void main(String[] args) { 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(), 320, 240); + @NotNull Scene scene = new Scene(fxmlLoader.load(), 280, 200); stage.setTitle("Login"); stage.setScene(scene); stage.centerOnScreen(); diff --git a/src/main/resources/team/elrant/bubbles/gui/7.css b/src/main/resources/team/elrant/bubbles/gui/7.css new file mode 100644 index 0000000..5a0fd82 --- /dev/null +++ b/src/main/resources/team/elrant/bubbles/gui/7.css @@ -0,0 +1,2552 @@ +/*! 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,R0lGODlhIAAgAPcAAAIRDmyhxGqfw5S707zV5Njm7+nw9unx9tfm773X4pDBy4ayy8HZ5dbl7sfc6L3W47XT37TR373W5Mbe5ePt9MDa4Yazy4muwcre6LrU46LF15C60YS3yJe+1HyyxYSzzJC9zqHL0rrY38rf54evvn6erLvS26TG14i3zXiux5S/0pW/03axwp/F1qTK08PW4HygqJu0vZi6yHWrwnWtxHOxv3Wvv5i9x5u1vXiQmZu1vnChsWOjuWSiuXClrpu8unWWlHuUm3qcp1iSpIq7yVmdm6/EynielHeboU14f0uKlEmXpEmWkkuMgE12dH6WnF2ZnjaPlBmSmgmKlzqEkRZgXzlgaGyJjlCrsSmusi6/whKgqQVtbSJuaCxnWmePh1O8wD7Sz4bt7HrO0Atydyx9cWyQknOjjmPRyqPt6vz9/drs6abX0G68vR6Ehyt8dy93YpDm4uz+/eH6+cTu7CGnpVCwsBh+fUiEeS7a2qn7+9r+/c7384Pg0TG/rz2+uzyzsByOiEbv6bT+/9v//3338inc1U7Wz1fSwWLY0FXVyVrSzBOrpkqqlF7e1TPt5WL9/Fj8+ob49kfr5ELf1h7TxBHKuinRxkjZ0Ijo4EnZzhfFu0G5qnbg1hfx3Rf18DX282z18ZH18KL18Kb174Xv5mPm4C/a0iHQxEXOs0/jwyjvzy/w4iLt4iLr3l7w6Dfo1yjcyjnWvmPerXbmt1jhrEDcqz/cmVfgqZS71Njn7+nx99fn7sDY45S/0MHZ5sfd6LzW47TS4LTQ4L3X48zg6djo7sDZ5IWzysnd6LvV46HF2I+70Iy6zoS0yXyvx4S0y6PJ1rzX4cvg6IuwwX6crLzR23esxpO/0H2xx427zabI1rzS236eqpu4wZi7yHWswnStxHSvwnWtwJi9xpu3vWqosJzIz3C1wmGswGSkt3apsajBxXWUlIDEy2/DyXrO01i9xnzE0om8xlyboYSpq3mXmFG7xGHX2Xrh413HzVaWnUyChU5xeEnFzaTy8yH+JUNyZWF0ZWQgYnkgZkNvZGVyIEdyYXBoaWNzIFByb2Nlc3NvcgAAIf8LTkVUU0NBUEUyLjADAQAAACH5BAUBAAAALAAAAAAgACAABwj/AAEIHEiwoMGDCBMqXMiwocOHECNKnBgxgACKBwcQKGDgAIIECjACWMCggYMHECJImEChgoWJFzBk0LCBQwcPH0CEEDGCRMQSJk6gSKGC4AoWLVy8gAExhowZNBDWsHEDx8McOnbwUNjDxw8gDoMIGUJEIZEiRo40RJJEyRKGTJo4ecIQShQpUxhSqWLlCkMsWbRsYcili5cvDMGEETOGIZkyZs4wRJNGzRo2Ctu4eQPHYRw5c+gorGPnDh6HefTs4dMHoZ8/gAJBFDSIUCFDhwgiSqRoEaNGEB09ghRJ0iRKlSxdwpRJ0yZOEjt5+gQqlKhRpEqZOoUqFUZVq1i1GnL1ClYsWbNECqRVy9YtXOrjy59Pv779+AEBACH5BAUBAAAALAAAAAAgACAAhwERDmyhxGqfw5S71LzV5Njn7+nx9unx99fn7sDY45S/0Iazy8HZ5tbl7sfd6LzW47TS4LTQ4L3X48zg6djo7sDZ5IWzyomuwcnd6LvV46HF2I+70Iy6zoS0yXyvx4S0y5C9zqPJ1rzX4cvg6IuwwX6crLzR26TG14i3zXesxpS/0pO/0H2xx427zabI1rzS236eqpu4wZi7yHWswnStxHSvwnWtwJi9xpu3vWqosJzIz3C1wmGswGSkt3apsajBxXWUlIDEy2/DyXrO01i9xnzE0om8xlyboYSpq3mXmFG7xGHX2Xrh413HzVaWnUyChU5xeH6WnEnFzaTy89Hz9JjHzRhwexdeYDdmZGqMizbP1+f+/vj6+rrV2AVncCJpZ0tzdGmRiSnY2tn8/Pn8+8bd3wtscixwbjBjXXqdlj/d0aP49vj+/tnq6ZfS0XK5ux16fSttbjNiYHnp5Nn+/pL39T3b0yOhn0+nphhvbk95eD3ZxCn7+Ej5+Fjy7zjdzkvBsj24rjyopR5+eh3gzRD181n38lzw5SXWxFfTymHNwjvFsWLSx1rLwRSdllWelRfuwC7z65X59Ybx60fh2CjUxCzQwxHJtSnLvUjQx4fg2UnRxRi5rUezoyboqxnr2i/r4mjt54Xv5qv07p7x55Xt5GPh0zDQxyPFuFDHs1bjqy3iwj7l1y7l1yLg0iThy2Lp2y/Xu0HNt3/VwnvktmTctlHRskjWoFngnQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnBgxgACKBwcQKGDgAIIECjACWMCggYMHECJImEChgoWJFzBk0LCBQwcPH0CEEDGCRMQSJk6gSKGC4AoWLVy8gAExhowZNBDWsHEDx8McOnbwUNjDxw8gDYMIGUKkiEIjR5AkaahkCZMmDJ08gRKFoZQpVKowtHIFSxaGWrZw6cLQyxcwYRiKGUOmDEMzZ9CkYahmDZs2bhS+gRNHjsM5dOrYCZDwDp48ehzu4dPHzx+EgAIJGgSRUCFDhxAlIqhoEaNGjh5FhBRJ0iRKlSxdwpRJ0yZOnSZ6+gQqlKhRpEqZOoUqFUZVq1i1G3L1ClYsWbNECqRVy9YtXKTVy59Pv779+yIDAgAh+QQFAQAAACwAAAAAIAAgAIcCEg9socRqoMOUu9O81eTY5+/p8fbq8fbX5++/1+SUvNKGs8vA2ObW5e/I3Oi91uS10eC00eC91+PI3ujW5u3A2eWGs8qAusvK4Oq61eKixdiQvNCKt818r8d8rsiEtMuQvM+lyNm71uLM3+mJrsBkv8q75Oqk2OOIw9V2r8eTv9GUv9F6sMaIuMukx9a70tt+nqtcxM6e5eqg5ut20t1tvtB1rcN1rMGavsictr6B2+HP+Pmv7/JtzdlkpLd4qLSgub94kphZ0tvF8/T6/f7j7fCr0tuJvMdalqF6n6Z6k5ke39rf/P36+/zV5OdRkZ1LfodNcHZ9l5si49zp///4+vq81dkKZ3QXW2FDam9rjIw+09Kd/f3S9/iXyc8FZHIiZGo0YGI/zsg6+Phk8/QlyswLbHItbG8mVld9mppg1L4S5eAs8fEd2ttPzc1zuLsdeXwra24X2qww7epP6+YVzcQjoZdPpKQYbGxPd3hJ14x18OtG6uNI49tn3NZxysVDuKg9pJ0feXYn25MR4NlZ6+RQ59Ym0bhc0MhnycIuuKVVyLlax7gUlIxZmpUi4awV49aB8umZ8elI29AozsEcx7QjxLEoxa1IzLqH29ZJyb0Yr6JNqqI13aww5tIv5dFj5tyI6uKl7+ep7+aO6dl85NUwzLcmu61WwbJn3bU4170s2cdI39Um18Yi1L862r5V2b9EyquD08B947Ri3qhS0qVcyrJ01rUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwYMYAAigcHEChg4ACCBAowAljAoIGDBxAiSJhAoYKFiRcwZNCwgUMHDx9AhBAxgkTEEiZOoEihguAKFi1cvIDxMIaMGTRqILRxA0eOhzp28Oih0McPIEEaChlCpIgRhUeQJFHScAmTJk4YPoESRQrDKVSqWGF4BUsWLQy3cOniheEXMGEALxQzhkwZhmbOoEnDUM0aNm3cKHwDJ04Yh3Lm0Kmj0M4dPHkc6tnDp48fhH8ABRIEcRChQoYOISKYSNEiRo0cRXwEKZKkSZQqWbqEKZOmTZwmdvL0CVQoUaNIlTJ1ChXGVKpWsRpq5eoVrFiyRAqcRauWrVvq48ufT7++/fgBAQAh+QQFAQAAACwAAAAAIAAgAIcCEw9socRqn8N/wtmQwdi71uXY5+/p8fbp8ffX5u+91uSUvNRp0uK+6PDW7PLI3+q91eS10OG0z+DG2+jW5e7A2OaHsstw1OB94uvS9vm+7/Sh3OiQyNqEts18rsh9rsmEs8yQutGhxdi61ePK3umJrcF44ejz/v/n/f2k6/J2ydqIx9mVvtN4rsaHt82kx9e60dt+nash5tvh+/v8/v7t9fey2eR1rsR1q8KZusibtL2F7+z5///3+frW5+1ko7lwobGbtb14kJhc0tCc+fnk7vC51t6Lu8lZkqN6naZ6k5o1z8Vd+vmV9/mc3uJJi5lMfIhNbnZ+lpwtzK428fEj7vAVusIKZXUWV2M4X2ZsiY43xp8n6egj4+MFuL4FZHEjYmosV11MxZEc2c4v2NkKt7oLbXIta28mVFd+mZt5zKQY0qIt0NEewsRayMVxubkeenwra240YGIhzIgYz8pP29YZwb0nqJRPp6IYbGxPd3hayJBD2cxX4tg92c1M0sZYwbNTv7I8ppseenZO2qUr2stZ49lf39Ut0bddz8Frx78xsKdMwbJaxbgTk4xZmpUzzK4V08lK4s6f8OVH18EowrcRuKMrv60qwKZHyLCH2s5KxLoYrJ9OqaE+1bEf2Lto6dtj49CF5Nqf6d+q6+OI49GK5tdG0bgmuaFavrFi3qg71K4ay6kx0MA+1McjzLQpyq1Ezq9Fy5x11rdfy6lfyK2C0b8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwYMYAAigYHEChg4ACCBAoWYATAoIGDBxAiSFAwgUIFCxIvYMigYQOHDh4+gAghYgSJEhFNnECRQsUKgixauHgBI8ZDGTNo1LCB8AaOHDoe7uDRw4fCH0CCCGk4hMiJIkYUHkGSREnDJUyaOGH4BEoUKQynUKliheEVLFm0MNzCpYsXhl/AhBG8UMwYMmUYmjmDJg1DNWvYtHGj8A2cOHIczqFTx47CO3jy6HG4h08fP38QAgokaBBEQoUMHUKUiKCiRYwaOXoUEVIkSZMoVbJ0CVMmTZs4dZro6ROoUKJGkSpl6hSqVBhVrRpi1crVK1ixZI0kOItWLVvr48ufT7++/fgBAQAh+QQFAQAAACwAAAAAIAAgAIcBEQ2Bz+NxvddjqMhqn8NY1+mD4++16/PX8ffp8/fq8vfX5vC91uWUvNRb3d586fLu/f/r/f7W9/q96/G13ei00+K91eTG3OjW5e7A2OWHsstb2tiO9/T8///9/v75+/247fOJ0uF8wNV8tMyEs8yQutCixdi61ePK3eiJrsFo4+X1///w9vnZ6PCp0uGUvtJ3rceIts2kxte70Nt+nqtA1cif/Pzb///t9PfK3+l1rcR1rMGZu8ibtL1O3dSc+/uQ9PaY3ORko7lwoLGctb54kJluzqZl7t568/Vb4+dtztiKu8lZkqN6nKd6k5pTu5RH39lL4eNJzdNJi5lMfIhOb3d+lpw9voY30scZycwJqLAKZHUXV2M5YWhsiY86xIApxrokwsYFoqoFZXEiYmssV1xsiY5buZMfvrAuwsQKpakLbXIta3AnVVh+mZt/yqQfuZQsu7wetLZgxcNwu7YdfHora240X2Exr4sYtLRPzcsbvLpGsatPqaAYbWtPeHhvu5oUt6hBzsU9zcQuxLQ5tKJIuK09pZweeXZCxpdf19Jb2s5V08lMy75izbxsxsAvsaVMvrVbwroTk4xYmZVAyqYWybhK1ciF5NNN0bkpvasRr58UsZo9v7BIx66K3M9Kx7YYrJ9NqaFNybciyrRK2ciE5dmF4NOd5Nue5dqO4NVn18Jz3dYsvqJZv6571r5CzKkvy6wrx7Etx7cvx7Qrwao1waVRx6mE07mB0b5kxqxlxawAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpz4MICAAQQoGixg4ACCBAoWMGig0cEDCBEkTKBQwcIFDBk0SNzAoYOHDyBCiBhBooSJEyhSRFSxwgOLFi4IvoARQ8YMGg9r2LiBIwdCHTt49Hjo4weQIAqFDCFSpKGRI0iSKFG4hEkTJw2fQIkiheEUKlWsMLyCJYsWhlu4dPHC8AuYMGIYjiFTxgzDM2jSqGG4hk0bNwzfwIkjZ45COnXs3HGIJ4+ePQr59PHzxyGgQIIGEUJYyNAhRBATKVrEqJEjgo8gRZI0iVLESpYuYcqkaROnTp4+gQolauIoUqVMnUKVStUqVq1caR18BSuWrFm0atm6hUsjwVy6drmfT7++/fv48w8MCAAh+QQFAQAAACwAAAAAIAAgAIcBEg5a2exM1elEyuFDwNtswdov5uKZ+vjj+/33//7v/f7q+vzV8fa82+mSvNR12Nli6e3m/f79///+/v/+///j+vu/8PS95/DH4uzW5e6/2OWGsst+08Vf7OjQ/v7q///5+/zt9Pjj7vS/4OqF0N+EytqQxdihxdi71eLJ3emJrcFQ38a5+vur+vyx9PfU5O2/2OSQwNN4rsaIt8ykx9e60dt+natfw5qS7++Z9PZ26/Bp1N91rsR1rMKYusictL5W0qqb6+5x4+lZ0dtjorlwobGbtb14kJh4y6Jq28F63eFYztVxzNOKu8lYkqN6nKd6k5pYtoxHx8FLy9FJvsdJi5lMfIhOb3d+lpxDtYc3ubIZsbcJmKMKZXUXWGQ4X2ZsiY5Tq5IprKEkrbEFl58FZHEiYmosV11jspAiop0vra8KnaELbHIsa3AmVFd+mZslnYstpKUdo6Vjw8F1vLodfnkrbG01YGI3ooAYnZxPv74esK4+rKlSqqMYbmtQd3dzuJcYnpc9vLc9wLo2uLA7sKk9sqg9o50fenZJrJchtKhe0cZMyLxHv7hsy79rx74xsaZMv7RbwbwUk4xZmJRUwq0lwbBJzcCI3dJKybQpuaQSq50SrJo2vK5PxreJ285Sy7sZr51NqaFRxq8mvK0vyLN/3tSM3tOd4tqe49tm1MU6yLQ+wq9YwKxKxK04xakrw6ojv64tw7Qwwq8atJtNwaxpw7BoxK8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpz4MICAAQQKUCxo4ACCBAoWMGjgYOMDCBEkTKBQwcIFDBk0bJDIoYOHDyBCiBhBooSJEyhSqIi4gkULFy9gEIwhYwaNGjYe3sCRQ8cOhDx6+PjxEEgQIUMUEili5EhDJEmULGGisImTJ1AaRpEyhQrDKlauYGGYRcsWLgy7ePkChmEYMWPIMCxj5kzhhWjSqFnDkE0bN28YBoATR84chXTq2LnjEE8ePXsU8unj549DQIEEDSKEsJChQ4ggJlK0iFEjRwQfQYokaRKliJUsXcKUSdMmTp08fQIVStTEUaRKmTqFKhUmVatYtRvaCMDVK1ixZM2iVYt8QVu33MufT7++/fvzAwIAIfkEBQEAAAAsAAAAACAAIACHAQoJWdvgKOLiCfLoIN/oM97dYNndT9rNafryuv7++P///v//////vfn5fN7rc8feUvDOuvv71v7+//7//f7+/P3+4Pz91vX5vubvf7vRYurE1fn7uvn6ofn6pvXz4vHv6vL22+vu4u3zpuvxoeTsuuHryuDpia7BUN6luvPzpPLyiOvvbdvletDeg8rbcsPXiMbXpcfXutHbfp2sXcWIlOjfmevorervYtHSc7LIdazCmLrIm7S9U9WW2/T1b9/YWs3OY6S5cKGxnLW+eJCYbc62etfRWMjJecjPirvJWZKjep2me5OaXbKLSLCwS7i+Sba/SYuaS32ITm94fpacR7J9N5+jGaCfCJ2XCmV2F1hjOF9nbImOUa6BK5GVI6GYabrABWRxI2FrK1Zca6yRJIiEL5uWCpeHC29wLGtvJ1VYfpmbK4d5LI6QHZGUbL2+e72/JYF/LG1tNF9iQJN6GIiHT7OyIqalKaOcUaijGG5rT3d4HI2HPa6qPrayOrOtO6+rPrCqPaOeH3p2T6OTFJ+UWce9TMG3NrSndcrEa8e+MLKlS7+0WsO6E5OLWJiUS7OfOr+0TMi5h9nQTca2KbikEqybEaudKrenV8e9iNrPWs3BILKfTaufWsOtJrejL8CyZdPDleHan+PaneLbhtvRZtPFL8OwLrunVsGqTr+vNb+oNcSvIsGrI7+uNsO0N76sT8CwacOwasOxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACP8AAQgcSLCgwYMIEypcyLChw4cQI0qc+DCAgAEEChigSPAAggQKFjBY0MDBA44QIkiYsIBChQkWLmDIMFHDBg4dPHwAEULECBIlTJyIiCKFihUsWhB08QJGDBkzHtKoYeMGDoQ5dOzg8bCHjx9AFAYRMoSIwyJGjiBRmETJEiYNmzh5AoVhFClTqDCsYuUKFoZZtGzhwrCLly9gGIYRM4bwQjJlzJxhiCaNmjUN2bRx80YhnDhy5jikU8fOHYV48ujZ4zAAnz5+/iAEFEjQIIiEChk6hCgRQUWLGDVy9CgipEiSJlGqZOkSpkyaNnHqNNHTJ1ChRI0iVcrUKVSpOAIYULWKVStXr2DFEl9Q1iz28OPLn0+/fvyAACH5BAUBAAAALAAAAAAgACAAhwESDnHYx0rTzSTf1jfe2Tnj3UHi3V/VuXbp2rH59tT8/er///n///3//+P//57x9kTb7WTbz7z19OX7+9P6+rz7+7/6++L9/P7+/v7+/+f9/m3d6nnZzcz09rvy863w8Jbs6p3r7Jvj6b7k6uPu8+70+Pn7/Or9/tL3+nLP3GXAs7/t76np7Ije5W/Q2XrR1r/Y5NPk7bHu86vq8Lrl63Ksume+kZbZ16Di4ofa32fHz2/I2HbO25nN15q6wmjEoarf23rUz3HL0WGzxnCsupy2v3iPmIHIuKPY1Vm/u3jIyoe9y1mUpHudp3qTmWumk0qhl0qsp0mrsUmLmkx8iE1vd36WnF+YjziHhhmCiAmDiAlldhdYYzdfZ2yJjmOdjyt4eCSIgi+VkQVlcSNiayxXXXijmSdwby6LgTyblA1wcSxsbydVWH6ZmzFxay1+eh2KgW+8unW7vCmCgixtbTRfYkuAexh2dU+pqCOfniOemk+moxdta093dx59ej2loT2wqzuvqzuwqT6wqj2inx95dleZlBWTjFnCuku+tTGxpnDIwW3HwDCxpUy/tF3EuxWVi1mZlE6roR2xoE/Hu4bY0E/EuSq4phKsmxGrnSi1qEzDuIva003Huiu1qUyrnV7CsC66qS/AsmPRxYnd06Lk3Z3i24Xa0mXRxjDCsie3pFnArk/AsDe+rC/CrijCsCO/rS6/rzy/r0+/r2nDsGrCsQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnPgwgIABBAoYoEjwAIIEChYwaODgAQSOESRMoFDBwgUMGRpo2DCRQwcPH0CEEDGCRAkTJ1CkiKhiBYsWLl4QhBFDxgwaNR7auIEjhw6EO3j08PHwB5AgQhQOIVLEiMMjSJIoUbiESRMnDZ9AiSKF4RQqVawwvIIlixaGW7h08cLwC5gwYhiOIVOG8EIzZ9CkYahmDZs2Dd28gRNHoZw5dOo4tHMHTx6Fevbw6fPQzx9AgRAKGkSoEERDhxAlUrSIIKNGjh5BihRR0iRKlSxdwpRJ0yZOnTx9mggqlKhRpEqZOoUqlapVHAGwF2rl6hWsWLJmhS9Iq9b69/Djy59PH35AACH5BAUBAAAALAAAAAAgACAAhwERDXjWwljPuTvTrDXduUvUyWDa02PTu33d2bTx8db5+u/9/e/+/tP9/bH8/Hvw80jg43HNzsPx8eH4+Mf09bzy87Tz9bP297z7/NX9/uv//+z9/nD382Pa4nXNxMjv8sLv78Dv75Tj4qfi6XzW3X3Y5Ynj7Lfy9vn7/f3+/v3//5br8m3V4Wm+qcrp7qTg5YjX3nDO0X7PzqjV4dno8PH2+PT//nHY4H2vo5bNzpnY1nbL0WnD0Mvg6e309tv7/KPr71+/yGmsmJvPy5XP0m/EyprX4pHm6pvj5WO1vI/CtZbLxFy1rX3ExXfG1FvDzHvEynOttG+ikl+flF+pn0mfoEmjr0yVn014gHyYnmOUizd3chlxcglxfgptfRdZZThgaGyJjm2SkS1kZyRycgR4bgVncSJiaixXXX+dnShcXy58cFCcmBFxdSxtbydUWH6ZmzRhYi10bSeKem27snK6uiB8fSxsbTRfYU53dxdua0+moyOenCOdnU+koxhtbE93dx55dj2ioD2vqjyvqzuwqj6wqj2inh95dliZlBSUjVrBu0u9tzGvp2zGwDSxqUy/tV7EvRiXjlialE6poRitnkrFuobY0UrBti23qhKrnCi0qEjBtorZ0krEuRuuoE+roVm/rzG6qzHBs2TQxoXa0aDi3J/i3ITa0mTRxzDBsie2plm+sE/Brza8rSu/rifBsCO/ri2/rzi+rU/AsGnDsGrDsQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnPgwgIABBAoYoEjwAIIEChYwaODgAQSOESRMoFDBwgUMGTRs4NBBoocPIEKIGEGihIkTKFKoWMECYgsXL2DEkEFwBo0aKWzceIgjh44dPBD28PEDSBCHQoYQKaLQyBEkSRwqWcKkiUInT6BEaShlCpUqDK1cwZKFoZYtXLow9PIFTBiGYsaQKcPQzBk0hxemUbOGDcM2bt7AaRhHzhw6CuvYuYPHYR49e/go7OPnD6CHgQQNIoSwkKFDiCAmUrSIUSNHBB09ghRJ0qSIlCpZuoQpkyZNmzh18vQJ1MRQokaRKmXqFKpUqlaxG+IIoJWrV7BiyZpFi3zBWrbcy59Pv779+/MDAgAh+QQFAQAAACwAAAAAIAAgAIcBEQ1V0LBLzaw9ybdYz7p61cVo0LeD1Nm36e3c9/fy/P3q+vzV+Pqz9fRz7ONY1s1xy8HB7erW8vPH7fK87e+07e+z7fK98fbH9vnW+/y6+vtQ7+Z32Nx/vsbI7Ozm9far5eKj3+SP1918zNp8zt+E1uSP6O+h9Pi+/P3S/v527O9f2dd2tKu+3+Sk2d2H0tJyzMqO0dR60d1y2+Wk8/fm///z//9u8O2Eq6Shx8mhz9J1v8lvusyy2uXt9Pf7/v7h/fw2199xm5mcxcOGwMFgsrnV5+33+fv5/v+L4uZ2qJd7tad7tbiFwsa41t/k7vDz/f2e7O9rzNRxoY6OsKhvq5xImpac2d2Y7vBg19lRuMFlkIZBe2oYb14Ja3IWoaoiur84s7dNqK9wjpEsW1skYmsEaW4FipQil50riYxcmZ6Bm50pVlkuc24fg3YLe4EsfH8mXmJ4nqA0YWIsdWpFmI58wrxyuLsde30sbG41YWNPd3cYb2tPqaEiopcjnZxPpaQYbWtPeHgdenU9op89sKo8r6o8r6s+r6s9op4fenZZmZYTk4tZwbtMvbcwr6htxsExr6hMvLdawbwVlI1amZVOqaEYq59KxLqG2NFIwLYptKgSq50Sqp0ptKlIwbaH19FKw7oYrJ9avrEotacwwLNkz8aF2tKe4duF2tNj0Mcwv7MntaZbvrFPv7A4vK0tvrAivq8svrA4vK5Pv7FqwrIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwIMYCAAQQKUCRo4ACCBAoWMGjg4MFGCBEkTKBQwcIFDBk0bOAgsYOHDyBCiBhBooSJEyhSqFgBkUULFy9gxCAoYwaNGjZuPMSRQ8cOHgcD9PDxA0gQh0KGECmi0MgRJEkcKlnCpIlCJ0+gRJHCcAqVKlYYXsGSRQvDLVy6eGH4BUwYMQzHkCljhuEZNGnUMFzDpo0bhm/gxJHTcA6dOnYU3sGTR4/DPXz6+FH4B1AgQQ8HESpkCOEhRIkUQVzEqJGjR5AIQookaRKlShEtXcKUSdMmTp08fQIVSpSliaNIlTJ1ChWqVKpWsRxqtRGAq1ewYsWSNYtW+YK1ar2fT7++/fv46QcEACH5BAUBAAAALAAAAAAgACAAhwEUD3/Tu1rQqEjCrVG3w2jGyIDUx4XB0IrJ17nl5uz4++n4+er4+tX0+Lbs8Hze3lzWuXnCwb/j6Nbt8sfp7b7o67Tl67Tm773r8sfw9db2+bzz9mDh0IC7vNTr7M7q66TZ25zU3YTL13zH2XzI2oTP35Dc56Hp8Lvz98j4+l/t23mlqbvY3avX2ZXR0XbDxJ7P3IHN2W/P3Ijo76T2+bj6+03g2KnDyZrCynW2w3G3w2HS3Xbt8qD6/Jr8/ErSznWVlaC/v3GrrmKpt2vX4K3198/+/3vn6XqamIKsp3+ut4a+w6rT3eTt8Pn+/sP6+kDc0neek12OfkyQf1CYl9Xk5/r7/OD8/SfX2mKUgneblTF7bghrcLvV2fj6+uj+/jTO1m2RjSxmWCNtZgVmcJfHzNP09J7w8knFy4GcnShVWS5vbwpzbCe4u2Td3T7P0VG9wjVgYixxbTaPh4nFxmLCxR2uryu2tyGoqn/Gyk93dxhvalOsoyemliKnp0+4uBiTkz2Ulh96dj2knj2xqTuvqz2wqz2joB2AfFmYlRWTjFnBu0y9tjGvp2zGwG3GwS+vp0u8tlrCvBSUjVmZlU+qohisoErDu4bX0UjAtim0qRGqnRKrnUnAtobY0UrDuhmsoE2poVq+sSi1qDDAs2PQx4Xa0p7i253h24XZ0mPQxii1p1q+sk+/sDa8rSy+ryK+sCO+ryu+rza9rU+/sWrCsgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnPgwgIABBAoYoEjwAIIEChYwaODgAQSOESRMoFDBwgUMGTRs4DCxg4cPIEKIGEGihIkTKFKoiLiCRQsXL2AQjCFjBo0aNiDewJFDB8IdPHr4+OEQSBAhQxIGIFLEyBGHSJIoWaKQSRMnT6AwjCJlChWGVaxcwcIwi5YtXBh28fIFDMMwYsaQYVjGzBk0DNOoWcOGYRs3b+A0jCNnDh2FdezcwZOnoZ49fPoo9PMHUKCHggYRKoSwkKFDiCAmUrSIUSNHBB9BiiRpEqWIlSxdwpRJ0yZOmjp5+gQq1ERRo0iVMnUKVSpVpFaxG+IIoJWrV7BiyZpFi3zBWrXcy59Pv779+/MDAgAh+QQFAQAAACwAAAAAIAAgAIcBEg50v8JersNUtLxkyLqB08OKv8+Nx9DM5uzb8PPp9fjp9vnW8PW55u2F0tt0y8uBuMfA3OfW6e/K5uq94Oa13ei03+q85e7G6/LW8va87fJp1M+FtbjP5um63d+kz9mQx9GEvtJ9vdJ8wdWEy9yQ1eOh4eu77fLI8fVo4sl9naq719fF3eSNxcmNwc6Ux9OGyddyyNiI3Oel6vC58fNV16+ctr2YvsV1s7tytLxnytV13OWY7PCT7e1Qzph6lpqnv8Rwpa5jpLlbzddx5+ub9PVP3cd6mJh8pqNgnKOJvMVsz9dY4eV69vdj7utf0r99l5tNeXNbkY1fnKRe1dp69fZe+fk9zMhlkIZeh4EgcmAJbG6ZytDQ9vek/v4909BolYdNfHMtdmwFaW+71dn4+vrn//8i49x/nZsoXlYucm4JbXDG3d76+/vY+/sf39o1YGMsbm0egXh5vruY0NLZ6er2/f6m7O1Z09tPeHcYbmtUraNDsKkwysuT7++H8fJb1NcfeXY9pZ49sqc7sKkxv7w91NJJ3dwk0dJYx8tYmZQVlIxZwbtMvbYxr6htx8FuxsExsqpMx8Ja1NASv7s7u7xPqqIYrJ9KxLqG19FIwLcptKgSq50Sqp0ptaiG2NFJxLoYsqZDt7FavrEntacwv7Rj0MaF2tOd4due4tuF2dIvwLMotadZvrJPv7A4vK0svq8ivq8jvq8tvq84va1Pv7FqwrIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwIMYCAAQQKUCRo4ACCBAoWMGjg4MFGCBEkTKBQwcIFDBk0bJjIoYOHDyBCiBhBooSJEyhSRFSxgkULFy8IwoghYwaNGhBt3MCRA6GOHTx6+HD4A0gQIQqHEClixOERJEmUKFzCpImTJwyhRJEyhSGVKlauMMSSRcsWhly6ePnCEEwYMWMYkilj5gxDNGnUrGHIpo2bNw3hxJEzRyGdOnbu4GmYR88ePgr7+PkD6GEgQYMIISxk6BCiRA8VLWLUyNEjgpAiSZpEqVJES5cwZdK0iVMnT5o+gQolauIoUqVMnUKVSpWpVaxabRoE4OoVrFiyZtGqNb6gLVvt48ufT7++ffkBAQAh+QQFAQAAACwAAAAAIAAgAIcBEw6At8tkqMNfqcB5u8uaxdHD3ubX6vDp8vfq8/jW7PO64OmJzNhvzb2Gs8vA2uTY6e7L4ui82uS11uW02Oa83urH5u7W7vO+5u9xzM6GsrrJ4Oe71uCiydaQv8+Et898tMx8t8+DxNKb1N2k3eO75+3J7fN0zsp8oKfE2t231dyMv8iNu8+SwM6e0tx9z9OI1d+k5enB7u9X1KCbtrycwsZ9uL5xsrtpxNJ21tm+7u6j5+Rgw5h6lZmeuL5wpK9jpbdbyMt13tqc6eZU1aSAmp5/pKhZl6CLu8lxzMuO3uKC5eNp4sN2zKJ+lpxNdHVXio1Wlp9Ly8tR4t9s5uVHxI1qi4s3amIha2URbnUKub8W4uI66uo0xp1rk4pVfXwyeHAFaW4Svr018e8p8vAszqx8oJczaF8udmwJbnB53dH6/Pth+/kz08AzY18tbW4dfHtwura33dzd7ur2/v5o9/Vb085PeHcYbWxRqKNBraq46eTi+/nh//5g6+cfeXY9pZ1Dtao6sqaI2djN9vPc/f2p+fgc5tpYmZUVlIxZwrpLvbYwr6hsxsBezckuy8Zu7uu5/PzT//5h5eFOqaEZrJ9KxLqG19FJwLYotKkRq50Sq54pt6tIzMWH5+RQ6eQ27eZF5dxk3NBbvrEntaYwv7Nkz8eE2tKd4dyd4duF2tNj08sv0Mch08w22dWB3dlPwLA2vK0tvq8jvq8ivq8rvrAauKhJxbh51c1qwrIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwIMYCAAQQoGixg4ACCBAoWMGig0cEDCBEkTKBQwcIFDBkmatjAoYOHDyBCiBhBooSJExFRpFCxgkULgi5ewIghYwZEGjVs3ECII4eOHTwc9vDxA4jCIEKGEHFYxMgRJAqTKFnCpAlDJ0+gRGEoZQqVKgytXMGShaGWLVy6MPTyBUwYhmLGkCnD0MwZNGkYqlnDpk1DN2/gxFEoZw6dOnYa3sGTR4/CPXz6+Hn4B1AgQQgHESpk6NBDRIkULWLUiKCjR5AiSZoUkVIlS5cwZdK0iVMnT59AhRIlcRSpUqZOoUqlahWrVq5eaRuEFUvWLFq1bN3CpbFgrlzt48ufT7++/fsDAwIAIfkEBQEAAAAsAAAAACAAIACHARANa6LDZqPDmMHSvNbi2Ofv6PH26fL31+jxvNrojsPWg8LNhbPKwdvk2+nwx93ovdbjtdHhtNLhvNvkxuLp1uvxv+Hre8DOia6/yd7ou9bhocjWkLvQhLPMfK/JfLLJicLLqNPdotPduuDpyertd8u9fKCov9bbpMrTjr3Oe7LGlL/Sm8zWdL7KiMvYq+Hh2vHyYcejm7i8rMjRe7O/ebPCa8HMdc/PpOHdltjVcreedpGXm7e8cKWvY6a1XMfHjtranN7cXsGkgJqefKCnWJSii7vJecrLb87PgdnVf9bJesqgfZebUXV4S4GFSY6XSLzATM3NT8zEVriPbImOOGVmKGhtFG15CqSrFsS/Ns+5OMN/b4+PLGBaJG1nBWlvBLKnaOHbTt3WOcKAfp6ZQm5rO3t3Cm5wFc29XOrjMuPYTcCMNGdgLHJsHnp8crm6Y9TQUuXjK+/tEujHb9CmTnl3GG1sT6ajKKObZ93XcvX0GPf3GtbDH3l2PaSfRrWuQrSrpuHfzPXzwP/+VPv6Ntq9WJmUFJONWcK6TL61Ma+nbcbBhtjWrunmyvb12f7+zf//YOrhTqqhGKyfSsS6htjRSMC2KbSpErGkEr2yMNPLfO/s2/z8zv7+xf7/VvbwVeDQWr2xKLWnMMCzZM/GhdrTnePenunlhe3pf/Tyffr4oPr7TevtW+PbT7+wNr2tLL6wI7+yI8m+HtPLJt/bN+TiU+LjasKyYse5ctXNgd/bAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACP8AAQgcSLCgwYMIEypcyLChw4cQI0qcGDGAgAAUDQ4gUMDAAQQJFCzIyKCBgwcQIkiYQKGChQsTMWTQsIFDBw8fQIQQMYJEiYgmTqBIoWIFQRYtXLyAEQOijBk0aiC0cQNHDh0Od/Do4UPhDyBBhDgcQqSIEYVHkCRRsoQhkyZOnjCEEkXKFIZUqli5whBLFi1bGHLp4uULQzBhxIxhSKaMmTMM0aRRs6YhmzZu3iiEE0fOHDoN69i5g0dhHj17+Dzs4+cPIISBBA0iVOihoUOIEilaRJBRI0ePIEWKKGkSpUqWLmHKpGkTp06ePoGSGErUKFKlTJ1ClUrVKlatMrocegUrlqxZtGrZyljwFq5cutjLn0+/vv37+AEEBAAh+QQFAQAAACwAAAAAIAAgAIcBEg5socRqn8OTvNG81eTY5vDp8fbq8fbX5u+91uSSvtSFtMnG2+fW5u7H3Oi10eC00d+92OLG3+fW5++/3Od9vcWJrsHJ3ui81uKhxtaQutCEs8x9rsh8s8SiydWZxtKhytq73ePR6+yEx718nqq709ukyNaJucx4r8WUv9KOw8x2s8mIxc694uPE5eRwsauduL6fwMt2r798ssdvuMR4yMWa1dKXzM10tpl3kJect7x1prJjpbd0wcqR0NKh1NRsuqN7lZp6nqZZlKKKu8l5yMhZuryEysp5w7x/yKB9l5tUdHtMfodIjJlIs7tLvLlJtaxhr49riY04YWYcX2YLZ3UKn5s3vrNFw6tLrYpxjZEtWlwpaW4JaHMFqJVu2Mxg0sc+uoCAnJwtXVsyc3IKbnBFxr4r0MIew6tYuIs7aWU0dHMee3tzubtSz8EvzcQr0cwaypx5zKFOeXcYbmtPpKQjn5sVzstP6OIu4NkgzYYeeXY9o58/satFs68s09I97exE8+938u1OzoVYmJQUkotZwrpNvrYxsKdpyMOe3dmm5uJ99PRj+voQ9vMe4atPqqIYrJ9KxLuF19FIysEpy8MgzsZz39mt7evB9fPc/Pyo/v4y/PsX69192MBavrEotagwwbRj2NCF6eWn9fPJ/Pva/v7P/v68//6R/fwu6uV14NVOwLMyxron2dAp5+BP9fST+PdU+fQq5ttr1s9D1tBC3NhL4uJa5ecAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwYMYAAigcHEChg4ACCBAowAljAoIGDBA8gRJAwgUKFiRYuYMigYQOHDh4+gAghYkREEiVMnECRgqCKFSxauHgBEUYMGTMQ0qhh4wYOhzl07OChsIePH0AcBhEyhIjCIkaOIEnCUMkSJk0YOnkCJQpDKVOoVGFo5QqWLAy1bOHShaGXL2DCMBQzhkwZhmbOoEnTUM0aNm0UunkDJ46chnPo1LGj8A6ePHoe7uHTxw/CP4ACCRr0kFAhQ4cQJSKoaBGjRo4eRYQUSdIkSpUsXcKUSdMmTp08SfwEKpSoUaRKmTqFKpWqVRhZtRty9QrWpliyZokcSKuWrVu41sufT7++/fvrAwIAIfkEBQEAAAAsAAAAACAAIACHAQoJbKHEap/DlLzUvNXk2Ofv6fH26vH21+bvvdbklLvUhrPLwdjl1uXux9zovNbktNHgs9PevNngxt3nwNzifr26ia3Byd7ou9XiosXYkLrQhLPMfLDHirzJosnVkL7MocfWwd/h4u/ygLu1fpysu9HcpMfXiLfNeK3GlL/SksDPd7DEh8LFrNfVutradqmonLS+mLrIdavCda3EcbW/j8fMoM7OnMXGf66eeJCYnLW9cKCxY6K5crnAdLq5rc/Sca+de5Oaep2nWZKji7vJgsHHWKuxeri5c7CnfpacTnB3S3uHSYuaSairUbGmSamUZayLbImOOF9nGFllCWR1CZuNgMvCbsCzSLF4cY2RLFddJGJrBWRxH6yeIrWbMKmbRbR5gZudKldaLm1xCmtxR7y5LLeuIqScXbSJNF9iLGxvHXl9c7i7XcfAHb6yK8G0HriLTnd3GGxrT6SkI52cGsXCUNzVbN3XR9OXH3l2PaKfPbCqObOvJ83IPd7cPeHcG9bAW8uDWZiUFZOMWcG8S8vFK8bBWc/NT9XSI9zYTOvpWu7sEd7bIt6NT6qiGLGlSdXPhu3qZe3qrO7rnujlnujkq+3qZfPxh/v6Svb2FO3qHeeqUMS6IdDHMObil/z62/7/4f7+2/7+lv/+MPz7F/fzHPG6bNjTLd7aOPDwqv//uP//qf//Mvv8E/nrSOXGaeLiPOPlIubpCvXoKOrfWebbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACP8AAQgcSLCgwYMIEypcyLChw4cQI0qcGDGAAIoHBxAoYOAAggQKMAJYwKCBgwcQIkiY0IBChYkWLmDIoGEDhw4ePoAIIWJERBIlTJxAkYKgihUsWrh4ARFGDBkzENKoYeMGDoc5dOzgobCHjx9AHAYRMoSIwiJGjiBpmETJEiYMmzh5AoVhFClTqDCsYuUKFoZZtGzhwrCLly9gGIYRM4YMwzJmzqBpmEbNGjYK27h5A8dhHDlz6CisY+cOnod59Ozhg7CPnz+AAj0UNIhQIUOHCCJKpGgRo0YRHT2CFEnSJEqVLF3ClEnTpomcOnn6BCpUKFGjSJUyhfEUqlSqVq0YYtXK1SuRAmHFkjWLVi308OPLn0+/PvqAACH5BAUBAAAALAAAAAAgACAAhwEQDmyhxGqfw5S71LzV5Njn8Onx9eny9tfm773W5JO80oayy8DZ5dbl78fc6LXS37TT3b3X4sbc6Nbn7cbf5IS8wYmtwcre6LrV46HF15C60YSzzHyzw6HG14m7yJC70KHK08/k6M/l54ewvn6cq7zR3KTH14e3zHitxpS/0navw4fBwqjP0rrU2Huhp5u0vZi6yHWswXWtxHe0wJnD0JvExanByHiRmZu1vXCgsWSiuWKptHGrsZ+/w3KZmHyUmnqdplmTo4q7yYm8yliepnqvq3amm36WnE5vd0t8h0mLmkmgnIG6s2Sklm+jkWyJjjhfZxlZZAlkdQqIeDqfikWXhVubiHGNkS1XXSNiawVlckymqSSWhyyFfF+YjoGbnShVWS5tcQlscRWelCyiliOOgGqokDRfYixsbh18fm+7vWHEwx6po0O0qEyvnE93dxhubU+wrx+urhy+u0/NyCu4rU68kxyDfz69uz3QzjTJxy3HwD3U0T3QzRS3qmLCikqqpxLAvWPo5n3v7abl4p/d2lHVzSjQyUzf3Frj4RHNyTy8oDDMyjTp5qj8/Nr9/MH19Kzt63Pg3B/Z1Cni3Ujo5Ifx7krq5xXg2S3Trjvg4JH6+bz//9D+/dr+/8j9/af8+4X6+mP28zDu6hro3jHguT7k513x74/9+6j//0/+/in8+yD59R7y5ifnyVzhtELq2zvp3jTk2ibn0krjxnHmvgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnBgxgACKBwcQKGDgAIIECjACWMCggQMCDyBEkDCBQoWJFi5gyKBhA4cOHj6ACCFiREQSJUycQJGCYAoVK1i0cAHxBYwYMhDOoFHDxsMbOHLoULiDRw8fDn8ACSJE4RAiRYw0PIIkiRKGS5g0ccLwCZQoUhhOoVLFCsMrWLJoYbiFSxcvDL+ACSOG4RgyZcw0PIMmjRqFa9i0cROg4Rs4ceQonEOnjp2Hd/Dk0YNwD58+fv48BBRI0CBChQgaOoQokaJFERk1cvQIUiRJkyhVsnQJU6aJmjZx6uTpE6hQokaRKoXR1ClUqVStGGLVytUrkQJhxZI1i1Yt9PDjy59Pvz76gAAh+QQFAQAAACwAAAAAIAAgAIcBEA1socRqn8OUu9O81eTY5/Do8fbp8fbX5u+91uSSv86KvsaHsszB2eXW5e7H3Oi81uO1096009291uPH3Ofa6e7L4eiCtsOJrsHK3em71OKhxdiQutCEtcqKucuPvc6DtsmQvM+mzdbB3eHJ4OaIr75+nqu80dulxteIt814rceUv9KTvtF2scKSwsyqzta91dqAo6uctL6Zush1rMF1rsR7tcR8tMCewcigur94j5ibtb1wobFko7ljpbdwpa6bubt2lJZ7k5t6nadYkqOKu8mLu8lYm52MtK98oZl+lpxOb3hLe4dJiplJmpKArqlXi356mplsiY44YGcZWWUJZXUkhYIYd2Y4c21njYxxjZEsWF4jZW0FbHkqio0ifXYsbmtjlIp+nJ4nYGMuiIwKi48Kg38wj4I6iHlvpZAqh4ktp6khtbZdxchov74dlZQ2mY1ipZo1pKcZx8Zy5uZn1NQetLJPvLsYl489mHlcwsYt29qm+vnM9PSn4d8uxL4+ycY9wL4ZoJl7s59K1di3/v3Z/f3K9/au6eaE2ddZ0ckqysNM19Na2tcTu7dAt5Zs2d1f6urF/v/O/v7a/fx88/Ew494R19AR0Mkp1s9I3tmH6+hK4d0V0co2x6xj4t8/9++g/f18/v9//PyF+/qd+Ped9/SF8e9k7eov494e3NFC071C598r8Osa+fQf+fYj8/Ej7+sk6+Mj59gx3cNh37Zi585O4sYw5LE93axc37R45rgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpwYMYAAigcHEChg4ACCBAoWYGTQwMEDCBEkTKBQwcKFiRgyaNjAoYOHDyBCiBhBokREEydQpFCxgiCLFi5ewIgBUcYMGjUQ2riBI8dDHTt49FDo4weQIA6FDCFSRKGRI0iSNFSyhEkThk6eQInCUMoUKlUYWrmCJQtDLVu4dGHo5QuYMAzFjCFThqGZM2jSNFSzhk0bhW7ewInjUM4cOnUU2rmDJ49DPXv49PGD8A+gQIIGPSRUyNAhRIkIKlrEqJGjRxAhRZI0iVIlS5cwZdK0iVMnTxI/gQolahSpUqZOoUqlahVGVq1cvRyCFUvWLFq1MA60dQtXLl271MufT7++/fv4AQQEADs="); + } +[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/LoginView.fxml b/src/main/resources/team/elrant/bubbles/gui/LoginView.fxml index c741217..4ac6247 100644 --- a/src/main/resources/team/elrant/bubbles/gui/LoginView.fxml +++ b/src/main/resources/team/elrant/bubbles/gui/LoginView.fxml @@ -1,37 +1,32 @@ - - - - - - - + + + - - - + + + - + - + -