diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..4b394ae
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,24458 @@
+@charset "UTF-8";
+/*!
+ * Theme Name: Blender Code Blog
+ * Theme URI: https://code.blender.org
+ * Description: Theme for the blog where the magic happens
+ * Author: Pablo Vazquez
+ * Author URI: https://www.blender.org
+ * Template: bthree
+ * Version: 1.2.0
+ * License: GNU General Public License v2 or later
+ * License URI: http://www.gnu.org/licenses/gpl-2.0.html
+ * Tags: blender
+ * Text Domain: bthree-code
+ *
+ * */
+/* Font files are stored in the main theme. */
+/* * Blender Web Assets, including Bootstrap.
+ * * Go there to tweak which modules to include.
+ * */
+/* Uncomment to enable dark mode. */
+/* Import Blender Web Assets. */
+/* Import Blender Web Assets. */
+/*!
+ * * Blender Web Assets v2.0.0-alpha.32
+ *
+ * * This program is free software: you can redistribute it and/or modify
+ * * it under the terms of the GNU General Public License as published by
+ * * the Free Software Foundation, either version 3 of the License, or
+ * * (at your option) any later version.
+ * *
+ * * This program is distributed in the hope that it will be useful,
+ * * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * * GNU General Public License for more details.
+ * *
+ * * You should have received a copy of the GNU General Public License
+ * * along with this program. If not, see .
+ * *
+ * * Blender Web Assets
+ * * Design components for blender.org websites
+ * *
+ * * Authors: Pablo Vazquez, Niklas Ravnsborg-Gjertsen
+ * *
+ * * Defaults look like blender.org
+ * */
+/* Variables. */
+/* Columns Grid. */
+/* Containers. */
+/* * RESPONSIVE MIXINS. Mobile first.
+ * * Start styling for mobile, then tweak
+ * * specic breakpoints going up.
+ * * e.g.
+ * * +media-sm
+ * * +media-md
+ * * +media-lg
+ * * +media-xl
+ * * +media-xxl
+ * */
+/* Smallest, like phones on portrait. */
+/* Small but wide. (phablets, iPads)
+ * * Menu is collapsed, columns stack, no brand */
+/* Most '--color-bg*' and '--color-text*' colour variables are generated by the following partial: 'utilities/_color.sass'. */
+/* e.g. Active status of stuff, Orangish */
+:root,
+html[data-theme=light] {
+ color-scheme: light;
+ --color-bg-h: 210;
+ --color-bg-s: 4%;
+ --color-bg-l: 95%;
+ --color-bg: hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));
+ --color-bg-primary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) + 3%));
+ --color-bg-secondary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 3%));
+ --color-bg-tertiary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 6%));
+ --color-text-h: 230;
+ --color-text-s: 4%;
+ --color-text-l: 31%;
+ --color-text: hsl(var(--color-text-h), var(--color-text-s), var(--color-text-l));
+ --color-text-primary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) - 4%));
+ --color-text-secondary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 26%));
+ --color-text-tertiary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 40%));
+ /* Colours Status. */
+ --color-accent-h: 204;
+ --color-accent-s: 100%;
+ --color-accent-l: 50%;
+ --color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));
+ --color-accent-bg: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .1);
+ --color-accent-bg-hover: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .2);
+ --color-accent-text: var(--color-accent);
+ --color-danger: hsl(0deg 82% 63%);
+ --color-danger-bg: hsl(0deg 79% 94%);
+ --color-danger-bg-hover: hsl(0deg 79% 88%);
+ --color-danger-text: hsl(0deg 69% 60%);
+ --color-info: hsl(192deg 85% 49%);
+ --color-info-bg: hsl(192deg 85% 92%);
+ --color-info-bg-hover: hsl(192deg 85% 82%);
+ --color-info-text: hsl(192deg 85% 42%);
+ --color-success: hsl(90deg 65% 42%);
+ --color-success-bg: hsl(90deg 70% 86%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg 69% 30%);
+ --color-warning: hsl(42 86% 48%);
+ --color-warning-bg: hsl(42 79% 90%);
+ --color-warning-bg-hover: hsl(42 79% 80%);
+ --color-warning-text: hsl(42 79% 30%);
+ /* Colours Component. */
+ --body-color-bg: hsl(213, 10%, 18%);
+ --border-color: var(--color-bg-tertiary);
+ --box-shadow-card-lg: rgba(149, 157, 165, 0.2) 0 var(--spacer-2) var(--spacer-4);
+ --btn-color: hsl(210deg, 16%, 48%);
+ --btn-color-bg: hsl(210deg, 16%, 93%);
+ --btn-color-bg-hover: hsl(210deg, 16%, 96%);
+ --code-color: hsl(297deg, 42%, 41%);
+ --code-color-bg: hsla(297deg, 100%, 25%, .04);
+ --input-color-bg: var(--btn-color-bg);
+ --input-color-border: hsl(210deg, 16%, 85%);
+ --navbar-bg: #fff;
+ --navbar-link-color-active: #000;
+ --table-border-color: var(--color-bg-secondary);
+ --color-bg-alt: hsl(213, 10%, 18%);
+ /* Used as background of active items. e.g. a dropdown menu item on hover. */
+ --color-bg-primary-subtle: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .1);
+ /* Colours Component global. */
+ --admin-color: hsl(285deg 62% 60%);
+ --admin-color-bg: hsl(285deg 79% 96%);
+ --admin-color-bg-hover: hsl(285deg 79% 92%);
+ --admin-color-text: hsl(285deg 59% 55%);
+ --badge-bg: var(--color-bg-secondary);
+ --badge-color: var(--color-text);
+ --body-bg: hsl(213, 10%, 18%);
+ --box-bg-color: var(--color-bg-primary);
+ --box-shadow-card: 0 .1rem var(--spacer-1) 0 rgba(0, 0, 0, .05), 0 var(--spacer) var(--spacer-4) -.1rem rgba(0, 0, 0, .025);
+ --box-shadow-lg: 0 var(--spacer-2) var(--spacer) var(--spacer-2) rgba(0,0,0,0.33);
+ --box-text-color: currentColor;
+ --btn-accent-bg-img: linear-gradient(350deg,hsl(227, 100%, 69%),hsl(206, 90%, 62%));
+ --btn-accent-bg-img-hover: linear-gradient(350deg,hsl(227, 100%, 72%),hsl(206, 90%, 66%));
+ --btn-accent-box-shadow: .2rem var(--spacer-1) var(--spacer-1) rgba(0,82,255,.102), .1rem var(--spacer-2) var(--spacer-4) rgba(0,82,255,.102), .2rem var(--spacer-2) var(--spacer-5) rgba(0,82,255,.549);
+ --btn-accent-color: white;
+ --btn-accent-color-hover: white;
+ --btn-accent-text-shadow: .1rem .1rem .1rem rgba(0,0,0,0.05), .1rem .1rem var(--spacer-2) rgba(0,0,0,0.05);
+ --btn-bg-img: none;
+ --btn-bg-img-hover: none;
+ --btn-box-shadow: none;
+ --btn-group-border-color: hsl(210deg, 16%, 88%);
+ --btn-text-shadow: none;
+ --navbar-global-bg: hsl(213, 10%, 12%);
+ --navbar-global-btn-bg: hsl(213, 10%, 18%);
+ --navbar-global-dropdown-bg: hsl(213, 10%, 14%);
+ --navbar-global-text-color: #ccc;
+ --navbar-global-text-highlight: #fff;
+ --navbar-primary-height: calc(var(--spacer) * 4);
+ --navbar-top-margin: var(--spacer-2);
+ --navbar-active-indicator-width: calc(var(--spacer-1) * -1);
+ --navbar-zindex: var(--zindex-fixed);
+ --navbar-color: var(--color-text-secondary);
+ --navbar-link-color: var(--color-text);
+ --navbar-link-color-hover: var(--color-accent);
+ --table-bg-color: var(--color-bg-primary);
+ --table-border-color: var(--color-bg-secondary);
+ --table-row-bg-color: var(--color-bg);
+ --table-row-hover-bg-color: var(--color-bg);
+}
+:root .navbar-secondary,
+html[data-theme=light] .navbar-secondary {
+ --navbar-bg: hsl(213, 10%, 18%);
+}
+:root .navbar-secondary,
+html[data-theme=light] .navbar-secondary {
+ --navbar-bg: hsl(213, 10%, 18%);
+ --navbar-separator-color: hsl(213, 10%, 28%);
+ --navbar-link-color: hsl(213, 10%, 84%);
+ --navbar-link-color-active: white;
+ --navbar-zindex: calc(var(--zindex-fixed) - 1);
+}
+
+html[data-theme=dark] {
+ color-scheme: dark;
+ --color-bg: hsl(213, 10%, 12%);
+ --color-bg-primary: hsl(213, 10%, 21%);
+ --color-bg-secondary: hsl(213, 10%, 16%);
+ --color-bg-tertiary: hsl(213, 10%, 14%);
+ --color-text: hsl(213, 10%, 80%);
+ --color-text-primary: hsl(213, 10%, 98%);
+ --color-text-secondary: hsl(213, 10%, 58%);
+ --color-text-tertiary: hsl(213, 10%, 48%);
+ /* Colours Components. */
+ --body-color-bg: hsl(213, 10%, 16%);
+ --border-color: hsla(213, 10%, 80%, .15);
+ --box-shadow-card-lg: hsla(210deg, 8%, 2%, .2) 0 .8rem 2.4rem;
+ --btn-color: hsl(213, 16%, 78%);
+ --btn-color-bg: hsl(213, 10%, 28%);
+ --btn-color-bg-hover: hsl(213, 10%, 30%);
+ --code-color: hsl(297deg, 30%, 78%);
+ --code-color-bg: hsl(297deg, 70%, 50%, .08);
+ --input-color-bg: hsl(213, 10%, 16%);
+ --input-color-bg-hover: hsl(213, 10%, 14%);
+ --input-color-border: var(--input-color-bg);
+ --navbar-bg: var(--color-bg);
+ --navbar-link-color-active: #fff;
+ --table-border-color: var(--btn-color-bg-hover);
+ /* Colours Status. */
+ --color-info: hsl(207deg, 95%, 65%);
+ --color-info-text: hsl(212deg, 85%, 62%);
+ --color-info-bg: hsl(212deg, 85%, 62%, .2);
+ --color-danger: hsl(0deg, 82%, 63%);
+ --color-danger-bg: hsl(0deg, 25%, 24%);
+ --color-danger-bg-hover: hsl(0deg, 25%, 28%);
+ --color-danger-text: hsl(0deg, 75%, 65%);
+ --color-success: hsl(90deg 60% 36%);
+ --color-success-bg: hsl(90, 24%, 25%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg, 29%, 60%);
+ --color-warning-bg: hsla(42, 79%, 60%, .4);
+ --color-warning-bg-hover: hsla(42, 79%, 70%, .4);
+ --color-warning-text: hsl(42, 79%, 80%);
+ --admin-color-bg: hsla(285deg, 29%, 36%, .6);
+ --admin-color-bg-hover: hsla(285deg, 39%, 32%, .8);
+ --admin-color-text: hsl(285deg 65% 76%);
+}
+html[data-theme=dark] .navbar-secondary {
+ --navbar-bg: var(--color-bg-tertiary);
+}
+html[data-theme=dark] .whoosh {
+ background-color: hsla(285, 50%, 52%, 0.25);
+ color: hsl(285, 40%, 65%);
+}
+
+:root {
+ --border-radius: .6rem;
+ --border-radius-lg: 1.2rem;
+ --border-width: .2rem;
+ --page-with-header-content-offset: calc(var(--spacer) * 4);
+ --transition-speed: 150ms;
+ --transition-speed-fast: 80ms;
+ --transition-speed-slow: 250ms;
+ --transition-timing-fast: ease-out;
+ --zindex-fixed: 1030;
+ --zindex-dropdown: 1040;
+}
+
+/* Grid */
+:root {
+ --container-width: 117.0rem;
+ --spacer: 1.6rem;
+ --spacer-1: calc(var(--spacer) * 0.25);
+ --spacer-2: calc(var(--spacer) * 0.5);
+ --spacer-3: var(--spacer);
+ --spacer-4: calc(var(--spacer) * 1.5);
+ --spacer-5: calc(var(--spacer) * 3);
+ --spacer-6: calc(var(--spacer) * 6);
+ --spacer-7: calc(var(--spacer) * 12);
+}
+
+/* Type. */
+:root {
+ --font-family-body: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Oxygen,Ubuntu,Cantarell,"Open Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+ --font-family-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro","Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+ --font-weight: 400;
+ --fs-xs: 1.0rem;
+ --fs-sm: 1.2rem;
+ --fs-base: 1.4rem;
+ /* TODO: consider reset font-size clamp minimum and calculated with baseline-based vertical spacing
+ * --fs-lg: clamp(1.2rem, 1.5vw + 1.0rem, 2.8rem)
+ *
+ * --fs-h1: clamp(2.0rem, 2vw + 1.0rem, 3.6rem)
+ * --fs-h2: clamp(1.66rem, 1.5vw + 1.0rem, 3.2rem)
+ * */
+ --fs-lg: 2.1rem;
+ --fs-h1: 2.8rem;
+ --fs-h2: 2.4rem;
+ --fs-h3: var(--fs-lg);
+ --fs-h4: 1.8rem;
+ --fs-h5: 1.6rem;
+ --fs-h6: var(--fs-base);
+ --fw-light: 300;
+ --fw-bold: 600;
+ --fw-title: 800;
+ --lh-base: 2.0rem;
+}
+@media (min-width: 900px) {
+ :root {
+ --fs-xs: 1.2rem;
+ --fs-sm: 1.4rem;
+ --fs-base: 1.6rem;
+ --fs-lg: 2.4rem;
+ --fs-h1: 3.2rem;
+ --fs-h2: 2.8rem;
+ --fs-h4: 2.1rem;
+ --fs-h5: 1.8rem;
+ }
+}
+@media (min-width: 1220px) {
+ :root {
+ --fs-base: 1.8rem;
+ }
+}
+@media (min-width: 900px) {
+ :root {
+ --lh-base: 2.8rem;
+ --lh-lg: 3.2rem;
+ --lh-sm: 2.4rem;
+ }
+}
+
+/* Config. */
+/* Mobile Stuff */
+/* List of spacer sizes to be used by classes like m-1, p-2, etc. */
+/* Bootstrap. */
+/* For production, import only used modules to save space. */
+/* Deprecared: Use Blender Web Assets partials in the '/src/styles' directory. */
+/* Web-assets: Defined in _media_queries.sass */
+/* Web-assets: Defined in _media_queries.sass */
+:root {
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 900px;
+ --breakpoint-md: 980px;
+ --breakpoint-lg: 1220px;
+ --breakpoint-xl: 1380px;
+ --breakpoint-xxl: 1680px;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+ display: block;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-weight: 400;
+ line-height: 1.5;
+ color: var(--color-text);
+ text-align: left;
+ background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+ outline: 0 !important;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+ text-decoration-skip-ink: none;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: +fw-bold;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+ margin-left: 0;
+}
+
+small {
+ font-size: var(--fs-sm);
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: var(--fs-xs);
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+a {
+ color: var(--color-accent);
+ text-decoration: none;
+ background-color: transparent;
+}
+a:hover {
+ color: var(--link-hover-color);
+ text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
+}
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+ color: inherit;
+ text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: var(--fs-base);
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img {
+ vertical-align: middle;
+ border-style: none;
+}
+
+svg {
+ overflow: hidden;
+ vertical-align: middle;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #6c757d;
+ text-align: left;
+ caption-side: bottom;
+}
+
+th {
+ text-align: inherit;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: 0.2rem;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+select {
+ word-wrap: normal;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+ cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+input[type=radio],
+input[type=checkbox] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type=date],
+input[type=time],
+input[type=datetime-local],
+input[type=month] {
+ -webkit-appearance: listbox;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: var(--fs-base);
+ line-height: inherit;
+ color: inherit;
+ white-space: normal;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type=search] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+}
+
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.close {
+ float: right;
+ font-weight: +fw-bold;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: 0.5;
+}
+.close:hover {
+ color: #000;
+ text-decoration: none;
+}
+.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
+ opacity: 0.75;
+}
+
+button.close {
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ appearance: none;
+}
+
+a.close.disabled {
+ pointer-events: none;
+}
+
+code {
+ font-size: var(--fs-base);
+ color: var(--code-color-bg);
+ word-break: break-word;
+}
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: inherit;
+ color: #fff;
+ background-color: #212529;
+ border-radius: var(--border-radius);
+ box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
+}
+kbd kbd {
+ padding: 0;
+ font-weight: +fw-bold;
+ box-shadow: none;
+}
+
+pre {
+ display: block;
+ font-size: var(--fs-base);
+ color: #212529;
+}
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
+}
+
+.form-control, .post-password-form input[type=password] {
+ display: block;
+ width: 100%;
+ height: calc(1.5em + 0.75rem + calc(0.2rem * 2));
+ padding: 0.375rem 0.75rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: var(--input-color-bg);
+ background-clip: padding-box;
+ border: var(--border-width) solid var(--input-color-border);
+ border-radius: var(--border-radius);
+ box-shadow: none;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control, .post-password-form input[type=password] {
+ transition: none;
+ }
+}
+.form-control::-ms-expand, .post-password-form input[type=password]::-ms-expand {
+ background-color: transparent;
+ border: 0;
+}
+.form-control:focus, .post-password-form input[type=password]:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: var(--color-accent);
+ outline: 0;
+ box-shadow: none, 0 0 0 0.2rem rgba(var(--color-accent), 0.25);
+}
+.form-control::placeholder, .post-password-form input[type=password]::placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+.form-control:disabled, .post-password-form input[type=password]:disabled, .form-control[readonly], .post-password-form input[readonly][type=password] {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+
+select.form-control:focus::-ms-value {
+ color: #495057;
+ background-color: var(--input-color-bg);
+}
+
+.form-control-file,
+.form-control-range {
+ display: block;
+ width: 100%;
+}
+
+.col-form-label {
+ padding-top: calc(0.375rem + var(--border-width));
+ padding-bottom: calc(0.375rem + var(--border-width));
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + var(--border-width));
+ padding-bottom: calc(0.5rem + var(--border-width));
+ line-height: 1.5;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.25rem + var(--border-width));
+ padding-bottom: calc(0.25rem + var(--border-width));
+ line-height: 1.5;
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: var(--color-text);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: var(--border-width) 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.form-control-sm {
+ height: calc(1.5em + 0.5rem + calc(0.2rem * 2));
+ padding: 0.25rem 0.5rem;
+ font-size: var(--fs-sm);
+ line-height: 1.5;
+ border-radius: var(--border-radius);
+}
+
+.form-control-lg {
+ height: calc(1.5em + 1rem + calc(0.2rem * 2));
+ padding: 0.5rem 1rem;
+ font-size: var(--fs-lg);
+ line-height: 1.5;
+ border-radius: var(--border-radius);
+}
+
+select.form-control[size], select.form-control[multiple] {
+ height: auto;
+}
+
+textarea.form-control {
+ height: auto;
+}
+
+.form-group {
+ margin-bottom: var(--spacer);
+}
+
+.form-row {
+ display: flex;
+ flex-wrap: wrap;
+ margin-right: calc((10px * -1) / 2);
+ margin-left: calc((10px * -1) / 2);
+}
+.form-row > .col,
+.form-row > [class*=col-] {
+ padding-right: calc(10px / 2);
+ padding-left: calc(10px / 2);
+}
+
+.form-check {
+ position: relative;
+ display: block;
+ padding-left: 1.25rem;
+}
+
+.form-check-input {
+ position: absolute;
+ margin-top: 0.3rem;
+ margin-left: -1.25rem;
+}
+.form-check-input:disabled ~ .form-check-label {
+ color: #6c757d;
+}
+
+.form-check-label {
+ margin-bottom: 0;
+}
+
+.form-check-inline {
+ display: inline-flex;
+ align-items: center;
+ padding-left: 0;
+ margin-right: 0.75rem;
+}
+.form-check-inline .form-check-input {
+ position: static;
+ margin-top: 0;
+ margin-right: 0.3125rem;
+ margin-left: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ color: var(--color-success);
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ line-height: 1.5;
+ color: color-yiq(var(--color-success));
+ background-color: rgba(var(--color-success), 0.9);
+ border-radius: var(--border-radius);
+}
+
+.was-validated .form-control:valid, .was-validated .post-password-form input[type=password]:valid, .post-password-form .was-validated input[type=password]:valid, .form-control.is-valid, .post-password-form input.is-valid[type=password] {
+ border-color: var(--color-success);
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='var(--color-success)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: center right calc(0.375em + calc(0.375rem / 2));
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-control:valid:focus, .was-validated .post-password-form input[type=password]:valid:focus, .post-password-form .was-validated input[type=password]:valid:focus, .form-control.is-valid:focus, .post-password-form input.is-valid[type=password]:focus {
+ border-color: var(--color-success);
+ box-shadow: 0 0 0 0.2rem rgba(var(--color-success), 0.25);
+}
+.was-validated .form-control:valid ~ .valid-feedback, .was-validated .post-password-form input[type=password]:valid ~ .valid-feedback, .post-password-form .was-validated input[type=password]:valid ~ .valid-feedback,
+.was-validated .form-control:valid ~ .valid-tooltip,
+.was-validated .post-password-form input[type=password]:valid ~ .valid-tooltip,
+.post-password-form .was-validated input[type=password]:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .post-password-form input.is-valid[type=password] ~ .valid-feedback,
+.form-control.is-valid ~ .valid-tooltip,
+.post-password-form input.is-valid[type=password] ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + calc(0.375rem / 2)) right calc(0.375em + calc(0.375rem / 2));
+}
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+ border-color: var(--color-success);
+ padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='var(--color-success)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+ border-color: var(--color-success);
+ box-shadow: 0 0 0 0.2rem rgba(var(--color-success), 0.25);
+}
+.was-validated .custom-select:valid ~ .valid-feedback,
+.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
+.custom-select.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control-file:valid ~ .valid-feedback,
+.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
+.form-control-file.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: var(--color-success);
+}
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ color: var(--color-danger);
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ line-height: 1.5;
+ color: color-yiq(var(--color-danger));
+ background-color: rgba(var(--color-danger), 0.9);
+ border-radius: var(--border-radius);
+}
+
+.was-validated .form-control:invalid, .was-validated .post-password-form input[type=password]:invalid, .post-password-form .was-validated input[type=password]:invalid, .form-control.is-invalid, .post-password-form input.is-invalid[type=password] {
+ border-color: var(--color-danger);
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='var(--color-danger)' viewBox='-2 -2 7 7'%3e%3cpath stroke='var(--color-danger)' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
+ background-repeat: no-repeat;
+ background-position: center right calc(0.375em + calc(0.375rem / 2));
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-control:invalid:focus, .was-validated .post-password-form input[type=password]:invalid:focus, .post-password-form .was-validated input[type=password]:invalid:focus, .form-control.is-invalid:focus, .post-password-form input.is-invalid[type=password]:focus {
+ border-color: var(--color-danger);
+ box-shadow: 0 0 0 0.2rem rgba(var(--color-danger), 0.25);
+}
+.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .post-password-form input[type=password]:invalid ~ .invalid-feedback, .post-password-form .was-validated input[type=password]:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip,
+.was-validated .post-password-form input[type=password]:invalid ~ .invalid-tooltip,
+.post-password-form .was-validated input[type=password]:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .post-password-form input.is-invalid[type=password] ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip,
+.post-password-form input.is-invalid[type=password] ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + calc(0.375rem / 2)) right calc(0.375em + calc(0.375rem / 2));
+}
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+ border-color: var(--color-danger);
+ padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='var(--color-danger)' viewBox='-2 -2 7 7'%3e%3cpath stroke='var(--color-danger)' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+ border-color: var(--color-danger);
+ box-shadow: 0 0 0 0.2rem rgba(var(--color-danger), 0.25);
+}
+.was-validated .custom-select:invalid ~ .invalid-feedback,
+.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control-file:invalid ~ .invalid-feedback,
+.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
+.form-control-file.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: var(--color-danger);
+}
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.form-inline {
+ display: flex;
+ flex-flow: row wrap;
+ align-items: center;
+}
+.form-inline .form-check {
+ width: 100%;
+}
+@media (min-width: 900px) {
+ .form-inline label {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 0;
+ }
+ .form-inline .form-group {
+ display: flex;
+ flex: 0 0 auto;
+ flex-flow: row wrap;
+ align-items: center;
+ margin-bottom: 0;
+ }
+ .form-inline .form-control, .form-inline .post-password-form input[type=password], .post-password-form .form-inline input[type=password] {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+ .form-inline .form-control-plaintext {
+ display: inline-block;
+ }
+ .form-inline .input-group,
+ .form-inline .custom-select {
+ width: auto;
+ }
+ .form-inline .form-check {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: auto;
+ padding-left: 0;
+ }
+ .form-inline .form-check-input {
+ position: relative;
+ flex-shrink: 0;
+ margin-top: 0;
+ margin-right: 0.25rem;
+ margin-left: 0;
+ }
+ .form-inline .custom-control {
+ align-items: center;
+ justify-content: center;
+ }
+ .form-inline .custom-control-label {
+ margin-bottom: 0;
+ }
+}
+
+.container, .page-header,
+.container-main > .page-header {
+ width: 100%;
+ padding-right: calc(30px / 2);
+ padding-left: calc(30px / 2);
+ margin-right: auto;
+ margin-left: auto;
+}
+@media (min-width: 900px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 820px;
+ }
+}
+@media (min-width: 980px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 940px;
+ }
+}
+@media (min-width: 1220px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 1170px;
+ }
+}
+@media (min-width: 1380px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 1320px;
+ }
+}
+@media (min-width: 1680px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 1600px;
+ }
+}
+
+.container-fluid {
+ width: 100%;
+ padding-right: calc(30px / 2);
+ padding-left: calc(30px / 2);
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.row {
+ display: flex;
+ flex-wrap: wrap;
+ margin-right: calc((30px * -1) / 2);
+ margin-left: calc((30px * -1) / 2);
+}
+
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0;
+}
+.no-gutters > .col,
+.no-gutters > [class*=col-] {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.col-xxl,
+.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
+.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
+.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
+.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
+.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
+.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
+ position: relative;
+ width: 100%;
+ padding-right: calc(30px / 2);
+ padding-left: calc(30px / 2);
+}
+
+.col {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+}
+
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+}
+
+.col-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+}
+
+.col-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+}
+
+.col-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+}
+
+.col-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+}
+
+.col-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+}
+
+.col-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+}
+
+.col-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+}
+
+.col-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+}
+
+.col-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+}
+
+.col-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+}
+
+.col-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+}
+
+.col-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+}
+
+.order-first {
+ order: -1;
+}
+
+.order-last {
+ order: 13;
+}
+
+.order-0 {
+ order: 0;
+}
+
+.order-1 {
+ order: 1;
+}
+
+.order-2 {
+ order: 2;
+}
+
+.order-3 {
+ order: 3;
+}
+
+.order-4 {
+ order: 4;
+}
+
+.order-5 {
+ order: 5;
+}
+
+.order-6 {
+ order: 6;
+}
+
+.order-7 {
+ order: 7;
+}
+
+.order-8 {
+ order: 8;
+}
+
+.order-9 {
+ order: 9;
+}
+
+.order-10 {
+ order: 10;
+}
+
+.order-11 {
+ order: 11;
+}
+
+.order-12 {
+ order: 12;
+}
+
+.offset-1 {
+ margin-left: calc((1 / 12) * 100%);
+}
+
+.offset-2 {
+ margin-left: calc((2 / 12) * 100%);
+}
+
+.offset-3 {
+ margin-left: calc((3 / 12) * 100%);
+}
+
+.offset-4 {
+ margin-left: calc((4 / 12) * 100%);
+}
+
+.offset-5 {
+ margin-left: calc((5 / 12) * 100%);
+}
+
+.offset-6 {
+ margin-left: calc((6 / 12) * 100%);
+}
+
+.offset-7 {
+ margin-left: calc((7 / 12) * 100%);
+}
+
+.offset-8 {
+ margin-left: calc((8 / 12) * 100%);
+}
+
+.offset-9 {
+ margin-left: calc((9 / 12) * 100%);
+}
+
+.offset-10 {
+ margin-left: calc((10 / 12) * 100%);
+}
+
+.offset-11 {
+ margin-left: calc((11 / 12) * 100%);
+}
+
+@media (min-width: 900px) {
+ .col-sm {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+ }
+ .col-sm-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+ }
+ .col-sm-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+ }
+ .col-sm-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+ }
+ .col-sm-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+ }
+ .col-sm-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+ }
+ .col-sm-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+ }
+ .col-sm-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+ }
+ .col-sm-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+ }
+ .col-sm-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+ }
+ .col-sm-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+ }
+ .col-sm-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+ }
+ .col-sm-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+ }
+ .order-sm-first {
+ order: -1;
+ }
+ .order-sm-last {
+ order: 13;
+ }
+ .order-sm-0 {
+ order: 0;
+ }
+ .order-sm-1 {
+ order: 1;
+ }
+ .order-sm-2 {
+ order: 2;
+ }
+ .order-sm-3 {
+ order: 3;
+ }
+ .order-sm-4 {
+ order: 4;
+ }
+ .order-sm-5 {
+ order: 5;
+ }
+ .order-sm-6 {
+ order: 6;
+ }
+ .order-sm-7 {
+ order: 7;
+ }
+ .order-sm-8 {
+ order: 8;
+ }
+ .order-sm-9 {
+ order: 9;
+ }
+ .order-sm-10 {
+ order: 10;
+ }
+ .order-sm-11 {
+ order: 11;
+ }
+ .order-sm-12 {
+ order: 12;
+ }
+ .offset-sm-0 {
+ margin-left: calc((0 / 12) * 100%);
+ }
+ .offset-sm-1 {
+ margin-left: calc((1 / 12) * 100%);
+ }
+ .offset-sm-2 {
+ margin-left: calc((2 / 12) * 100%);
+ }
+ .offset-sm-3 {
+ margin-left: calc((3 / 12) * 100%);
+ }
+ .offset-sm-4 {
+ margin-left: calc((4 / 12) * 100%);
+ }
+ .offset-sm-5 {
+ margin-left: calc((5 / 12) * 100%);
+ }
+ .offset-sm-6 {
+ margin-left: calc((6 / 12) * 100%);
+ }
+ .offset-sm-7 {
+ margin-left: calc((7 / 12) * 100%);
+ }
+ .offset-sm-8 {
+ margin-left: calc((8 / 12) * 100%);
+ }
+ .offset-sm-9 {
+ margin-left: calc((9 / 12) * 100%);
+ }
+ .offset-sm-10 {
+ margin-left: calc((10 / 12) * 100%);
+ }
+ .offset-sm-11 {
+ margin-left: calc((11 / 12) * 100%);
+ }
+}
+@media (min-width: 980px) {
+ .col-md {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+ }
+ .col-md-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+ }
+ .col-md-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+ }
+ .col-md-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+ }
+ .col-md-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+ }
+ .col-md-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+ }
+ .col-md-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+ }
+ .col-md-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+ }
+ .col-md-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+ }
+ .col-md-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+ }
+ .col-md-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+ }
+ .col-md-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+ }
+ .col-md-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+ }
+ .order-md-first {
+ order: -1;
+ }
+ .order-md-last {
+ order: 13;
+ }
+ .order-md-0 {
+ order: 0;
+ }
+ .order-md-1 {
+ order: 1;
+ }
+ .order-md-2 {
+ order: 2;
+ }
+ .order-md-3 {
+ order: 3;
+ }
+ .order-md-4 {
+ order: 4;
+ }
+ .order-md-5 {
+ order: 5;
+ }
+ .order-md-6 {
+ order: 6;
+ }
+ .order-md-7 {
+ order: 7;
+ }
+ .order-md-8 {
+ order: 8;
+ }
+ .order-md-9 {
+ order: 9;
+ }
+ .order-md-10 {
+ order: 10;
+ }
+ .order-md-11 {
+ order: 11;
+ }
+ .order-md-12 {
+ order: 12;
+ }
+ .offset-md-0 {
+ margin-left: calc((0 / 12) * 100%);
+ }
+ .offset-md-1 {
+ margin-left: calc((1 / 12) * 100%);
+ }
+ .offset-md-2 {
+ margin-left: calc((2 / 12) * 100%);
+ }
+ .offset-md-3 {
+ margin-left: calc((3 / 12) * 100%);
+ }
+ .offset-md-4 {
+ margin-left: calc((4 / 12) * 100%);
+ }
+ .offset-md-5 {
+ margin-left: calc((5 / 12) * 100%);
+ }
+ .offset-md-6 {
+ margin-left: calc((6 / 12) * 100%);
+ }
+ .offset-md-7 {
+ margin-left: calc((7 / 12) * 100%);
+ }
+ .offset-md-8 {
+ margin-left: calc((8 / 12) * 100%);
+ }
+ .offset-md-9 {
+ margin-left: calc((9 / 12) * 100%);
+ }
+ .offset-md-10 {
+ margin-left: calc((10 / 12) * 100%);
+ }
+ .offset-md-11 {
+ margin-left: calc((11 / 12) * 100%);
+ }
+}
+@media (min-width: 1220px) {
+ .col-lg {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+ }
+ .col-lg-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+ }
+ .col-lg-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+ }
+ .col-lg-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+ }
+ .col-lg-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+ }
+ .col-lg-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+ }
+ .col-lg-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+ }
+ .col-lg-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+ }
+ .col-lg-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+ }
+ .col-lg-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+ }
+ .col-lg-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+ }
+ .col-lg-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+ }
+ .col-lg-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+ }
+ .order-lg-first {
+ order: -1;
+ }
+ .order-lg-last {
+ order: 13;
+ }
+ .order-lg-0 {
+ order: 0;
+ }
+ .order-lg-1 {
+ order: 1;
+ }
+ .order-lg-2 {
+ order: 2;
+ }
+ .order-lg-3 {
+ order: 3;
+ }
+ .order-lg-4 {
+ order: 4;
+ }
+ .order-lg-5 {
+ order: 5;
+ }
+ .order-lg-6 {
+ order: 6;
+ }
+ .order-lg-7 {
+ order: 7;
+ }
+ .order-lg-8 {
+ order: 8;
+ }
+ .order-lg-9 {
+ order: 9;
+ }
+ .order-lg-10 {
+ order: 10;
+ }
+ .order-lg-11 {
+ order: 11;
+ }
+ .order-lg-12 {
+ order: 12;
+ }
+ .offset-lg-0 {
+ margin-left: calc((0 / 12) * 100%);
+ }
+ .offset-lg-1 {
+ margin-left: calc((1 / 12) * 100%);
+ }
+ .offset-lg-2 {
+ margin-left: calc((2 / 12) * 100%);
+ }
+ .offset-lg-3 {
+ margin-left: calc((3 / 12) * 100%);
+ }
+ .offset-lg-4 {
+ margin-left: calc((4 / 12) * 100%);
+ }
+ .offset-lg-5 {
+ margin-left: calc((5 / 12) * 100%);
+ }
+ .offset-lg-6 {
+ margin-left: calc((6 / 12) * 100%);
+ }
+ .offset-lg-7 {
+ margin-left: calc((7 / 12) * 100%);
+ }
+ .offset-lg-8 {
+ margin-left: calc((8 / 12) * 100%);
+ }
+ .offset-lg-9 {
+ margin-left: calc((9 / 12) * 100%);
+ }
+ .offset-lg-10 {
+ margin-left: calc((10 / 12) * 100%);
+ }
+ .offset-lg-11 {
+ margin-left: calc((11 / 12) * 100%);
+ }
+}
+@media (min-width: 1380px) {
+ .col-xl {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+ }
+ .col-xl-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+ }
+ .col-xl-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+ }
+ .col-xl-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+ }
+ .col-xl-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+ }
+ .col-xl-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+ }
+ .col-xl-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+ }
+ .col-xl-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+ }
+ .col-xl-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+ }
+ .col-xl-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+ }
+ .col-xl-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+ }
+ .col-xl-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+ }
+ .col-xl-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+ }
+ .order-xl-first {
+ order: -1;
+ }
+ .order-xl-last {
+ order: 13;
+ }
+ .order-xl-0 {
+ order: 0;
+ }
+ .order-xl-1 {
+ order: 1;
+ }
+ .order-xl-2 {
+ order: 2;
+ }
+ .order-xl-3 {
+ order: 3;
+ }
+ .order-xl-4 {
+ order: 4;
+ }
+ .order-xl-5 {
+ order: 5;
+ }
+ .order-xl-6 {
+ order: 6;
+ }
+ .order-xl-7 {
+ order: 7;
+ }
+ .order-xl-8 {
+ order: 8;
+ }
+ .order-xl-9 {
+ order: 9;
+ }
+ .order-xl-10 {
+ order: 10;
+ }
+ .order-xl-11 {
+ order: 11;
+ }
+ .order-xl-12 {
+ order: 12;
+ }
+ .offset-xl-0 {
+ margin-left: calc((0 / 12) * 100%);
+ }
+ .offset-xl-1 {
+ margin-left: calc((1 / 12) * 100%);
+ }
+ .offset-xl-2 {
+ margin-left: calc((2 / 12) * 100%);
+ }
+ .offset-xl-3 {
+ margin-left: calc((3 / 12) * 100%);
+ }
+ .offset-xl-4 {
+ margin-left: calc((4 / 12) * 100%);
+ }
+ .offset-xl-5 {
+ margin-left: calc((5 / 12) * 100%);
+ }
+ .offset-xl-6 {
+ margin-left: calc((6 / 12) * 100%);
+ }
+ .offset-xl-7 {
+ margin-left: calc((7 / 12) * 100%);
+ }
+ .offset-xl-8 {
+ margin-left: calc((8 / 12) * 100%);
+ }
+ .offset-xl-9 {
+ margin-left: calc((9 / 12) * 100%);
+ }
+ .offset-xl-10 {
+ margin-left: calc((10 / 12) * 100%);
+ }
+ .offset-xl-11 {
+ margin-left: calc((11 / 12) * 100%);
+ }
+}
+@media (min-width: 1680px) {
+ .col-xxl {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%;
+ }
+ .col-xxl-1 {
+ flex: 0 0 calc((1 / 12) * 100%);
+ max-width: calc((1 / 12) * 100%);
+ }
+ .col-xxl-2 {
+ flex: 0 0 calc((2 / 12) * 100%);
+ max-width: calc((2 / 12) * 100%);
+ }
+ .col-xxl-3 {
+ flex: 0 0 calc((3 / 12) * 100%);
+ max-width: calc((3 / 12) * 100%);
+ }
+ .col-xxl-4 {
+ flex: 0 0 calc((4 / 12) * 100%);
+ max-width: calc((4 / 12) * 100%);
+ }
+ .col-xxl-5 {
+ flex: 0 0 calc((5 / 12) * 100%);
+ max-width: calc((5 / 12) * 100%);
+ }
+ .col-xxl-6 {
+ flex: 0 0 calc((6 / 12) * 100%);
+ max-width: calc((6 / 12) * 100%);
+ }
+ .col-xxl-7 {
+ flex: 0 0 calc((7 / 12) * 100%);
+ max-width: calc((7 / 12) * 100%);
+ }
+ .col-xxl-8 {
+ flex: 0 0 calc((8 / 12) * 100%);
+ max-width: calc((8 / 12) * 100%);
+ }
+ .col-xxl-9 {
+ flex: 0 0 calc((9 / 12) * 100%);
+ max-width: calc((9 / 12) * 100%);
+ }
+ .col-xxl-10 {
+ flex: 0 0 calc((10 / 12) * 100%);
+ max-width: calc((10 / 12) * 100%);
+ }
+ .col-xxl-11 {
+ flex: 0 0 calc((11 / 12) * 100%);
+ max-width: calc((11 / 12) * 100%);
+ }
+ .col-xxl-12 {
+ flex: 0 0 calc((12 / 12) * 100%);
+ max-width: calc((12 / 12) * 100%);
+ }
+ .order-xxl-first {
+ order: -1;
+ }
+ .order-xxl-last {
+ order: 13;
+ }
+ .order-xxl-0 {
+ order: 0;
+ }
+ .order-xxl-1 {
+ order: 1;
+ }
+ .order-xxl-2 {
+ order: 2;
+ }
+ .order-xxl-3 {
+ order: 3;
+ }
+ .order-xxl-4 {
+ order: 4;
+ }
+ .order-xxl-5 {
+ order: 5;
+ }
+ .order-xxl-6 {
+ order: 6;
+ }
+ .order-xxl-7 {
+ order: 7;
+ }
+ .order-xxl-8 {
+ order: 8;
+ }
+ .order-xxl-9 {
+ order: 9;
+ }
+ .order-xxl-10 {
+ order: 10;
+ }
+ .order-xxl-11 {
+ order: 11;
+ }
+ .order-xxl-12 {
+ order: 12;
+ }
+ .offset-xxl-0 {
+ margin-left: calc((0 / 12) * 100%);
+ }
+ .offset-xxl-1 {
+ margin-left: calc((1 / 12) * 100%);
+ }
+ .offset-xxl-2 {
+ margin-left: calc((2 / 12) * 100%);
+ }
+ .offset-xxl-3 {
+ margin-left: calc((3 / 12) * 100%);
+ }
+ .offset-xxl-4 {
+ margin-left: calc((4 / 12) * 100%);
+ }
+ .offset-xxl-5 {
+ margin-left: calc((5 / 12) * 100%);
+ }
+ .offset-xxl-6 {
+ margin-left: calc((6 / 12) * 100%);
+ }
+ .offset-xxl-7 {
+ margin-left: calc((7 / 12) * 100%);
+ }
+ .offset-xxl-8 {
+ margin-left: calc((8 / 12) * 100%);
+ }
+ .offset-xxl-9 {
+ margin-left: calc((9 / 12) * 100%);
+ }
+ .offset-xxl-10 {
+ margin-left: calc((10 / 12) * 100%);
+ }
+ .offset-xxl-11 {
+ margin-left: calc((11 / 12) * 100%);
+ }
+}
+.img-fluid, .page-triplet-container .triplet-card .triplet-card-thumbnail img {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: var(--border-width) solid #dee2e6;
+ border-radius: var(--border-radius);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: calc(1.6rem / 2);
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: var(--fs-base);
+ color: #6c757d;
+}
+
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
+}
+.input-group > .form-control, .post-password-form .input-group > input[type=password],
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ margin-bottom: 0;
+}
+.input-group > .form-control + .form-control, .post-password-form .input-group > input[type=password] + .form-control, .post-password-form .input-group > .form-control + input[type=password], .post-password-form .input-group > input[type=password] + input[type=password],
+.input-group > .form-control + .custom-select,
+.post-password-form .input-group > input[type=password] + .custom-select,
+.input-group > .form-control + .custom-file,
+.post-password-form .input-group > input[type=password] + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.post-password-form .input-group > .form-control-plaintext + input[type=password],
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.post-password-form .input-group > .custom-select + input[type=password],
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.post-password-form .input-group > .custom-file + input[type=password],
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+ margin-left: calc(var(--border-width) * -1);
+}
+.input-group > .form-control:focus, .post-password-form .input-group > input[type=password]:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+ z-index: 3;
+}
+.input-group > .custom-file .custom-file-input:focus {
+ z-index: 4;
+}
+.input-group > .form-control:not(:last-child), .post-password-form .input-group > input[type=password]:not(:last-child),
+.input-group > .custom-select:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > .form-control:not(:first-child), .post-password-form .input-group > input[type=password]:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group > .custom-file {
+ display: flex;
+ align-items: center;
+}
+.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+ display: flex;
+}
+.input-group-prepend .btn, .input-group-prepend .post-password-form input[type=submit], .post-password-form .input-group-prepend input[type=submit], .input-group-prepend .blog-comments .form-submit input.submit, .blog-comments .form-submit .input-group-prepend input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit, .input-group-prepend .nav-cta a, .nav-cta .input-group-prepend a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend a, .input-group-prepend .navbar-mobile-toggler,
+.input-group-append .btn,
+.input-group-append .post-password-form input[type=submit],
+.post-password-form .input-group-append input[type=submit],
+.input-group-append .blog-comments .form-submit input.submit,
+.blog-comments .form-submit .input-group-append input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit,
+.input-group-append .nav-cta a,
+.nav-cta .input-group-append a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a,
+.input-group-append .navbar-mobile-toggler {
+ position: relative;
+ z-index: 2;
+}
+.input-group-prepend .btn:focus, .input-group-prepend .post-password-form input[type=submit]:focus, .post-password-form .input-group-prepend input[type=submit]:focus, .input-group-prepend .blog-comments .form-submit input.submit:focus, .blog-comments .form-submit .input-group-prepend input.submit:focus,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit:focus,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit:focus, .input-group-prepend .nav-cta a:focus, .nav-cta .input-group-prepend a:focus, .input-group-prepend .navbar-primary .navbar-nav > li:last-child a:focus, .navbar-primary .navbar-nav > li:last-child .input-group-prepend a:focus, .input-group-prepend .navbar-mobile-toggler:focus,
+.input-group-append .btn:focus,
+.input-group-append .post-password-form input[type=submit]:focus,
+.post-password-form .input-group-append input[type=submit]:focus,
+.input-group-append .blog-comments .form-submit input.submit:focus,
+.blog-comments .form-submit .input-group-append input.submit:focus,
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit:focus,
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit:focus,
+.input-group-append .nav-cta a:focus,
+.nav-cta .input-group-append a:focus,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a:focus,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a:focus,
+.input-group-append .navbar-mobile-toggler:focus {
+ z-index: 3;
+}
+.input-group-prepend .btn + .btn, .input-group-prepend .post-password-form input[type=submit] + .btn, .post-password-form .input-group-prepend input[type=submit] + .btn, .input-group-prepend .post-password-form .btn + input[type=submit], .post-password-form .input-group-prepend .btn + input[type=submit], .input-group-prepend .post-password-form input[type=submit] + input[type=submit], .post-password-form .input-group-prepend input[type=submit] + input[type=submit], .input-group-prepend .blog-comments .form-submit input.submit + .btn, .input-group-prepend .blog-comments .form-submit .post-password-form input.submit + input[type=submit], .post-password-form .input-group-prepend .blog-comments .form-submit input.submit + input[type=submit], .blog-comments .form-submit .input-group-prepend input.submit + .btn, .blog-comments .form-submit .input-group-prepend .post-password-form input.submit + input[type=submit], .post-password-form .blog-comments .form-submit .input-group-prepend input.submit + input[type=submit],
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + .btn,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .post-password-form input.submit + input[type=submit],
+.post-password-form .input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + input[type=submit],
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit + .btn,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .post-password-form input.submit + input[type=submit],
+.post-password-form .blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit + input[type=submit], .input-group-prepend .blog-comments .form-submit .btn + input.submit, .input-group-prepend .blog-comments .form-submit .post-password-form input[type=submit] + input.submit, .post-password-form .input-group-prepend .blog-comments .form-submit input[type=submit] + input.submit, .blog-comments .form-submit .input-group-prepend .btn + input.submit, .blog-comments .form-submit .input-group-prepend .post-password-form input[type=submit] + input.submit, .post-password-form .blog-comments .form-submit .input-group-prepend input[type=submit] + input.submit, .input-group-prepend .blog-comments .form-submit input.submit + input.submit, .blog-comments .form-submit .input-group-prepend input.submit + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .form-submit input.submit + input.submit,
+.input-group-prepend .blog-comments .form-submit #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .form-submit input.submit + input.submit,
+.blog-comments .form-submit #recaptcha-submit-btn-area .input-group-prepend input.submit + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .btn + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .post-password-form input[type=submit] + input.submit,
+.post-password-form .input-group-prepend .blog-comments #recaptcha-submit-btn-area input[type=submit] + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .btn + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .post-password-form input[type=submit] + input.submit,
+.post-password-form .blog-comments #recaptcha-submit-btn-area .input-group-prepend input[type=submit] + input.submit,
+.input-group-prepend .blog-comments .form-submit #recaptcha-submit-btn-area input.submit + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .form-submit input.submit + input.submit,
+.blog-comments .form-submit .input-group-prepend #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .form-submit .input-group-prepend input.submit + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit + input.submit, .input-group-prepend .nav-cta a + .btn, .input-group-prepend .nav-cta .post-password-form a + input[type=submit], .post-password-form .input-group-prepend .nav-cta a + input[type=submit], .input-group-prepend .nav-cta .blog-comments .form-submit a + input.submit, .blog-comments .form-submit .input-group-prepend .nav-cta a + input.submit,
+.input-group-prepend .nav-cta .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .nav-cta a + input.submit, .nav-cta .input-group-prepend a + .btn, .nav-cta .input-group-prepend .post-password-form a + input[type=submit], .post-password-form .nav-cta .input-group-prepend a + input[type=submit], .nav-cta .input-group-prepend .blog-comments .form-submit a + input.submit, .blog-comments .form-submit .nav-cta .input-group-prepend a + input.submit,
+.nav-cta .input-group-prepend .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .nav-cta .input-group-prepend a + input.submit, .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + .btn, .input-group-prepend .navbar-primary .navbar-nav > li:last-child .post-password-form a + input[type=submit], .post-password-form .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + input[type=submit], .input-group-prepend .navbar-primary .navbar-nav > li:last-child .blog-comments .form-submit a + input.submit, .blog-comments .form-submit .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + input.submit,
+.input-group-prepend .navbar-primary .navbar-nav > li:last-child .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + input.submit, .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + .btn, .navbar-primary .navbar-nav > li:last-child .input-group-prepend .post-password-form a + input[type=submit], .post-password-form .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + input[type=submit], .navbar-primary .navbar-nav > li:last-child .input-group-prepend .blog-comments .form-submit a + input.submit, .blog-comments .form-submit .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + input.submit,
+.navbar-primary .navbar-nav > li:last-child .input-group-prepend .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + input.submit, .input-group-prepend .nav-cta .btn + a, .input-group-prepend .nav-cta .post-password-form input[type=submit] + a, .post-password-form .input-group-prepend .nav-cta input[type=submit] + a, .input-group-prepend .nav-cta .blog-comments .form-submit input.submit + a, .blog-comments .form-submit .input-group-prepend .nav-cta input.submit + a,
+.input-group-prepend .nav-cta .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .nav-cta input.submit + a, .nav-cta .input-group-prepend .btn + a, .nav-cta .input-group-prepend .post-password-form input[type=submit] + a, .post-password-form .nav-cta .input-group-prepend input[type=submit] + a, .nav-cta .input-group-prepend .blog-comments .form-submit input.submit + a, .blog-comments .form-submit .nav-cta .input-group-prepend input.submit + a,
+.nav-cta .input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .nav-cta .input-group-prepend input.submit + a, .input-group-prepend .nav-cta a + a, .nav-cta .input-group-prepend a + a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child .btn + a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child .post-password-form input[type=submit] + a, .post-password-form .input-group-prepend .navbar-primary .navbar-nav > li:last-child input[type=submit] + a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child .blog-comments .form-submit input.submit + a, .blog-comments .form-submit .input-group-prepend .navbar-primary .navbar-nav > li:last-child input.submit + a,
+.input-group-prepend .navbar-primary .navbar-nav > li:last-child .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .navbar-primary .navbar-nav > li:last-child input.submit + a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend .btn + a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend .post-password-form input[type=submit] + a, .post-password-form .navbar-primary .navbar-nav > li:last-child .input-group-prepend input[type=submit] + a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend .blog-comments .form-submit input.submit + a, .blog-comments .form-submit .navbar-primary .navbar-nav > li:last-child .input-group-prepend input.submit + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .navbar-primary .navbar-nav > li:last-child .input-group-prepend input.submit + a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + a, .input-group-prepend .navbar-mobile-toggler + .btn, .input-group-prepend .post-password-form .navbar-mobile-toggler + input[type=submit], .post-password-form .input-group-prepend .navbar-mobile-toggler + input[type=submit], .input-group-prepend .blog-comments .form-submit .navbar-mobile-toggler + input.submit, .blog-comments .form-submit .input-group-prepend .navbar-mobile-toggler + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .navbar-mobile-toggler + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .navbar-mobile-toggler + input.submit, .input-group-prepend .nav-cta .navbar-mobile-toggler + a, .nav-cta .input-group-prepend .navbar-mobile-toggler + a, .input-group-prepend .navbar-primary .navbar-nav > li:last-child .navbar-mobile-toggler + a, .navbar-primary .navbar-nav > li:last-child .input-group-prepend .navbar-mobile-toggler + a, .input-group-prepend .btn + .navbar-mobile-toggler, .input-group-prepend .post-password-form input[type=submit] + .navbar-mobile-toggler, .post-password-form .input-group-prepend input[type=submit] + .navbar-mobile-toggler, .input-group-prepend .blog-comments .form-submit input.submit + .navbar-mobile-toggler, .blog-comments .form-submit .input-group-prepend input.submit + .navbar-mobile-toggler,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + .navbar-mobile-toggler,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit + .navbar-mobile-toggler, .input-group-prepend .nav-cta a + .navbar-mobile-toggler, .nav-cta .input-group-prepend a + .navbar-mobile-toggler, .input-group-prepend .navbar-primary .navbar-nav > li:last-child a + .navbar-mobile-toggler, .navbar-primary .navbar-nav > li:last-child .input-group-prepend a + .navbar-mobile-toggler, .input-group-prepend .navbar-mobile-toggler + .navbar-mobile-toggler,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .post-password-form input[type=submit] + .input-group-text,
+.post-password-form .input-group-prepend input[type=submit] + .input-group-text,
+.input-group-prepend .blog-comments .form-submit input.submit + .input-group-text,
+.blog-comments .form-submit .input-group-prepend input.submit + .input-group-text,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area input.submit + .input-group-text,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend input.submit + .input-group-text,
+.input-group-prepend .nav-cta a + .input-group-text,
+.nav-cta .input-group-prepend a + .input-group-text,
+.input-group-prepend .navbar-primary .navbar-nav > li:last-child a + .input-group-text,
+.navbar-primary .navbar-nav > li:last-child .input-group-prepend a + .input-group-text,
+.input-group-prepend .navbar-mobile-toggler + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-prepend .post-password-form .input-group-text + input[type=submit],
+.post-password-form .input-group-prepend .input-group-text + input[type=submit],
+.input-group-prepend .blog-comments .form-submit .input-group-text + input.submit,
+.blog-comments .form-submit .input-group-prepend .input-group-text + input.submit,
+.input-group-prepend .blog-comments #recaptcha-submit-btn-area .input-group-text + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-prepend .input-group-text + input.submit,
+.input-group-prepend .nav-cta .input-group-text + a,
+.nav-cta .input-group-prepend .input-group-text + a,
+.input-group-prepend .navbar-primary .navbar-nav > li:last-child .input-group-text + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-prepend .input-group-text + a,
+.input-group-prepend .input-group-text + .navbar-mobile-toggler,
+.input-group-append .btn + .btn,
+.input-group-append .post-password-form input[type=submit] + .btn,
+.post-password-form .input-group-append input[type=submit] + .btn,
+.input-group-append .post-password-form .btn + input[type=submit],
+.post-password-form .input-group-append .btn + input[type=submit],
+.input-group-append .post-password-form input[type=submit] + input[type=submit],
+.post-password-form .input-group-append input[type=submit] + input[type=submit],
+.input-group-append .blog-comments .form-submit input.submit + .btn,
+.input-group-append .blog-comments .form-submit .post-password-form input.submit + input[type=submit],
+.post-password-form .input-group-append .blog-comments .form-submit input.submit + input[type=submit],
+.blog-comments .form-submit .input-group-append input.submit + .btn,
+.blog-comments .form-submit .input-group-append .post-password-form input.submit + input[type=submit],
+.post-password-form .blog-comments .form-submit .input-group-append input.submit + input[type=submit],
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + .btn,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .post-password-form input.submit + input[type=submit],
+.post-password-form .input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + input[type=submit],
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit + .btn,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .post-password-form input.submit + input[type=submit],
+.post-password-form .blog-comments #recaptcha-submit-btn-area .input-group-append input.submit + input[type=submit],
+.input-group-append .blog-comments .form-submit .btn + input.submit,
+.input-group-append .blog-comments .form-submit .post-password-form input[type=submit] + input.submit,
+.post-password-form .input-group-append .blog-comments .form-submit input[type=submit] + input.submit,
+.blog-comments .form-submit .input-group-append .btn + input.submit,
+.blog-comments .form-submit .input-group-append .post-password-form input[type=submit] + input.submit,
+.post-password-form .blog-comments .form-submit .input-group-append input[type=submit] + input.submit,
+.input-group-append .blog-comments .form-submit input.submit + input.submit,
+.blog-comments .form-submit .input-group-append input.submit + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .form-submit input.submit + input.submit,
+.input-group-append .blog-comments .form-submit #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .form-submit input.submit + input.submit,
+.blog-comments .form-submit #recaptcha-submit-btn-area .input-group-append input.submit + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .btn + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .post-password-form input[type=submit] + input.submit,
+.post-password-form .input-group-append .blog-comments #recaptcha-submit-btn-area input[type=submit] + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .btn + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .post-password-form input[type=submit] + input.submit,
+.post-password-form .blog-comments #recaptcha-submit-btn-area .input-group-append input[type=submit] + input.submit,
+.input-group-append .blog-comments .form-submit #recaptcha-submit-btn-area input.submit + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .form-submit input.submit + input.submit,
+.blog-comments .form-submit .input-group-append #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .form-submit .input-group-append input.submit + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit + input.submit,
+.input-group-append .nav-cta a + .btn,
+.input-group-append .nav-cta .post-password-form a + input[type=submit],
+.post-password-form .input-group-append .nav-cta a + input[type=submit],
+.input-group-append .nav-cta .blog-comments .form-submit a + input.submit,
+.blog-comments .form-submit .input-group-append .nav-cta a + input.submit,
+.input-group-append .nav-cta .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .nav-cta a + input.submit,
+.nav-cta .input-group-append a + .btn,
+.nav-cta .input-group-append .post-password-form a + input[type=submit],
+.post-password-form .nav-cta .input-group-append a + input[type=submit],
+.nav-cta .input-group-append .blog-comments .form-submit a + input.submit,
+.blog-comments .form-submit .nav-cta .input-group-append a + input.submit,
+.nav-cta .input-group-append .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .nav-cta .input-group-append a + input.submit,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a + .btn,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .post-password-form a + input[type=submit],
+.post-password-form .input-group-append .navbar-primary .navbar-nav > li:last-child a + input[type=submit],
+.input-group-append .navbar-primary .navbar-nav > li:last-child .blog-comments .form-submit a + input.submit,
+.blog-comments .form-submit .input-group-append .navbar-primary .navbar-nav > li:last-child a + input.submit,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .navbar-primary .navbar-nav > li:last-child a + input.submit,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a + .btn,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .post-password-form a + input[type=submit],
+.post-password-form .navbar-primary .navbar-nav > li:last-child .input-group-append a + input[type=submit],
+.navbar-primary .navbar-nav > li:last-child .input-group-append .blog-comments .form-submit a + input.submit,
+.blog-comments .form-submit .navbar-primary .navbar-nav > li:last-child .input-group-append a + input.submit,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .blog-comments #recaptcha-submit-btn-area a + input.submit,
+.blog-comments #recaptcha-submit-btn-area .navbar-primary .navbar-nav > li:last-child .input-group-append a + input.submit,
+.input-group-append .nav-cta .btn + a,
+.input-group-append .nav-cta .post-password-form input[type=submit] + a,
+.post-password-form .input-group-append .nav-cta input[type=submit] + a,
+.input-group-append .nav-cta .blog-comments .form-submit input.submit + a,
+.blog-comments .form-submit .input-group-append .nav-cta input.submit + a,
+.input-group-append .nav-cta .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .nav-cta input.submit + a,
+.nav-cta .input-group-append .btn + a,
+.nav-cta .input-group-append .post-password-form input[type=submit] + a,
+.post-password-form .nav-cta .input-group-append input[type=submit] + a,
+.nav-cta .input-group-append .blog-comments .form-submit input.submit + a,
+.blog-comments .form-submit .nav-cta .input-group-append input.submit + a,
+.nav-cta .input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .nav-cta .input-group-append input.submit + a,
+.input-group-append .nav-cta a + a,
+.nav-cta .input-group-append a + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .btn + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .post-password-form input[type=submit] + a,
+.post-password-form .input-group-append .navbar-primary .navbar-nav > li:last-child input[type=submit] + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .blog-comments .form-submit input.submit + a,
+.blog-comments .form-submit .input-group-append .navbar-primary .navbar-nav > li:last-child input.submit + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .navbar-primary .navbar-nav > li:last-child input.submit + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .btn + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .post-password-form input[type=submit] + a,
+.post-password-form .navbar-primary .navbar-nav > li:last-child .input-group-append input[type=submit] + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .blog-comments .form-submit input.submit + a,
+.blog-comments .form-submit .navbar-primary .navbar-nav > li:last-child .input-group-append input.submit + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + a,
+.blog-comments #recaptcha-submit-btn-area .navbar-primary .navbar-nav > li:last-child .input-group-append input.submit + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a + a,
+.input-group-append .navbar-mobile-toggler + .btn,
+.input-group-append .post-password-form .navbar-mobile-toggler + input[type=submit],
+.post-password-form .input-group-append .navbar-mobile-toggler + input[type=submit],
+.input-group-append .blog-comments .form-submit .navbar-mobile-toggler + input.submit,
+.blog-comments .form-submit .input-group-append .navbar-mobile-toggler + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .navbar-mobile-toggler + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .navbar-mobile-toggler + input.submit,
+.input-group-append .nav-cta .navbar-mobile-toggler + a,
+.nav-cta .input-group-append .navbar-mobile-toggler + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .navbar-mobile-toggler + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .navbar-mobile-toggler + a,
+.input-group-append .btn + .navbar-mobile-toggler,
+.input-group-append .post-password-form input[type=submit] + .navbar-mobile-toggler,
+.post-password-form .input-group-append input[type=submit] + .navbar-mobile-toggler,
+.input-group-append .blog-comments .form-submit input.submit + .navbar-mobile-toggler,
+.blog-comments .form-submit .input-group-append input.submit + .navbar-mobile-toggler,
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + .navbar-mobile-toggler,
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit + .navbar-mobile-toggler,
+.input-group-append .nav-cta a + .navbar-mobile-toggler,
+.nav-cta .input-group-append a + .navbar-mobile-toggler,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a + .navbar-mobile-toggler,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a + .navbar-mobile-toggler,
+.input-group-append .navbar-mobile-toggler + .navbar-mobile-toggler,
+.input-group-append .btn + .input-group-text,
+.input-group-append .post-password-form input[type=submit] + .input-group-text,
+.post-password-form .input-group-append input[type=submit] + .input-group-text,
+.input-group-append .blog-comments .form-submit input.submit + .input-group-text,
+.blog-comments .form-submit .input-group-append input.submit + .input-group-text,
+.input-group-append .blog-comments #recaptcha-submit-btn-area input.submit + .input-group-text,
+.blog-comments #recaptcha-submit-btn-area .input-group-append input.submit + .input-group-text,
+.input-group-append .nav-cta a + .input-group-text,
+.nav-cta .input-group-append a + .input-group-text,
+.input-group-append .navbar-primary .navbar-nav > li:last-child a + .input-group-text,
+.navbar-primary .navbar-nav > li:last-child .input-group-append a + .input-group-text,
+.input-group-append .navbar-mobile-toggler + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn,
+.input-group-append .post-password-form .input-group-text + input[type=submit],
+.post-password-form .input-group-append .input-group-text + input[type=submit],
+.input-group-append .blog-comments .form-submit .input-group-text + input.submit,
+.blog-comments .form-submit .input-group-append .input-group-text + input.submit,
+.input-group-append .blog-comments #recaptcha-submit-btn-area .input-group-text + input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-append .input-group-text + input.submit,
+.input-group-append .nav-cta .input-group-text + a,
+.nav-cta .input-group-append .input-group-text + a,
+.input-group-append .navbar-primary .navbar-nav > li:last-child .input-group-text + a,
+.navbar-primary .navbar-nav > li:last-child .input-group-append .input-group-text + a,
+.input-group-append .input-group-text + .navbar-mobile-toggler {
+ margin-left: calc(var(--border-width) * -1);
+}
+
+.input-group-prepend {
+ margin-right: calc(var(--border-width) * -1);
+}
+
+.input-group-append {
+ margin-left: calc(var(--border-width) * -1);
+}
+
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ margin-bottom: 0;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--input-color-border);
+ border: var(--border-width) solid var(--input-color-border);
+ border-radius: var(--border-radius);
+}
+.input-group-text input[type=radio],
+.input-group-text input[type=checkbox] {
+ margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea), .post-password-form .input-group-lg > input[type=password]:not(textarea),
+.input-group-lg > .custom-select {
+ height: calc(1.5em + 1rem + calc(0.2rem * 2));
+}
+
+.input-group-lg > .form-control, .post-password-form .input-group-lg > input[type=password],
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.post-password-form .input-group-lg > .input-group-prepend > input[type=submit],
+.blog-comments .form-submit .input-group-lg > .input-group-prepend > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-lg > .input-group-prepend > input.submit,
+.nav-cta .input-group-lg > .input-group-prepend > a,
+.navbar-primary .navbar-nav > li:last-child .input-group-lg > .input-group-prepend > a,
+.input-group-lg > .input-group-prepend > .navbar-mobile-toggler,
+.input-group-lg > .input-group-append > .btn,
+.post-password-form .input-group-lg > .input-group-append > input[type=submit],
+.blog-comments .form-submit .input-group-lg > .input-group-append > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-lg > .input-group-append > input.submit,
+.nav-cta .input-group-lg > .input-group-append > a,
+.navbar-primary .navbar-nav > li:last-child .input-group-lg > .input-group-append > a,
+.input-group-lg > .input-group-append > .navbar-mobile-toggler {
+ padding: 0.5rem 1rem;
+ line-height: 1.5;
+ border-radius: var(--border-radius);
+}
+
+.input-group-sm > .form-control:not(textarea), .post-password-form .input-group-sm > input[type=password]:not(textarea),
+.input-group-sm > .custom-select {
+ height: calc(1.5em + 0.5rem + calc(0.2rem * 2));
+}
+
+.input-group-sm > .form-control, .post-password-form .input-group-sm > input[type=password],
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.post-password-form .input-group-sm > .input-group-prepend > input[type=submit],
+.blog-comments .form-submit .input-group-sm > .input-group-prepend > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-sm > .input-group-prepend > input.submit,
+.nav-cta .input-group-sm > .input-group-prepend > a,
+.navbar-primary .navbar-nav > li:last-child .input-group-sm > .input-group-prepend > a,
+.input-group-sm > .input-group-prepend > .navbar-mobile-toggler,
+.input-group-sm > .input-group-append > .btn,
+.post-password-form .input-group-sm > .input-group-append > input[type=submit],
+.blog-comments .form-submit .input-group-sm > .input-group-append > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group-sm > .input-group-append > input.submit,
+.nav-cta .input-group-sm > .input-group-append > a,
+.navbar-primary .navbar-nav > li:last-child .input-group-sm > .input-group-append > a,
+.input-group-sm > .input-group-append > .navbar-mobile-toggler {
+ padding: 0.25rem 0.5rem;
+ line-height: 1.5;
+ border-radius: var(--border-radius);
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+ padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn, .post-password-form .input-group > .input-group-prepend > input[type=submit], .blog-comments .form-submit .input-group > .input-group-prepend > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-prepend > input.submit, .nav-cta .input-group > .input-group-prepend > a, .navbar-primary .navbar-nav > li:last-child .input-group > .input-group-prepend > a, .input-group > .input-group-prepend > .navbar-mobile-toggler,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.post-password-form .input-group > .input-group-append:not(:last-child) > input[type=submit],
+.blog-comments .form-submit .input-group > .input-group-append:not(:last-child) > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-append:not(:last-child) > input.submit,
+.nav-cta .input-group > .input-group-append:not(:last-child) > a,
+.navbar-primary .navbar-nav > li:last-child .input-group > .input-group-append:not(:last-child) > a,
+.input-group > .input-group-append:not(:last-child) > .navbar-mobile-toggler,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.post-password-form .input-group > .input-group-append:last-child > input[type=submit]:not(:last-child):not(.dropdown-toggle),
+.blog-comments .form-submit .input-group > .input-group-append:last-child > input.submit:not(:last-child):not(.dropdown-toggle),
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-append:last-child > input.submit:not(:last-child):not(.dropdown-toggle),
+.nav-cta .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),
+.navbar-primary .navbar-nav > li:last-child .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .navbar-mobile-toggler:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group > .input-group-append > .btn, .post-password-form .input-group > .input-group-append > input[type=submit], .blog-comments .form-submit .input-group > .input-group-append > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-append > input.submit, .nav-cta .input-group > .input-group-append > a, .navbar-primary .navbar-nav > li:last-child .input-group > .input-group-append > a, .input-group > .input-group-append > .navbar-mobile-toggler,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.post-password-form .input-group > .input-group-prepend:not(:first-child) > input[type=submit],
+.blog-comments .form-submit .input-group > .input-group-prepend:not(:first-child) > input.submit,
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-prepend:not(:first-child) > input.submit,
+.nav-cta .input-group > .input-group-prepend:not(:first-child) > a,
+.navbar-primary .navbar-nav > li:last-child .input-group > .input-group-prepend:not(:first-child) > a,
+.input-group > .input-group-prepend:not(:first-child) > .navbar-mobile-toggler,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.post-password-form .input-group > .input-group-prepend:first-child > input[type=submit]:not(:first-child),
+.blog-comments .form-submit .input-group > .input-group-prepend:first-child > input.submit:not(:first-child),
+.blog-comments #recaptcha-submit-btn-area .input-group > .input-group-prepend:first-child > input.submit:not(:first-child),
+.nav-cta .input-group > .input-group-prepend:first-child > a:not(:first-child),
+.navbar-primary .navbar-nav > li:last-child .input-group > .input-group-prepend:first-child > a:not(:first-child),
+.input-group > .input-group-prepend:first-child > .navbar-mobile-toggler:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
+}
+.list-group-item-action:active {
+ color: var(--color-text);
+ background-color: #e9ecef;
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.75rem 1.25rem;
+ margin-bottom: -var(--border-width);
+ background-color: #fff;
+ border: var(--border-width) solid rgba(0, 0, 0, 0.125);
+}
+.list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+}
+.list-group-item.disabled, .list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+}
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: var(--color-accent);
+ border-color: var(--color-accent);
+}
+
+.list-group-horizontal {
+ flex-direction: row;
+}
+.list-group-horizontal .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+}
+.list-group-horizontal .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+}
+.list-group-horizontal .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+}
+
+@media (min-width: 900px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+ }
+ .list-group-horizontal-sm .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+ }
+}
+@media (min-width: 980px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+ }
+ .list-group-horizontal-md .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+ }
+}
+@media (min-width: 1220px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+ }
+ .list-group-horizontal-lg .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+ }
+}
+@media (min-width: 1380px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+ }
+ .list-group-horizontal-xl .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+ }
+}
+@media (min-width: 1680px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl .list-group-item {
+ margin-right: -var(--border-width);
+ margin-bottom: 0;
+ }
+ .list-group-horizontal-xxl .list-group-item:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-left-radius: 0;
+ }
+}
+.media {
+ display: flex;
+ align-items: flex-start;
+}
+
+.media-body {
+ flex: 1;
+}
+
+.modal-open {
+ overflow: hidden;
+}
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ outline: 0;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
+}
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
+}
+.modal.show .modal-dialog {
+ transform: none;
+}
+
+.modal-dialog-scrollable {
+ display: flex;
+ max-height: calc(100% - 1rem);
+}
+.modal-dialog-scrollable .modal-content {
+ max-height: calc(100vh - 1rem);
+ overflow: hidden;
+}
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+ flex-shrink: 0;
+}
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
+}
+.modal-dialog-centered::before {
+ display: block;
+ height: calc(100vh - 1rem);
+ content: "";
+}
+.modal-dialog-centered.modal-dialog-scrollable {
+ flex-direction: column;
+ justify-content: center;
+ height: 100%;
+}
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+ max-height: none;
+}
+.modal-dialog-centered.modal-dialog-scrollable::before {
+ content: none;
+}
+
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: var(--border-width) solid rgba(0, 0, 0, 0.2);
+ border-radius: var(--border-radius);
+ box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
+ outline: 0;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
+}
+.modal-backdrop.fade {
+ opacity: 0;
+}
+.modal-backdrop.show {
+ opacity: 0.5;
+}
+
+.modal-header {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: var(--border-width) solid var(--border-color);
+ border-top-left-radius: var(--border-radius-lg);
+ border-top-right-radius: var(--border-radius-lg);
+}
+.modal-header .close {
+ padding: 1rem 1rem;
+ margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
+}
+
+.modal-footer {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 1rem;
+ border-top: var(--border-width) solid var(--border-color);
+ border-bottom-right-radius: var(--border-radius-lg);
+ border-bottom-left-radius: var(--border-radius-lg);
+}
+.modal-footer > :not(:first-child) {
+ margin-left: 0.25rem;
+}
+.modal-footer > :not(:last-child) {
+ margin-right: 0.25rem;
+}
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+@media (min-width: 900px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
+ .modal-dialog-scrollable {
+ max-height: calc(100% - 3.5rem);
+ }
+ .modal-dialog-scrollable .modal-content {
+ max-height: calc(100vh - 3.5rem);
+ }
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
+ .modal-dialog-centered::before {
+ height: calc(100vh - 3.5rem);
+ }
+ .modal-content {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
+ }
+ .modal-sm {
+ max-width: 300px;
+ }
+}
+@media (min-width: 1220px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
+}
+@media (min-width: 1380px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
+}
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+}
+.nav-link:hover, .nav-link:focus {
+ text-decoration: none;
+}
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
+}
+
+.nav-tabs {
+ border-bottom: 0.2rem solid transparent;
+}
+.nav-tabs .nav-item, .nav-tabs .navbar-nav > li {
+ margin-bottom: -0.2rem;
+}
+.nav-tabs .nav-link {
+ border: 0.2rem solid transparent;
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef transparent;
+}
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .navbar-nav > li.show .nav-link {
+ color: #495057;
+ background-color: transparent;
+ border-color: var(--color-accent);
+}
+.nav-tabs .dropdown-menu {
+ margin-top: -0.2rem;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+ border-radius: var(--border-radius);
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: var(--color-accent);
+}
+
+.nav-fill .nav-item, .nav-fill .navbar-nav > li {
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified .nav-item, .nav-justified .navbar-nav > li {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 1.6rem;
+}
+.navbar > .container, .navbar > .page-header,
+.navbar > .container-fluid {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.navbar-brand {
+ display: inline-block;
+ padding-top: calc((3.1rem - 1.875rem) / 2);
+ padding-bottom: calc((3.1rem - 1.875rem) / 2);
+ margin-right: 1.6rem;
+ line-height: inherit;
+ white-space: nowrap;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+ text-decoration: none;
+}
+
+.navbar-nav {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.navbar-text {
+ display: inline-block;
+ padding-top: 0.8rem;
+ padding-bottom: 0.8rem;
+}
+
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
+}
+
+@media (max-width: 899.98px) {
+ .navbar-expand-sm > .container, .navbar-expand-sm > .page-header,
+ .navbar-expand-sm > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+@media (min-width: 900px) {
+ .navbar-expand-sm {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+ }
+ .navbar-expand-sm > .container, .navbar-expand-sm > .page-header,
+ .navbar-expand-sm > .container-fluid {
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+}
+@media (max-width: 979.98px) {
+ .navbar-expand-md > .container, .navbar-expand-md > .page-header,
+ .navbar-expand-md > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+@media (min-width: 980px) {
+ .navbar-expand-md {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+ }
+ .navbar-expand-md > .container, .navbar-expand-md > .page-header,
+ .navbar-expand-md > .container-fluid {
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+}
+@media (max-width: 1219.98px) {
+ .navbar-expand-lg > .container, .navbar-expand-lg > .page-header,
+ .navbar-expand-lg > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+@media (min-width: 1220px) {
+ .navbar-expand-lg {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+ }
+ .navbar-expand-lg > .container, .navbar-expand-lg > .page-header,
+ .navbar-expand-lg > .container-fluid {
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+}
+@media (max-width: 1379.98px) {
+ .navbar-expand-xl > .container, .navbar-expand-xl > .page-header,
+ .navbar-expand-xl > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+@media (min-width: 1380px) {
+ .navbar-expand-xl {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+ }
+ .navbar-expand-xl > .container, .navbar-expand-xl > .page-header,
+ .navbar-expand-xl > .container-fluid {
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+}
+@media (max-width: 1679.98px) {
+ .navbar-expand-xxl > .container, .navbar-expand-xxl > .page-header,
+ .navbar-expand-xxl > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+@media (min-width: 1680px) {
+ .navbar-expand-xxl {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+ }
+ .navbar-expand-xxl > .container, .navbar-expand-xxl > .page-header,
+ .navbar-expand-xxl > .container-fluid {
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+}
+.navbar-expand {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
+}
+.navbar-expand > .container, .navbar-expand > .page-header,
+.navbar-expand > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+}
+.navbar-expand .navbar-nav {
+ flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: var(--spacer-2);
+ padding-left: var(--spacer-2);
+}
+.navbar-expand > .container, .navbar-expand > .page-header,
+.navbar-expand > .container-fluid {
+ flex-wrap: nowrap;
+}
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+}
+
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
+}
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.5);
+}
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
+}
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
+}
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+.navbar-light .navbar-text a {
+ color: rgba(0, 0, 0, 0.9);
+}
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+ color: #fff;
+}
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+ color: #fff;
+}
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.5);
+}
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
+}
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
+}
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
+}
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+.navbar-dark .navbar-text a {
+ color: #fff;
+}
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+ color: #fff;
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: block;
+ max-width: 276px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0 solid rgba(0, 0, 0, 0.2);
+ border-radius: var(--border-radius);
+ box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
+}
+.popover .arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
+ margin: 0 var(--border-radius-lg);
+}
+.popover .arrow::before, .popover .arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-popover-top, .bs-popover-auto[x-placement^=top] {
+ margin-bottom: 0.5rem;
+}
+.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
+ bottom: calc((0.5rem + 0) * -1);
+}
+.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
+}
+
+.bs-popover-right, .bs-popover-auto[x-placement^=right] {
+ margin-left: 0.5rem;
+}
+.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
+ left: calc((0.5rem + 0) * -1);
+ width: 0.5rem;
+ height: 1rem;
+ margin: var(--border-radius-lg) 0;
+}
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
+}
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
+ margin-top: 0.5rem;
+}
+.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
+ top: calc((0.5rem + 0) * -1);
+}
+.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: "";
+ border-bottom: 0 solid hsl(var(#fff-h), var(#fff-s), calc(var(#fff-l) - 3%));
+}
+
+.bs-popover-left, .bs-popover-auto[x-placement^=left] {
+ margin-right: 0.5rem;
+}
+.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
+ right: calc((0.5rem + 0) * -1);
+ width: 0.5rem;
+ height: 1rem;
+ margin: var(--border-radius-lg) 0;
+}
+.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
+}
+
+.popover-header {
+ padding: 0.5rem 0.75rem;
+ margin-bottom: 0;
+ background-color: hsl(var(#fff-h), var(#fff-s), calc(var(#fff-l) - 3%));
+ border-bottom: 0 solid hsl(var(hsl(var(#fff-h), var(#fff-s), calc(var(#fff-l) - 3%))-h), var(hsl(var(#fff-h), var(#fff-s), calc(var(#fff-l) - 3%))-s), calc(var(hsl(var(#fff-h), var(#fff-s), calc(var(#fff-l) - 3%))-l) - 5%));
+ border-top-left-radius: calc(var(--border-radius-lg) - 0);
+ border-top-right-radius: calc(var(--border-radius-lg) - 0);
+}
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: 0.5rem 0.75rem;
+ color: var(--color-text);
+}
+
+@media print {
+ *,
+ *::before,
+ *::after {
+ text-shadow: none !important;
+ box-shadow: none !important;
+ }
+ a:not(.btn):not(.navbar-mobile-toggler) {
+ text-decoration: underline;
+ }
+ abbr[title]::after {
+ content: " (" attr(title) ")";
+ }
+ pre {
+ white-space: pre-wrap !important;
+ }
+ pre,
+ blockquote {
+ border: var(--border-width) solid #adb5bd;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+ @page {
+ size: a3;
+ }
+ body {
+ min-width: 1220px !important;
+ }
+ .container, .page-header,
+ .container-main > .page-header {
+ min-width: 1220px !important;
+ }
+ .navbar {
+ display: none;
+ }
+ .badge, code {
+ border: var(--border-width) solid #000;
+ }
+ .table {
+ border-collapse: collapse !important;
+ }
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #dee2e6 !important;
+ }
+ .table-dark {
+ color: inherit;
+ }
+ .table-dark th,
+ .table-dark td,
+ .table-dark thead th,
+ .table-dark tbody + tbody {
+ border-color: var(--border-color);
+ }
+ .table .thead-dark th {
+ color: inherit;
+ border-color: var(--border-color);
+ }
+}
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 1rem 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ background-color: #e9ecef;
+ border-radius: var(--border-radius);
+ box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
+}
+
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--color-accent);
+ transition: width 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+ animation: progress-bar-stripes 1s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ animation: none;
+ }
+}
+
+.toast {
+ max-width: 350px;
+ overflow: hidden;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ backdrop-filter: blur(10px);
+ opacity: 0;
+ border-radius: var(--border-radius);
+}
+.toast:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+.toast.showing {
+ opacity: 1;
+}
+.toast.show {
+ display: block;
+ opacity: 1;
+}
+.toast.hide {
+ display: none;
+}
+
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.25rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.toast-body {
+ padding: 0.75rem;
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ word-wrap: break-word;
+ opacity: 0;
+}
+.tooltip.show {
+ opacity: 0.9;
+}
+.tooltip .arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
+}
+.tooltip .arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
+ padding: 0.4rem 0;
+}
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
+ bottom: 0;
+}
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
+ top: 0;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
+}
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
+ padding: 0 0.4rem;
+}
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
+ right: 0;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
+ padding: 0.4rem 0;
+}
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
+ top: 0;
+}
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+ bottom: 0;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
+}
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
+ padding: 0 0.4rem;
+}
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
+ left: 0;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: var(--border-radius);
+}
+
+.fade {
+ transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
+}
+.fade:not(.show) {
+ opacity: 0;
+}
+
+.collapse:not(.show) {
+ display: none;
+}
+
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.bg-primary {
+ background-color: var(--color-accent) !important;
+}
+
+.bg-secondary {
+ background-color: var(--color-text-secondary) !important;
+}
+
+.bg-success {
+ background-color: var(--color-success) !important;
+}
+
+.bg-info {
+ background-color: var(--color-info) !important;
+}
+
+.bg-warning {
+ background-color: var(--color-warning) !important;
+}
+
+.bg-danger {
+ background-color: var(--color-danger) !important;
+}
+
+.bg-light {
+ background-color: #f8f9fa !important;
+}
+
+.bg-dark {
+ background-color: #343a40 !important;
+}
+
+.bg-white {
+ background-color: #fff !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.border {
+ border: var(--border-width) solid var(--border-color) !important;
+}
+
+.border-top {
+ border-top: var(--border-width) solid var(--border-color) !important;
+}
+
+.border-right {
+ border-right: var(--border-width) solid var(--border-color) !important;
+}
+
+.border-bottom {
+ border-bottom: var(--border-width) solid var(--border-color) !important;
+}
+
+.border-left {
+ border-left: var(--border-width) solid var(--border-color) !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-right-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-left-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ border-color: var(--color-accent) !important;
+}
+
+.border-secondary {
+ border-color: var(--color-text-secondary) !important;
+}
+
+.border-success {
+ border-color: var(--color-success) !important;
+}
+
+.border-info {
+ border-color: var(--color-info) !important;
+}
+
+.border-warning {
+ border-color: var(--color-warning) !important;
+}
+
+.border-danger {
+ border-color: var(--color-danger) !important;
+}
+
+.border-light {
+ border-color: #f8f9fa !important;
+}
+
+.border-dark {
+ border-color: #343a40 !important;
+}
+
+.border-white {
+ border-color: #fff !important;
+}
+
+.rounded {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.d-none {
+ display: none !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: inline-flex !important;
+}
+
+@media (min-width: 900px) {
+ .d-sm-none {
+ display: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
+}
+@media (min-width: 980px) {
+ .d-md-none {
+ display: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
+}
+@media (min-width: 1220px) {
+ .d-lg-none {
+ display: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
+}
+@media (min-width: 1380px) {
+ .d-xl-none {
+ display: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
+}
+@media (min-width: 1680px) {
+ .d-xxl-none {
+ display: none !important;
+ }
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
+}
+@media print {
+ .d-print-none {
+ display: none !important;
+ }
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+}
+.embed-responsive, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+.embed-responsive::before, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
+ display: block;
+ content: "";
+}
+.embed-responsive .embed-responsive-item, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper .embed-responsive-item, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper .embed-responsive-item,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.embed-responsive iframe,
+.embed-responsive embed,
+.wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper embed,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper embed,
+.embed-responsive object,
+.wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper object,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper object,
+.embed-responsive video,
+.wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper video,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper video {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+.embed-responsive-21by9::before {
+ padding-top: calc((9 / 21) * 100%);
+}
+
+.embed-responsive-16by9::before, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
+ padding-top: calc((9 / 16) * 100%);
+}
+
+.embed-responsive-4by3::before {
+ padding-top: calc((3 / 4) * 100%);
+}
+
+.embed-responsive-1by1::before {
+ padding-top: calc((1 / 1) * 100%);
+}
+
+.flex-row {
+ flex-direction: row !important;
+}
+
+.flex-column {
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ justify-content: space-around !important;
+}
+
+.align-items-start {
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ align-content: center !important;
+}
+
+.align-content-between {
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ align-self: auto !important;
+}
+
+.align-self-start {
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ align-self: stretch !important;
+}
+
+@media (min-width: 900px) {
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+}
+@media (min-width: 980px) {
+ .flex-md-row {
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
+}
+@media (min-width: 1220px) {
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
+}
+@media (min-width: 1380px) {
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ justify-content: space-around !important;
+ }
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
+}
+@media (min-width: 1680px) {
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
+}
+.float-left {
+ float: left !important;
+}
+
+.float-right {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+@media (min-width: 900px) {
+ .float-sm-left {
+ float: left !important;
+ }
+ .float-sm-right {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+}
+@media (min-width: 980px) {
+ .float-md-left {
+ float: left !important;
+ }
+ .float-md-right {
+ float: right !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+}
+@media (min-width: 1220px) {
+ .float-lg-left {
+ float: left !important;
+ }
+ .float-lg-right {
+ float: right !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+}
+@media (min-width: 1380px) {
+ .float-xl-left {
+ float: left !important;
+ }
+ .float-xl-right {
+ float: right !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+}
+@media (min-width: 1680px) {
+ .float-xxl-left {
+ float: left !important;
+ }
+ .float-xxl-right {
+ float: right !important;
+ }
+ .float-xxl-none {
+ float: none !important;
+ }
+}
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: sticky !important;
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+@supports (position: sticky) {
+ .sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+ box-shadow: none !important;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ pointer-events: auto;
+ content: "";
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0 !important;
+}
+
+.m-1 {
+ margin: 0.4rem !important;
+}
+
+.mt-1,
+.my-1 {
+ margin-top: 0.4rem !important;
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.4rem !important;
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.4rem !important;
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.4rem !important;
+}
+
+.m-2 {
+ margin: 0.8rem !important;
+}
+
+.mt-2,
+.my-2 {
+ margin-top: 0.8rem !important;
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: 0.8rem !important;
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: 0.8rem !important;
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: 0.8rem !important;
+}
+
+.m-3 {
+ margin: 1.6rem !important;
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1.6rem !important;
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1.6rem !important;
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1.6rem !important;
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1.6rem !important;
+}
+
+.m-4 {
+ margin: 2.4rem !important;
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 2.4rem !important;
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 2.4rem !important;
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 2.4rem !important;
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 2.4rem !important;
+}
+
+.m-5 {
+ margin: 4.8rem !important;
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 4.8rem !important;
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 4.8rem !important;
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 4.8rem !important;
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 4.8rem !important;
+}
+
+.m-6 {
+ margin: 9.6rem !important;
+}
+
+.mt-6,
+.my-6 {
+ margin-top: 9.6rem !important;
+}
+
+.mr-6,
+.mx-6 {
+ margin-right: 9.6rem !important;
+}
+
+.mb-6,
+.my-6 {
+ margin-bottom: 9.6rem !important;
+}
+
+.ml-6,
+.mx-6 {
+ margin-left: 9.6rem !important;
+}
+
+.m-7 {
+ margin: 19.2rem !important;
+}
+
+.mt-7,
+.my-7 {
+ margin-top: 19.2rem !important;
+}
+
+.mr-7,
+.mx-7 {
+ margin-right: 19.2rem !important;
+}
+
+.mb-7,
+.my-7 {
+ margin-bottom: 19.2rem !important;
+}
+
+.ml-7,
+.mx-7 {
+ margin-left: 19.2rem !important;
+}
+
+.m--1 {
+ margin: -0.4rem !important;
+}
+
+.mt--1,
+.my--1 {
+ margin-top: -0.4rem !important;
+}
+
+.mr--1,
+.mx--1 {
+ margin-right: -0.4rem !important;
+}
+
+.mb--1,
+.my--1 {
+ margin-bottom: -0.4rem !important;
+}
+
+.ml--1,
+.mx--1 {
+ margin-left: -0.4rem !important;
+}
+
+.m--2 {
+ margin: -0.8rem !important;
+}
+
+.mt--2,
+.my--2 {
+ margin-top: -0.8rem !important;
+}
+
+.mr--2,
+.mx--2 {
+ margin-right: -0.8rem !important;
+}
+
+.mb--2,
+.my--2 {
+ margin-bottom: -0.8rem !important;
+}
+
+.ml--2,
+.mx--2 {
+ margin-left: -0.8rem !important;
+}
+
+.m--3 {
+ margin: -1.6rem !important;
+}
+
+.mt--3,
+.my--3 {
+ margin-top: -1.6rem !important;
+}
+
+.mr--3,
+.mx--3 {
+ margin-right: -1.6rem !important;
+}
+
+.mb--3,
+.my--3 {
+ margin-bottom: -1.6rem !important;
+}
+
+.ml--3,
+.mx--3 {
+ margin-left: -1.6rem !important;
+}
+
+.m--5 {
+ margin: -4.8rem !important;
+}
+
+.mt--5,
+.my--5 {
+ margin-top: -4.8rem !important;
+}
+
+.mr--5,
+.mx--5 {
+ margin-right: -4.8rem !important;
+}
+
+.mb--5,
+.my--5 {
+ margin-bottom: -4.8rem !important;
+}
+
+.ml--5,
+.mx--5 {
+ margin-left: -4.8rem !important;
+}
+
+.m--6 {
+ margin: -9.6rem !important;
+}
+
+.mt--6,
+.my--6 {
+ margin-top: -9.6rem !important;
+}
+
+.mr--6,
+.mx--6 {
+ margin-right: -9.6rem !important;
+}
+
+.mb--6,
+.my--6 {
+ margin-bottom: -9.6rem !important;
+}
+
+.ml--6,
+.mx--6 {
+ margin-left: -9.6rem !important;
+}
+
+.m--7 {
+ margin: -19.2rem !important;
+}
+
+.mt--7,
+.my--7 {
+ margin-top: -19.2rem !important;
+}
+
+.mr--7,
+.mx--7 {
+ margin-right: -19.2rem !important;
+}
+
+.mb--7,
+.my--7 {
+ margin-bottom: -19.2rem !important;
+}
+
+.ml--7,
+.mx--7 {
+ margin-left: -19.2rem !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0 !important;
+}
+
+.p-1 {
+ padding: 0.4rem !important;
+}
+
+.pt-1,
+.py-1 {
+ padding-top: 0.4rem !important;
+}
+
+.pr-1,
+.px-1 {
+ padding-right: 0.4rem !important;
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.4rem !important;
+}
+
+.pl-1,
+.px-1 {
+ padding-left: 0.4rem !important;
+}
+
+.p-2 {
+ padding: 0.8rem !important;
+}
+
+.pt-2,
+.py-2 {
+ padding-top: 0.8rem !important;
+}
+
+.pr-2,
+.px-2 {
+ padding-right: 0.8rem !important;
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: 0.8rem !important;
+}
+
+.pl-2,
+.px-2 {
+ padding-left: 0.8rem !important;
+}
+
+.p-3 {
+ padding: 1.6rem !important;
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1.6rem !important;
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1.6rem !important;
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1.6rem !important;
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1.6rem !important;
+}
+
+.p-4 {
+ padding: 2.4rem !important;
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 2.4rem !important;
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 2.4rem !important;
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 2.4rem !important;
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 2.4rem !important;
+}
+
+.p-5 {
+ padding: 4.8rem !important;
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 4.8rem !important;
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 4.8rem !important;
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 4.8rem !important;
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 4.8rem !important;
+}
+
+.p-6 {
+ padding: 9.6rem !important;
+}
+
+.pt-6,
+.py-6 {
+ padding-top: 9.6rem !important;
+}
+
+.pr-6,
+.px-6 {
+ padding-right: 9.6rem !important;
+}
+
+.pb-6,
+.py-6 {
+ padding-bottom: 9.6rem !important;
+}
+
+.pl-6,
+.px-6 {
+ padding-left: 9.6rem !important;
+}
+
+.p-7 {
+ padding: 19.2rem !important;
+}
+
+.pt-7,
+.py-7 {
+ padding-top: 19.2rem !important;
+}
+
+.pr-7,
+.px-7 {
+ padding-right: 19.2rem !important;
+}
+
+.pb-7,
+.py-7 {
+ padding-bottom: 19.2rem !important;
+}
+
+.pl-7,
+.px-7 {
+ padding-left: 19.2rem !important;
+}
+
+.p--1 {
+ padding: -0.4rem !important;
+}
+
+.pt--1,
+.py--1 {
+ padding-top: -0.4rem !important;
+}
+
+.pr--1,
+.px--1 {
+ padding-right: -0.4rem !important;
+}
+
+.pb--1,
+.py--1 {
+ padding-bottom: -0.4rem !important;
+}
+
+.pl--1,
+.px--1 {
+ padding-left: -0.4rem !important;
+}
+
+.p--2 {
+ padding: -0.8rem !important;
+}
+
+.pt--2,
+.py--2 {
+ padding-top: -0.8rem !important;
+}
+
+.pr--2,
+.px--2 {
+ padding-right: -0.8rem !important;
+}
+
+.pb--2,
+.py--2 {
+ padding-bottom: -0.8rem !important;
+}
+
+.pl--2,
+.px--2 {
+ padding-left: -0.8rem !important;
+}
+
+.p--3 {
+ padding: -1.6rem !important;
+}
+
+.pt--3,
+.py--3 {
+ padding-top: -1.6rem !important;
+}
+
+.pr--3,
+.px--3 {
+ padding-right: -1.6rem !important;
+}
+
+.pb--3,
+.py--3 {
+ padding-bottom: -1.6rem !important;
+}
+
+.pl--3,
+.px--3 {
+ padding-left: -1.6rem !important;
+}
+
+.p--5 {
+ padding: -4.8rem !important;
+}
+
+.pt--5,
+.py--5 {
+ padding-top: -4.8rem !important;
+}
+
+.pr--5,
+.px--5 {
+ padding-right: -4.8rem !important;
+}
+
+.pb--5,
+.py--5 {
+ padding-bottom: -4.8rem !important;
+}
+
+.pl--5,
+.px--5 {
+ padding-left: -4.8rem !important;
+}
+
+.p--6 {
+ padding: -9.6rem !important;
+}
+
+.pt--6,
+.py--6 {
+ padding-top: -9.6rem !important;
+}
+
+.pr--6,
+.px--6 {
+ padding-right: -9.6rem !important;
+}
+
+.pb--6,
+.py--6 {
+ padding-bottom: -9.6rem !important;
+}
+
+.pl--6,
+.px--6 {
+ padding-left: -9.6rem !important;
+}
+
+.p--7 {
+ padding: -19.2rem !important;
+}
+
+.pt--7,
+.py--7 {
+ padding-top: -19.2rem !important;
+}
+
+.pr--7,
+.px--7 {
+ padding-right: -19.2rem !important;
+}
+
+.pb--7,
+.py--7 {
+ padding-bottom: -19.2rem !important;
+}
+
+.pl--7,
+.px--7 {
+ padding-left: -19.2rem !important;
+}
+
+.m-n1 {
+ margin: -0.4rem !important;
+}
+
+.mt-n1,
+.my-n1 {
+ margin-top: -0.4rem !important;
+}
+
+.mr-n1,
+.mx-n1 {
+ margin-right: -0.4rem !important;
+}
+
+.mb-n1,
+.my-n1 {
+ margin-bottom: -0.4rem !important;
+}
+
+.ml-n1,
+.mx-n1 {
+ margin-left: -0.4rem !important;
+}
+
+.m-n2 {
+ margin: -0.8rem !important;
+}
+
+.mt-n2,
+.my-n2 {
+ margin-top: -0.8rem !important;
+}
+
+.mr-n2,
+.mx-n2 {
+ margin-right: -0.8rem !important;
+}
+
+.mb-n2,
+.my-n2 {
+ margin-bottom: -0.8rem !important;
+}
+
+.ml-n2,
+.mx-n2 {
+ margin-left: -0.8rem !important;
+}
+
+.m-n3 {
+ margin: -1.6rem !important;
+}
+
+.mt-n3,
+.my-n3 {
+ margin-top: -1.6rem !important;
+}
+
+.mr-n3,
+.mx-n3 {
+ margin-right: -1.6rem !important;
+}
+
+.mb-n3,
+.my-n3 {
+ margin-bottom: -1.6rem !important;
+}
+
+.ml-n3,
+.mx-n3 {
+ margin-left: -1.6rem !important;
+}
+
+.m-n4 {
+ margin: -2.4rem !important;
+}
+
+.mt-n4,
+.my-n4 {
+ margin-top: -2.4rem !important;
+}
+
+.mr-n4,
+.mx-n4 {
+ margin-right: -2.4rem !important;
+}
+
+.mb-n4,
+.my-n4 {
+ margin-bottom: -2.4rem !important;
+}
+
+.ml-n4,
+.mx-n4 {
+ margin-left: -2.4rem !important;
+}
+
+.m-n5 {
+ margin: -4.8rem !important;
+}
+
+.mt-n5,
+.my-n5 {
+ margin-top: -4.8rem !important;
+}
+
+.mr-n5,
+.mx-n5 {
+ margin-right: -4.8rem !important;
+}
+
+.mb-n5,
+.my-n5 {
+ margin-bottom: -4.8rem !important;
+}
+
+.ml-n5,
+.mx-n5 {
+ margin-left: -4.8rem !important;
+}
+
+.m-n6 {
+ margin: -9.6rem !important;
+}
+
+.mt-n6,
+.my-n6 {
+ margin-top: -9.6rem !important;
+}
+
+.mr-n6,
+.mx-n6 {
+ margin-right: -9.6rem !important;
+}
+
+.mb-n6,
+.my-n6 {
+ margin-bottom: -9.6rem !important;
+}
+
+.ml-n6,
+.mx-n6 {
+ margin-left: -9.6rem !important;
+}
+
+.m-n7 {
+ margin: -19.2rem !important;
+}
+
+.mt-n7,
+.my-n7 {
+ margin-top: -19.2rem !important;
+}
+
+.mr-n7,
+.mx-n7 {
+ margin-right: -19.2rem !important;
+}
+
+.mb-n7,
+.my-n7 {
+ margin-bottom: -19.2rem !important;
+}
+
+.ml-n7,
+.mx-n7 {
+ margin-left: -19.2rem !important;
+}
+
+.m-n-1 {
+ margin: 0.4rem !important;
+}
+
+.mt-n-1,
+.my-n-1 {
+ margin-top: 0.4rem !important;
+}
+
+.mr-n-1,
+.mx-n-1 {
+ margin-right: 0.4rem !important;
+}
+
+.mb-n-1,
+.my-n-1 {
+ margin-bottom: 0.4rem !important;
+}
+
+.ml-n-1,
+.mx-n-1 {
+ margin-left: 0.4rem !important;
+}
+
+.m-n-2 {
+ margin: 0.8rem !important;
+}
+
+.mt-n-2,
+.my-n-2 {
+ margin-top: 0.8rem !important;
+}
+
+.mr-n-2,
+.mx-n-2 {
+ margin-right: 0.8rem !important;
+}
+
+.mb-n-2,
+.my-n-2 {
+ margin-bottom: 0.8rem !important;
+}
+
+.ml-n-2,
+.mx-n-2 {
+ margin-left: 0.8rem !important;
+}
+
+.m-n-3 {
+ margin: 1.6rem !important;
+}
+
+.mt-n-3,
+.my-n-3 {
+ margin-top: 1.6rem !important;
+}
+
+.mr-n-3,
+.mx-n-3 {
+ margin-right: 1.6rem !important;
+}
+
+.mb-n-3,
+.my-n-3 {
+ margin-bottom: 1.6rem !important;
+}
+
+.ml-n-3,
+.mx-n-3 {
+ margin-left: 1.6rem !important;
+}
+
+.m-n-5 {
+ margin: 4.8rem !important;
+}
+
+.mt-n-5,
+.my-n-5 {
+ margin-top: 4.8rem !important;
+}
+
+.mr-n-5,
+.mx-n-5 {
+ margin-right: 4.8rem !important;
+}
+
+.mb-n-5,
+.my-n-5 {
+ margin-bottom: 4.8rem !important;
+}
+
+.ml-n-5,
+.mx-n-5 {
+ margin-left: 4.8rem !important;
+}
+
+.m-n-6 {
+ margin: 9.6rem !important;
+}
+
+.mt-n-6,
+.my-n-6 {
+ margin-top: 9.6rem !important;
+}
+
+.mr-n-6,
+.mx-n-6 {
+ margin-right: 9.6rem !important;
+}
+
+.mb-n-6,
+.my-n-6 {
+ margin-bottom: 9.6rem !important;
+}
+
+.ml-n-6,
+.mx-n-6 {
+ margin-left: 9.6rem !important;
+}
+
+.m-n-7 {
+ margin: 19.2rem !important;
+}
+
+.mt-n-7,
+.my-n-7 {
+ margin-top: 19.2rem !important;
+}
+
+.mr-n-7,
+.mx-n-7 {
+ margin-right: 19.2rem !important;
+}
+
+.mb-n-7,
+.my-n-7 {
+ margin-bottom: 19.2rem !important;
+}
+
+.ml-n-7,
+.mx-n-7 {
+ margin-left: 19.2rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important;
+}
+
+@media (min-width: 900px) {
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .mt-sm-0,
+ .my-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mr-sm-0,
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ }
+ .mb-sm-0,
+ .my-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-sm-0,
+ .mx-sm-0 {
+ margin-left: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-sm-1,
+ .my-sm-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-sm-1,
+ .mx-sm-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-sm-1,
+ .my-sm-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-sm-1,
+ .mx-sm-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-sm-2,
+ .my-sm-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-sm-2,
+ .mx-sm-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-sm-2,
+ .my-sm-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-sm-2,
+ .mx-sm-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-sm-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-sm-3,
+ .my-sm-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-sm-3,
+ .mx-sm-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-sm-3,
+ .my-sm-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-sm-3,
+ .mx-sm-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-sm-4 {
+ margin: 2.4rem !important;
+ }
+ .mt-sm-4,
+ .my-sm-4 {
+ margin-top: 2.4rem !important;
+ }
+ .mr-sm-4,
+ .mx-sm-4 {
+ margin-right: 2.4rem !important;
+ }
+ .mb-sm-4,
+ .my-sm-4 {
+ margin-bottom: 2.4rem !important;
+ }
+ .ml-sm-4,
+ .mx-sm-4 {
+ margin-left: 2.4rem !important;
+ }
+ .m-sm-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-sm-5,
+ .my-sm-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-sm-5,
+ .mx-sm-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-sm-5,
+ .my-sm-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-sm-5,
+ .mx-sm-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-sm-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-sm-6,
+ .my-sm-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-sm-6,
+ .mx-sm-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-sm-6,
+ .my-sm-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-sm-6,
+ .mx-sm-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-sm-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-sm-7,
+ .my-sm-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-sm-7,
+ .mx-sm-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-sm-7,
+ .my-sm-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-sm-7,
+ .mx-sm-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-sm--1 {
+ margin: -0.4rem !important;
+ }
+ .mt-sm--1,
+ .my-sm--1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-sm--1,
+ .mx-sm--1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-sm--1,
+ .my-sm--1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-sm--1,
+ .mx-sm--1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-sm--2 {
+ margin: -0.8rem !important;
+ }
+ .mt-sm--2,
+ .my-sm--2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-sm--2,
+ .mx-sm--2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-sm--2,
+ .my-sm--2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-sm--2,
+ .mx-sm--2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-sm--3 {
+ margin: -1.6rem !important;
+ }
+ .mt-sm--3,
+ .my-sm--3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-sm--3,
+ .mx-sm--3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-sm--3,
+ .my-sm--3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-sm--3,
+ .mx-sm--3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-sm--5 {
+ margin: -4.8rem !important;
+ }
+ .mt-sm--5,
+ .my-sm--5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-sm--5,
+ .mx-sm--5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-sm--5,
+ .my-sm--5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-sm--5,
+ .mx-sm--5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-sm--6 {
+ margin: -9.6rem !important;
+ }
+ .mt-sm--6,
+ .my-sm--6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-sm--6,
+ .mx-sm--6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-sm--6,
+ .my-sm--6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-sm--6,
+ .mx-sm--6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-sm--7 {
+ margin: -19.2rem !important;
+ }
+ .mt-sm--7,
+ .my-sm--7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-sm--7,
+ .mx-sm--7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-sm--7,
+ .my-sm--7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-sm--7,
+ .mx-sm--7 {
+ margin-left: -19.2rem !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .pt-sm-0,
+ .py-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pr-sm-0,
+ .px-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pb-sm-0,
+ .py-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-sm-0,
+ .px-sm-0 {
+ padding-left: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.4rem !important;
+ }
+ .pt-sm-1,
+ .py-sm-1 {
+ padding-top: 0.4rem !important;
+ }
+ .pr-sm-1,
+ .px-sm-1 {
+ padding-right: 0.4rem !important;
+ }
+ .pb-sm-1,
+ .py-sm-1 {
+ padding-bottom: 0.4rem !important;
+ }
+ .pl-sm-1,
+ .px-sm-1 {
+ padding-left: 0.4rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.8rem !important;
+ }
+ .pt-sm-2,
+ .py-sm-2 {
+ padding-top: 0.8rem !important;
+ }
+ .pr-sm-2,
+ .px-sm-2 {
+ padding-right: 0.8rem !important;
+ }
+ .pb-sm-2,
+ .py-sm-2 {
+ padding-bottom: 0.8rem !important;
+ }
+ .pl-sm-2,
+ .px-sm-2 {
+ padding-left: 0.8rem !important;
+ }
+ .p-sm-3 {
+ padding: 1.6rem !important;
+ }
+ .pt-sm-3,
+ .py-sm-3 {
+ padding-top: 1.6rem !important;
+ }
+ .pr-sm-3,
+ .px-sm-3 {
+ padding-right: 1.6rem !important;
+ }
+ .pb-sm-3,
+ .py-sm-3 {
+ padding-bottom: 1.6rem !important;
+ }
+ .pl-sm-3,
+ .px-sm-3 {
+ padding-left: 1.6rem !important;
+ }
+ .p-sm-4 {
+ padding: 2.4rem !important;
+ }
+ .pt-sm-4,
+ .py-sm-4 {
+ padding-top: 2.4rem !important;
+ }
+ .pr-sm-4,
+ .px-sm-4 {
+ padding-right: 2.4rem !important;
+ }
+ .pb-sm-4,
+ .py-sm-4 {
+ padding-bottom: 2.4rem !important;
+ }
+ .pl-sm-4,
+ .px-sm-4 {
+ padding-left: 2.4rem !important;
+ }
+ .p-sm-5 {
+ padding: 4.8rem !important;
+ }
+ .pt-sm-5,
+ .py-sm-5 {
+ padding-top: 4.8rem !important;
+ }
+ .pr-sm-5,
+ .px-sm-5 {
+ padding-right: 4.8rem !important;
+ }
+ .pb-sm-5,
+ .py-sm-5 {
+ padding-bottom: 4.8rem !important;
+ }
+ .pl-sm-5,
+ .px-sm-5 {
+ padding-left: 4.8rem !important;
+ }
+ .p-sm-6 {
+ padding: 9.6rem !important;
+ }
+ .pt-sm-6,
+ .py-sm-6 {
+ padding-top: 9.6rem !important;
+ }
+ .pr-sm-6,
+ .px-sm-6 {
+ padding-right: 9.6rem !important;
+ }
+ .pb-sm-6,
+ .py-sm-6 {
+ padding-bottom: 9.6rem !important;
+ }
+ .pl-sm-6,
+ .px-sm-6 {
+ padding-left: 9.6rem !important;
+ }
+ .p-sm-7 {
+ padding: 19.2rem !important;
+ }
+ .pt-sm-7,
+ .py-sm-7 {
+ padding-top: 19.2rem !important;
+ }
+ .pr-sm-7,
+ .px-sm-7 {
+ padding-right: 19.2rem !important;
+ }
+ .pb-sm-7,
+ .py-sm-7 {
+ padding-bottom: 19.2rem !important;
+ }
+ .pl-sm-7,
+ .px-sm-7 {
+ padding-left: 19.2rem !important;
+ }
+ .p-sm--1 {
+ padding: -0.4rem !important;
+ }
+ .pt-sm--1,
+ .py-sm--1 {
+ padding-top: -0.4rem !important;
+ }
+ .pr-sm--1,
+ .px-sm--1 {
+ padding-right: -0.4rem !important;
+ }
+ .pb-sm--1,
+ .py-sm--1 {
+ padding-bottom: -0.4rem !important;
+ }
+ .pl-sm--1,
+ .px-sm--1 {
+ padding-left: -0.4rem !important;
+ }
+ .p-sm--2 {
+ padding: -0.8rem !important;
+ }
+ .pt-sm--2,
+ .py-sm--2 {
+ padding-top: -0.8rem !important;
+ }
+ .pr-sm--2,
+ .px-sm--2 {
+ padding-right: -0.8rem !important;
+ }
+ .pb-sm--2,
+ .py-sm--2 {
+ padding-bottom: -0.8rem !important;
+ }
+ .pl-sm--2,
+ .px-sm--2 {
+ padding-left: -0.8rem !important;
+ }
+ .p-sm--3 {
+ padding: -1.6rem !important;
+ }
+ .pt-sm--3,
+ .py-sm--3 {
+ padding-top: -1.6rem !important;
+ }
+ .pr-sm--3,
+ .px-sm--3 {
+ padding-right: -1.6rem !important;
+ }
+ .pb-sm--3,
+ .py-sm--3 {
+ padding-bottom: -1.6rem !important;
+ }
+ .pl-sm--3,
+ .px-sm--3 {
+ padding-left: -1.6rem !important;
+ }
+ .p-sm--5 {
+ padding: -4.8rem !important;
+ }
+ .pt-sm--5,
+ .py-sm--5 {
+ padding-top: -4.8rem !important;
+ }
+ .pr-sm--5,
+ .px-sm--5 {
+ padding-right: -4.8rem !important;
+ }
+ .pb-sm--5,
+ .py-sm--5 {
+ padding-bottom: -4.8rem !important;
+ }
+ .pl-sm--5,
+ .px-sm--5 {
+ padding-left: -4.8rem !important;
+ }
+ .p-sm--6 {
+ padding: -9.6rem !important;
+ }
+ .pt-sm--6,
+ .py-sm--6 {
+ padding-top: -9.6rem !important;
+ }
+ .pr-sm--6,
+ .px-sm--6 {
+ padding-right: -9.6rem !important;
+ }
+ .pb-sm--6,
+ .py-sm--6 {
+ padding-bottom: -9.6rem !important;
+ }
+ .pl-sm--6,
+ .px-sm--6 {
+ padding-left: -9.6rem !important;
+ }
+ .p-sm--7 {
+ padding: -19.2rem !important;
+ }
+ .pt-sm--7,
+ .py-sm--7 {
+ padding-top: -19.2rem !important;
+ }
+ .pr-sm--7,
+ .px-sm--7 {
+ padding-right: -19.2rem !important;
+ }
+ .pb-sm--7,
+ .py-sm--7 {
+ padding-bottom: -19.2rem !important;
+ }
+ .pl-sm--7,
+ .px-sm--7 {
+ padding-left: -19.2rem !important;
+ }
+ .m-sm-n1 {
+ margin: -0.4rem !important;
+ }
+ .mt-sm-n1,
+ .my-sm-n1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-sm-n1,
+ .mx-sm-n1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-sm-n1,
+ .my-sm-n1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-sm-n1,
+ .mx-sm-n1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-sm-n2 {
+ margin: -0.8rem !important;
+ }
+ .mt-sm-n2,
+ .my-sm-n2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-sm-n2,
+ .mx-sm-n2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-sm-n2,
+ .my-sm-n2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-sm-n2,
+ .mx-sm-n2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-sm-n3 {
+ margin: -1.6rem !important;
+ }
+ .mt-sm-n3,
+ .my-sm-n3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-sm-n3,
+ .mx-sm-n3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-sm-n3,
+ .my-sm-n3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-sm-n3,
+ .mx-sm-n3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-sm-n4 {
+ margin: -2.4rem !important;
+ }
+ .mt-sm-n4,
+ .my-sm-n4 {
+ margin-top: -2.4rem !important;
+ }
+ .mr-sm-n4,
+ .mx-sm-n4 {
+ margin-right: -2.4rem !important;
+ }
+ .mb-sm-n4,
+ .my-sm-n4 {
+ margin-bottom: -2.4rem !important;
+ }
+ .ml-sm-n4,
+ .mx-sm-n4 {
+ margin-left: -2.4rem !important;
+ }
+ .m-sm-n5 {
+ margin: -4.8rem !important;
+ }
+ .mt-sm-n5,
+ .my-sm-n5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-sm-n5,
+ .mx-sm-n5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-sm-n5,
+ .my-sm-n5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-sm-n5,
+ .mx-sm-n5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-sm-n6 {
+ margin: -9.6rem !important;
+ }
+ .mt-sm-n6,
+ .my-sm-n6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-sm-n6,
+ .mx-sm-n6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-sm-n6,
+ .my-sm-n6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-sm-n6,
+ .mx-sm-n6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-sm-n7 {
+ margin: -19.2rem !important;
+ }
+ .mt-sm-n7,
+ .my-sm-n7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-sm-n7,
+ .mx-sm-n7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-sm-n7,
+ .my-sm-n7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-sm-n7,
+ .mx-sm-n7 {
+ margin-left: -19.2rem !important;
+ }
+ .m-sm-n-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-sm-n-1,
+ .my-sm-n-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-sm-n-1,
+ .mx-sm-n-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-sm-n-1,
+ .my-sm-n-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-sm-n-1,
+ .mx-sm-n-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-sm-n-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-sm-n-2,
+ .my-sm-n-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-sm-n-2,
+ .mx-sm-n-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-sm-n-2,
+ .my-sm-n-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-sm-n-2,
+ .mx-sm-n-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-sm-n-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-sm-n-3,
+ .my-sm-n-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-sm-n-3,
+ .mx-sm-n-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-sm-n-3,
+ .my-sm-n-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-sm-n-3,
+ .mx-sm-n-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-sm-n-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-sm-n-5,
+ .my-sm-n-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-sm-n-5,
+ .mx-sm-n-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-sm-n-5,
+ .my-sm-n-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-sm-n-5,
+ .mx-sm-n-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-sm-n-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-sm-n-6,
+ .my-sm-n-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-sm-n-6,
+ .mx-sm-n-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-sm-n-6,
+ .my-sm-n-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-sm-n-6,
+ .mx-sm-n-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-sm-n-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-sm-n-7,
+ .my-sm-n-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-sm-n-7,
+ .mx-sm-n-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-sm-n-7,
+ .my-sm-n-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-sm-n-7,
+ .mx-sm-n-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mt-sm-auto,
+ .my-sm-auto {
+ margin-top: auto !important;
+ }
+ .mr-sm-auto,
+ .mx-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-auto,
+ .my-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-sm-auto,
+ .mx-sm-auto {
+ margin-left: auto !important;
+ }
+}
+@media (min-width: 980px) {
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .mt-md-0,
+ .my-md-0 {
+ margin-top: 0 !important;
+ }
+ .mr-md-0,
+ .mx-md-0 {
+ margin-right: 0 !important;
+ }
+ .mb-md-0,
+ .my-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-md-0,
+ .mx-md-0 {
+ margin-left: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-md-1,
+ .my-md-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-md-1,
+ .mx-md-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-md-1,
+ .my-md-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-md-1,
+ .mx-md-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-md-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-md-2,
+ .my-md-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-md-2,
+ .mx-md-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-md-2,
+ .my-md-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-md-2,
+ .mx-md-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-md-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-md-3,
+ .my-md-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-md-3,
+ .mx-md-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-md-3,
+ .my-md-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-md-3,
+ .mx-md-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-md-4 {
+ margin: 2.4rem !important;
+ }
+ .mt-md-4,
+ .my-md-4 {
+ margin-top: 2.4rem !important;
+ }
+ .mr-md-4,
+ .mx-md-4 {
+ margin-right: 2.4rem !important;
+ }
+ .mb-md-4,
+ .my-md-4 {
+ margin-bottom: 2.4rem !important;
+ }
+ .ml-md-4,
+ .mx-md-4 {
+ margin-left: 2.4rem !important;
+ }
+ .m-md-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-md-5,
+ .my-md-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-md-5,
+ .mx-md-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-md-5,
+ .my-md-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-md-5,
+ .mx-md-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-md-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-md-6,
+ .my-md-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-md-6,
+ .mx-md-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-md-6,
+ .my-md-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-md-6,
+ .mx-md-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-md-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-md-7,
+ .my-md-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-md-7,
+ .mx-md-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-md-7,
+ .my-md-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-md-7,
+ .mx-md-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-md--1 {
+ margin: -0.4rem !important;
+ }
+ .mt-md--1,
+ .my-md--1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-md--1,
+ .mx-md--1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-md--1,
+ .my-md--1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-md--1,
+ .mx-md--1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-md--2 {
+ margin: -0.8rem !important;
+ }
+ .mt-md--2,
+ .my-md--2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-md--2,
+ .mx-md--2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-md--2,
+ .my-md--2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-md--2,
+ .mx-md--2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-md--3 {
+ margin: -1.6rem !important;
+ }
+ .mt-md--3,
+ .my-md--3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-md--3,
+ .mx-md--3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-md--3,
+ .my-md--3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-md--3,
+ .mx-md--3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-md--5 {
+ margin: -4.8rem !important;
+ }
+ .mt-md--5,
+ .my-md--5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-md--5,
+ .mx-md--5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-md--5,
+ .my-md--5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-md--5,
+ .mx-md--5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-md--6 {
+ margin: -9.6rem !important;
+ }
+ .mt-md--6,
+ .my-md--6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-md--6,
+ .mx-md--6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-md--6,
+ .my-md--6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-md--6,
+ .mx-md--6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-md--7 {
+ margin: -19.2rem !important;
+ }
+ .mt-md--7,
+ .my-md--7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-md--7,
+ .mx-md--7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-md--7,
+ .my-md--7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-md--7,
+ .mx-md--7 {
+ margin-left: -19.2rem !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .pt-md-0,
+ .py-md-0 {
+ padding-top: 0 !important;
+ }
+ .pr-md-0,
+ .px-md-0 {
+ padding-right: 0 !important;
+ }
+ .pb-md-0,
+ .py-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-md-0,
+ .px-md-0 {
+ padding-left: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.4rem !important;
+ }
+ .pt-md-1,
+ .py-md-1 {
+ padding-top: 0.4rem !important;
+ }
+ .pr-md-1,
+ .px-md-1 {
+ padding-right: 0.4rem !important;
+ }
+ .pb-md-1,
+ .py-md-1 {
+ padding-bottom: 0.4rem !important;
+ }
+ .pl-md-1,
+ .px-md-1 {
+ padding-left: 0.4rem !important;
+ }
+ .p-md-2 {
+ padding: 0.8rem !important;
+ }
+ .pt-md-2,
+ .py-md-2 {
+ padding-top: 0.8rem !important;
+ }
+ .pr-md-2,
+ .px-md-2 {
+ padding-right: 0.8rem !important;
+ }
+ .pb-md-2,
+ .py-md-2 {
+ padding-bottom: 0.8rem !important;
+ }
+ .pl-md-2,
+ .px-md-2 {
+ padding-left: 0.8rem !important;
+ }
+ .p-md-3 {
+ padding: 1.6rem !important;
+ }
+ .pt-md-3,
+ .py-md-3 {
+ padding-top: 1.6rem !important;
+ }
+ .pr-md-3,
+ .px-md-3 {
+ padding-right: 1.6rem !important;
+ }
+ .pb-md-3,
+ .py-md-3 {
+ padding-bottom: 1.6rem !important;
+ }
+ .pl-md-3,
+ .px-md-3 {
+ padding-left: 1.6rem !important;
+ }
+ .p-md-4 {
+ padding: 2.4rem !important;
+ }
+ .pt-md-4,
+ .py-md-4 {
+ padding-top: 2.4rem !important;
+ }
+ .pr-md-4,
+ .px-md-4 {
+ padding-right: 2.4rem !important;
+ }
+ .pb-md-4,
+ .py-md-4 {
+ padding-bottom: 2.4rem !important;
+ }
+ .pl-md-4,
+ .px-md-4 {
+ padding-left: 2.4rem !important;
+ }
+ .p-md-5 {
+ padding: 4.8rem !important;
+ }
+ .pt-md-5,
+ .py-md-5 {
+ padding-top: 4.8rem !important;
+ }
+ .pr-md-5,
+ .px-md-5 {
+ padding-right: 4.8rem !important;
+ }
+ .pb-md-5,
+ .py-md-5 {
+ padding-bottom: 4.8rem !important;
+ }
+ .pl-md-5,
+ .px-md-5 {
+ padding-left: 4.8rem !important;
+ }
+ .p-md-6 {
+ padding: 9.6rem !important;
+ }
+ .pt-md-6,
+ .py-md-6 {
+ padding-top: 9.6rem !important;
+ }
+ .pr-md-6,
+ .px-md-6 {
+ padding-right: 9.6rem !important;
+ }
+ .pb-md-6,
+ .py-md-6 {
+ padding-bottom: 9.6rem !important;
+ }
+ .pl-md-6,
+ .px-md-6 {
+ padding-left: 9.6rem !important;
+ }
+ .p-md-7 {
+ padding: 19.2rem !important;
+ }
+ .pt-md-7,
+ .py-md-7 {
+ padding-top: 19.2rem !important;
+ }
+ .pr-md-7,
+ .px-md-7 {
+ padding-right: 19.2rem !important;
+ }
+ .pb-md-7,
+ .py-md-7 {
+ padding-bottom: 19.2rem !important;
+ }
+ .pl-md-7,
+ .px-md-7 {
+ padding-left: 19.2rem !important;
+ }
+ .p-md--1 {
+ padding: -0.4rem !important;
+ }
+ .pt-md--1,
+ .py-md--1 {
+ padding-top: -0.4rem !important;
+ }
+ .pr-md--1,
+ .px-md--1 {
+ padding-right: -0.4rem !important;
+ }
+ .pb-md--1,
+ .py-md--1 {
+ padding-bottom: -0.4rem !important;
+ }
+ .pl-md--1,
+ .px-md--1 {
+ padding-left: -0.4rem !important;
+ }
+ .p-md--2 {
+ padding: -0.8rem !important;
+ }
+ .pt-md--2,
+ .py-md--2 {
+ padding-top: -0.8rem !important;
+ }
+ .pr-md--2,
+ .px-md--2 {
+ padding-right: -0.8rem !important;
+ }
+ .pb-md--2,
+ .py-md--2 {
+ padding-bottom: -0.8rem !important;
+ }
+ .pl-md--2,
+ .px-md--2 {
+ padding-left: -0.8rem !important;
+ }
+ .p-md--3 {
+ padding: -1.6rem !important;
+ }
+ .pt-md--3,
+ .py-md--3 {
+ padding-top: -1.6rem !important;
+ }
+ .pr-md--3,
+ .px-md--3 {
+ padding-right: -1.6rem !important;
+ }
+ .pb-md--3,
+ .py-md--3 {
+ padding-bottom: -1.6rem !important;
+ }
+ .pl-md--3,
+ .px-md--3 {
+ padding-left: -1.6rem !important;
+ }
+ .p-md--5 {
+ padding: -4.8rem !important;
+ }
+ .pt-md--5,
+ .py-md--5 {
+ padding-top: -4.8rem !important;
+ }
+ .pr-md--5,
+ .px-md--5 {
+ padding-right: -4.8rem !important;
+ }
+ .pb-md--5,
+ .py-md--5 {
+ padding-bottom: -4.8rem !important;
+ }
+ .pl-md--5,
+ .px-md--5 {
+ padding-left: -4.8rem !important;
+ }
+ .p-md--6 {
+ padding: -9.6rem !important;
+ }
+ .pt-md--6,
+ .py-md--6 {
+ padding-top: -9.6rem !important;
+ }
+ .pr-md--6,
+ .px-md--6 {
+ padding-right: -9.6rem !important;
+ }
+ .pb-md--6,
+ .py-md--6 {
+ padding-bottom: -9.6rem !important;
+ }
+ .pl-md--6,
+ .px-md--6 {
+ padding-left: -9.6rem !important;
+ }
+ .p-md--7 {
+ padding: -19.2rem !important;
+ }
+ .pt-md--7,
+ .py-md--7 {
+ padding-top: -19.2rem !important;
+ }
+ .pr-md--7,
+ .px-md--7 {
+ padding-right: -19.2rem !important;
+ }
+ .pb-md--7,
+ .py-md--7 {
+ padding-bottom: -19.2rem !important;
+ }
+ .pl-md--7,
+ .px-md--7 {
+ padding-left: -19.2rem !important;
+ }
+ .m-md-n1 {
+ margin: -0.4rem !important;
+ }
+ .mt-md-n1,
+ .my-md-n1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-md-n1,
+ .mx-md-n1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-md-n1,
+ .my-md-n1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-md-n1,
+ .mx-md-n1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-md-n2 {
+ margin: -0.8rem !important;
+ }
+ .mt-md-n2,
+ .my-md-n2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-md-n2,
+ .mx-md-n2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-md-n2,
+ .my-md-n2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-md-n2,
+ .mx-md-n2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-md-n3 {
+ margin: -1.6rem !important;
+ }
+ .mt-md-n3,
+ .my-md-n3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-md-n3,
+ .mx-md-n3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-md-n3,
+ .my-md-n3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-md-n3,
+ .mx-md-n3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-md-n4 {
+ margin: -2.4rem !important;
+ }
+ .mt-md-n4,
+ .my-md-n4 {
+ margin-top: -2.4rem !important;
+ }
+ .mr-md-n4,
+ .mx-md-n4 {
+ margin-right: -2.4rem !important;
+ }
+ .mb-md-n4,
+ .my-md-n4 {
+ margin-bottom: -2.4rem !important;
+ }
+ .ml-md-n4,
+ .mx-md-n4 {
+ margin-left: -2.4rem !important;
+ }
+ .m-md-n5 {
+ margin: -4.8rem !important;
+ }
+ .mt-md-n5,
+ .my-md-n5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-md-n5,
+ .mx-md-n5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-md-n5,
+ .my-md-n5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-md-n5,
+ .mx-md-n5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-md-n6 {
+ margin: -9.6rem !important;
+ }
+ .mt-md-n6,
+ .my-md-n6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-md-n6,
+ .mx-md-n6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-md-n6,
+ .my-md-n6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-md-n6,
+ .mx-md-n6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-md-n7 {
+ margin: -19.2rem !important;
+ }
+ .mt-md-n7,
+ .my-md-n7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-md-n7,
+ .mx-md-n7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-md-n7,
+ .my-md-n7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-md-n7,
+ .mx-md-n7 {
+ margin-left: -19.2rem !important;
+ }
+ .m-md-n-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-md-n-1,
+ .my-md-n-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-md-n-1,
+ .mx-md-n-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-md-n-1,
+ .my-md-n-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-md-n-1,
+ .mx-md-n-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-md-n-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-md-n-2,
+ .my-md-n-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-md-n-2,
+ .mx-md-n-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-md-n-2,
+ .my-md-n-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-md-n-2,
+ .mx-md-n-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-md-n-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-md-n-3,
+ .my-md-n-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-md-n-3,
+ .mx-md-n-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-md-n-3,
+ .my-md-n-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-md-n-3,
+ .mx-md-n-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-md-n-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-md-n-5,
+ .my-md-n-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-md-n-5,
+ .mx-md-n-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-md-n-5,
+ .my-md-n-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-md-n-5,
+ .mx-md-n-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-md-n-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-md-n-6,
+ .my-md-n-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-md-n-6,
+ .mx-md-n-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-md-n-6,
+ .my-md-n-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-md-n-6,
+ .mx-md-n-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-md-n-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-md-n-7,
+ .my-md-n-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-md-n-7,
+ .mx-md-n-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-md-n-7,
+ .my-md-n-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-md-n-7,
+ .mx-md-n-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mt-md-auto,
+ .my-md-auto {
+ margin-top: auto !important;
+ }
+ .mr-md-auto,
+ .mx-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-auto,
+ .my-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-md-auto,
+ .mx-md-auto {
+ margin-left: auto !important;
+ }
+}
+@media (min-width: 1220px) {
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .mt-lg-0,
+ .my-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mr-lg-0,
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ }
+ .mb-lg-0,
+ .my-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-lg-0,
+ .mx-lg-0 {
+ margin-left: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-lg-1,
+ .my-lg-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-lg-1,
+ .mx-lg-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-lg-1,
+ .my-lg-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-lg-1,
+ .mx-lg-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-lg-2,
+ .my-lg-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-lg-2,
+ .mx-lg-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-lg-2,
+ .my-lg-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-lg-2,
+ .mx-lg-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-lg-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-lg-3,
+ .my-lg-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-lg-3,
+ .mx-lg-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-lg-3,
+ .my-lg-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-lg-3,
+ .mx-lg-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-lg-4 {
+ margin: 2.4rem !important;
+ }
+ .mt-lg-4,
+ .my-lg-4 {
+ margin-top: 2.4rem !important;
+ }
+ .mr-lg-4,
+ .mx-lg-4 {
+ margin-right: 2.4rem !important;
+ }
+ .mb-lg-4,
+ .my-lg-4 {
+ margin-bottom: 2.4rem !important;
+ }
+ .ml-lg-4,
+ .mx-lg-4 {
+ margin-left: 2.4rem !important;
+ }
+ .m-lg-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-lg-5,
+ .my-lg-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-lg-5,
+ .mx-lg-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-lg-5,
+ .my-lg-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-lg-5,
+ .mx-lg-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-lg-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-lg-6,
+ .my-lg-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-lg-6,
+ .mx-lg-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-lg-6,
+ .my-lg-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-lg-6,
+ .mx-lg-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-lg-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-lg-7,
+ .my-lg-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-lg-7,
+ .mx-lg-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-lg-7,
+ .my-lg-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-lg-7,
+ .mx-lg-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-lg--1 {
+ margin: -0.4rem !important;
+ }
+ .mt-lg--1,
+ .my-lg--1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-lg--1,
+ .mx-lg--1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-lg--1,
+ .my-lg--1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-lg--1,
+ .mx-lg--1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-lg--2 {
+ margin: -0.8rem !important;
+ }
+ .mt-lg--2,
+ .my-lg--2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-lg--2,
+ .mx-lg--2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-lg--2,
+ .my-lg--2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-lg--2,
+ .mx-lg--2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-lg--3 {
+ margin: -1.6rem !important;
+ }
+ .mt-lg--3,
+ .my-lg--3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-lg--3,
+ .mx-lg--3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-lg--3,
+ .my-lg--3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-lg--3,
+ .mx-lg--3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-lg--5 {
+ margin: -4.8rem !important;
+ }
+ .mt-lg--5,
+ .my-lg--5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-lg--5,
+ .mx-lg--5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-lg--5,
+ .my-lg--5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-lg--5,
+ .mx-lg--5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-lg--6 {
+ margin: -9.6rem !important;
+ }
+ .mt-lg--6,
+ .my-lg--6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-lg--6,
+ .mx-lg--6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-lg--6,
+ .my-lg--6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-lg--6,
+ .mx-lg--6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-lg--7 {
+ margin: -19.2rem !important;
+ }
+ .mt-lg--7,
+ .my-lg--7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-lg--7,
+ .mx-lg--7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-lg--7,
+ .my-lg--7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-lg--7,
+ .mx-lg--7 {
+ margin-left: -19.2rem !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .pt-lg-0,
+ .py-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pr-lg-0,
+ .px-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pb-lg-0,
+ .py-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-lg-0,
+ .px-lg-0 {
+ padding-left: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.4rem !important;
+ }
+ .pt-lg-1,
+ .py-lg-1 {
+ padding-top: 0.4rem !important;
+ }
+ .pr-lg-1,
+ .px-lg-1 {
+ padding-right: 0.4rem !important;
+ }
+ .pb-lg-1,
+ .py-lg-1 {
+ padding-bottom: 0.4rem !important;
+ }
+ .pl-lg-1,
+ .px-lg-1 {
+ padding-left: 0.4rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.8rem !important;
+ }
+ .pt-lg-2,
+ .py-lg-2 {
+ padding-top: 0.8rem !important;
+ }
+ .pr-lg-2,
+ .px-lg-2 {
+ padding-right: 0.8rem !important;
+ }
+ .pb-lg-2,
+ .py-lg-2 {
+ padding-bottom: 0.8rem !important;
+ }
+ .pl-lg-2,
+ .px-lg-2 {
+ padding-left: 0.8rem !important;
+ }
+ .p-lg-3 {
+ padding: 1.6rem !important;
+ }
+ .pt-lg-3,
+ .py-lg-3 {
+ padding-top: 1.6rem !important;
+ }
+ .pr-lg-3,
+ .px-lg-3 {
+ padding-right: 1.6rem !important;
+ }
+ .pb-lg-3,
+ .py-lg-3 {
+ padding-bottom: 1.6rem !important;
+ }
+ .pl-lg-3,
+ .px-lg-3 {
+ padding-left: 1.6rem !important;
+ }
+ .p-lg-4 {
+ padding: 2.4rem !important;
+ }
+ .pt-lg-4,
+ .py-lg-4 {
+ padding-top: 2.4rem !important;
+ }
+ .pr-lg-4,
+ .px-lg-4 {
+ padding-right: 2.4rem !important;
+ }
+ .pb-lg-4,
+ .py-lg-4 {
+ padding-bottom: 2.4rem !important;
+ }
+ .pl-lg-4,
+ .px-lg-4 {
+ padding-left: 2.4rem !important;
+ }
+ .p-lg-5 {
+ padding: 4.8rem !important;
+ }
+ .pt-lg-5,
+ .py-lg-5 {
+ padding-top: 4.8rem !important;
+ }
+ .pr-lg-5,
+ .px-lg-5 {
+ padding-right: 4.8rem !important;
+ }
+ .pb-lg-5,
+ .py-lg-5 {
+ padding-bottom: 4.8rem !important;
+ }
+ .pl-lg-5,
+ .px-lg-5 {
+ padding-left: 4.8rem !important;
+ }
+ .p-lg-6 {
+ padding: 9.6rem !important;
+ }
+ .pt-lg-6,
+ .py-lg-6 {
+ padding-top: 9.6rem !important;
+ }
+ .pr-lg-6,
+ .px-lg-6 {
+ padding-right: 9.6rem !important;
+ }
+ .pb-lg-6,
+ .py-lg-6 {
+ padding-bottom: 9.6rem !important;
+ }
+ .pl-lg-6,
+ .px-lg-6 {
+ padding-left: 9.6rem !important;
+ }
+ .p-lg-7 {
+ padding: 19.2rem !important;
+ }
+ .pt-lg-7,
+ .py-lg-7 {
+ padding-top: 19.2rem !important;
+ }
+ .pr-lg-7,
+ .px-lg-7 {
+ padding-right: 19.2rem !important;
+ }
+ .pb-lg-7,
+ .py-lg-7 {
+ padding-bottom: 19.2rem !important;
+ }
+ .pl-lg-7,
+ .px-lg-7 {
+ padding-left: 19.2rem !important;
+ }
+ .p-lg--1 {
+ padding: -0.4rem !important;
+ }
+ .pt-lg--1,
+ .py-lg--1 {
+ padding-top: -0.4rem !important;
+ }
+ .pr-lg--1,
+ .px-lg--1 {
+ padding-right: -0.4rem !important;
+ }
+ .pb-lg--1,
+ .py-lg--1 {
+ padding-bottom: -0.4rem !important;
+ }
+ .pl-lg--1,
+ .px-lg--1 {
+ padding-left: -0.4rem !important;
+ }
+ .p-lg--2 {
+ padding: -0.8rem !important;
+ }
+ .pt-lg--2,
+ .py-lg--2 {
+ padding-top: -0.8rem !important;
+ }
+ .pr-lg--2,
+ .px-lg--2 {
+ padding-right: -0.8rem !important;
+ }
+ .pb-lg--2,
+ .py-lg--2 {
+ padding-bottom: -0.8rem !important;
+ }
+ .pl-lg--2,
+ .px-lg--2 {
+ padding-left: -0.8rem !important;
+ }
+ .p-lg--3 {
+ padding: -1.6rem !important;
+ }
+ .pt-lg--3,
+ .py-lg--3 {
+ padding-top: -1.6rem !important;
+ }
+ .pr-lg--3,
+ .px-lg--3 {
+ padding-right: -1.6rem !important;
+ }
+ .pb-lg--3,
+ .py-lg--3 {
+ padding-bottom: -1.6rem !important;
+ }
+ .pl-lg--3,
+ .px-lg--3 {
+ padding-left: -1.6rem !important;
+ }
+ .p-lg--5 {
+ padding: -4.8rem !important;
+ }
+ .pt-lg--5,
+ .py-lg--5 {
+ padding-top: -4.8rem !important;
+ }
+ .pr-lg--5,
+ .px-lg--5 {
+ padding-right: -4.8rem !important;
+ }
+ .pb-lg--5,
+ .py-lg--5 {
+ padding-bottom: -4.8rem !important;
+ }
+ .pl-lg--5,
+ .px-lg--5 {
+ padding-left: -4.8rem !important;
+ }
+ .p-lg--6 {
+ padding: -9.6rem !important;
+ }
+ .pt-lg--6,
+ .py-lg--6 {
+ padding-top: -9.6rem !important;
+ }
+ .pr-lg--6,
+ .px-lg--6 {
+ padding-right: -9.6rem !important;
+ }
+ .pb-lg--6,
+ .py-lg--6 {
+ padding-bottom: -9.6rem !important;
+ }
+ .pl-lg--6,
+ .px-lg--6 {
+ padding-left: -9.6rem !important;
+ }
+ .p-lg--7 {
+ padding: -19.2rem !important;
+ }
+ .pt-lg--7,
+ .py-lg--7 {
+ padding-top: -19.2rem !important;
+ }
+ .pr-lg--7,
+ .px-lg--7 {
+ padding-right: -19.2rem !important;
+ }
+ .pb-lg--7,
+ .py-lg--7 {
+ padding-bottom: -19.2rem !important;
+ }
+ .pl-lg--7,
+ .px-lg--7 {
+ padding-left: -19.2rem !important;
+ }
+ .m-lg-n1 {
+ margin: -0.4rem !important;
+ }
+ .mt-lg-n1,
+ .my-lg-n1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-lg-n1,
+ .mx-lg-n1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-lg-n1,
+ .my-lg-n1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-lg-n1,
+ .mx-lg-n1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-lg-n2 {
+ margin: -0.8rem !important;
+ }
+ .mt-lg-n2,
+ .my-lg-n2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-lg-n2,
+ .mx-lg-n2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-lg-n2,
+ .my-lg-n2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-lg-n2,
+ .mx-lg-n2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-lg-n3 {
+ margin: -1.6rem !important;
+ }
+ .mt-lg-n3,
+ .my-lg-n3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-lg-n3,
+ .mx-lg-n3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-lg-n3,
+ .my-lg-n3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-lg-n3,
+ .mx-lg-n3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-lg-n4 {
+ margin: -2.4rem !important;
+ }
+ .mt-lg-n4,
+ .my-lg-n4 {
+ margin-top: -2.4rem !important;
+ }
+ .mr-lg-n4,
+ .mx-lg-n4 {
+ margin-right: -2.4rem !important;
+ }
+ .mb-lg-n4,
+ .my-lg-n4 {
+ margin-bottom: -2.4rem !important;
+ }
+ .ml-lg-n4,
+ .mx-lg-n4 {
+ margin-left: -2.4rem !important;
+ }
+ .m-lg-n5 {
+ margin: -4.8rem !important;
+ }
+ .mt-lg-n5,
+ .my-lg-n5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-lg-n5,
+ .mx-lg-n5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-lg-n5,
+ .my-lg-n5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-lg-n5,
+ .mx-lg-n5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-lg-n6 {
+ margin: -9.6rem !important;
+ }
+ .mt-lg-n6,
+ .my-lg-n6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-lg-n6,
+ .mx-lg-n6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-lg-n6,
+ .my-lg-n6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-lg-n6,
+ .mx-lg-n6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-lg-n7 {
+ margin: -19.2rem !important;
+ }
+ .mt-lg-n7,
+ .my-lg-n7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-lg-n7,
+ .mx-lg-n7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-lg-n7,
+ .my-lg-n7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-lg-n7,
+ .mx-lg-n7 {
+ margin-left: -19.2rem !important;
+ }
+ .m-lg-n-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-lg-n-1,
+ .my-lg-n-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-lg-n-1,
+ .mx-lg-n-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-lg-n-1,
+ .my-lg-n-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-lg-n-1,
+ .mx-lg-n-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-lg-n-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-lg-n-2,
+ .my-lg-n-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-lg-n-2,
+ .mx-lg-n-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-lg-n-2,
+ .my-lg-n-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-lg-n-2,
+ .mx-lg-n-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-lg-n-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-lg-n-3,
+ .my-lg-n-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-lg-n-3,
+ .mx-lg-n-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-lg-n-3,
+ .my-lg-n-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-lg-n-3,
+ .mx-lg-n-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-lg-n-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-lg-n-5,
+ .my-lg-n-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-lg-n-5,
+ .mx-lg-n-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-lg-n-5,
+ .my-lg-n-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-lg-n-5,
+ .mx-lg-n-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-lg-n-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-lg-n-6,
+ .my-lg-n-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-lg-n-6,
+ .mx-lg-n-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-lg-n-6,
+ .my-lg-n-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-lg-n-6,
+ .mx-lg-n-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-lg-n-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-lg-n-7,
+ .my-lg-n-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-lg-n-7,
+ .mx-lg-n-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-lg-n-7,
+ .my-lg-n-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-lg-n-7,
+ .mx-lg-n-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mt-lg-auto,
+ .my-lg-auto {
+ margin-top: auto !important;
+ }
+ .mr-lg-auto,
+ .mx-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-auto,
+ .my-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-lg-auto,
+ .mx-lg-auto {
+ margin-left: auto !important;
+ }
+}
+@media (min-width: 1380px) {
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .mt-xl-0,
+ .my-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mr-xl-0,
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ }
+ .mb-xl-0,
+ .my-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-xl-0,
+ .mx-xl-0 {
+ margin-left: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-xl-1,
+ .my-xl-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-xl-1,
+ .mx-xl-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-xl-1,
+ .my-xl-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-xl-1,
+ .mx-xl-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-xl-2,
+ .my-xl-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-xl-2,
+ .mx-xl-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-xl-2,
+ .my-xl-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-xl-2,
+ .mx-xl-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-xl-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-xl-3,
+ .my-xl-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-xl-3,
+ .mx-xl-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-xl-3,
+ .my-xl-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-xl-3,
+ .mx-xl-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-xl-4 {
+ margin: 2.4rem !important;
+ }
+ .mt-xl-4,
+ .my-xl-4 {
+ margin-top: 2.4rem !important;
+ }
+ .mr-xl-4,
+ .mx-xl-4 {
+ margin-right: 2.4rem !important;
+ }
+ .mb-xl-4,
+ .my-xl-4 {
+ margin-bottom: 2.4rem !important;
+ }
+ .ml-xl-4,
+ .mx-xl-4 {
+ margin-left: 2.4rem !important;
+ }
+ .m-xl-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-xl-5,
+ .my-xl-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-xl-5,
+ .mx-xl-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-xl-5,
+ .my-xl-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-xl-5,
+ .mx-xl-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-xl-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-xl-6,
+ .my-xl-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-xl-6,
+ .mx-xl-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-xl-6,
+ .my-xl-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-xl-6,
+ .mx-xl-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-xl-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-xl-7,
+ .my-xl-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-xl-7,
+ .mx-xl-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-xl-7,
+ .my-xl-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-xl-7,
+ .mx-xl-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-xl--1 {
+ margin: -0.4rem !important;
+ }
+ .mt-xl--1,
+ .my-xl--1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-xl--1,
+ .mx-xl--1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-xl--1,
+ .my-xl--1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-xl--1,
+ .mx-xl--1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-xl--2 {
+ margin: -0.8rem !important;
+ }
+ .mt-xl--2,
+ .my-xl--2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-xl--2,
+ .mx-xl--2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-xl--2,
+ .my-xl--2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-xl--2,
+ .mx-xl--2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-xl--3 {
+ margin: -1.6rem !important;
+ }
+ .mt-xl--3,
+ .my-xl--3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-xl--3,
+ .mx-xl--3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-xl--3,
+ .my-xl--3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-xl--3,
+ .mx-xl--3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-xl--5 {
+ margin: -4.8rem !important;
+ }
+ .mt-xl--5,
+ .my-xl--5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-xl--5,
+ .mx-xl--5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-xl--5,
+ .my-xl--5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-xl--5,
+ .mx-xl--5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-xl--6 {
+ margin: -9.6rem !important;
+ }
+ .mt-xl--6,
+ .my-xl--6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-xl--6,
+ .mx-xl--6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-xl--6,
+ .my-xl--6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-xl--6,
+ .mx-xl--6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-xl--7 {
+ margin: -19.2rem !important;
+ }
+ .mt-xl--7,
+ .my-xl--7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-xl--7,
+ .mx-xl--7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-xl--7,
+ .my-xl--7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-xl--7,
+ .mx-xl--7 {
+ margin-left: -19.2rem !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .pt-xl-0,
+ .py-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pr-xl-0,
+ .px-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pb-xl-0,
+ .py-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-xl-0,
+ .px-xl-0 {
+ padding-left: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.4rem !important;
+ }
+ .pt-xl-1,
+ .py-xl-1 {
+ padding-top: 0.4rem !important;
+ }
+ .pr-xl-1,
+ .px-xl-1 {
+ padding-right: 0.4rem !important;
+ }
+ .pb-xl-1,
+ .py-xl-1 {
+ padding-bottom: 0.4rem !important;
+ }
+ .pl-xl-1,
+ .px-xl-1 {
+ padding-left: 0.4rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.8rem !important;
+ }
+ .pt-xl-2,
+ .py-xl-2 {
+ padding-top: 0.8rem !important;
+ }
+ .pr-xl-2,
+ .px-xl-2 {
+ padding-right: 0.8rem !important;
+ }
+ .pb-xl-2,
+ .py-xl-2 {
+ padding-bottom: 0.8rem !important;
+ }
+ .pl-xl-2,
+ .px-xl-2 {
+ padding-left: 0.8rem !important;
+ }
+ .p-xl-3 {
+ padding: 1.6rem !important;
+ }
+ .pt-xl-3,
+ .py-xl-3 {
+ padding-top: 1.6rem !important;
+ }
+ .pr-xl-3,
+ .px-xl-3 {
+ padding-right: 1.6rem !important;
+ }
+ .pb-xl-3,
+ .py-xl-3 {
+ padding-bottom: 1.6rem !important;
+ }
+ .pl-xl-3,
+ .px-xl-3 {
+ padding-left: 1.6rem !important;
+ }
+ .p-xl-4 {
+ padding: 2.4rem !important;
+ }
+ .pt-xl-4,
+ .py-xl-4 {
+ padding-top: 2.4rem !important;
+ }
+ .pr-xl-4,
+ .px-xl-4 {
+ padding-right: 2.4rem !important;
+ }
+ .pb-xl-4,
+ .py-xl-4 {
+ padding-bottom: 2.4rem !important;
+ }
+ .pl-xl-4,
+ .px-xl-4 {
+ padding-left: 2.4rem !important;
+ }
+ .p-xl-5 {
+ padding: 4.8rem !important;
+ }
+ .pt-xl-5,
+ .py-xl-5 {
+ padding-top: 4.8rem !important;
+ }
+ .pr-xl-5,
+ .px-xl-5 {
+ padding-right: 4.8rem !important;
+ }
+ .pb-xl-5,
+ .py-xl-5 {
+ padding-bottom: 4.8rem !important;
+ }
+ .pl-xl-5,
+ .px-xl-5 {
+ padding-left: 4.8rem !important;
+ }
+ .p-xl-6 {
+ padding: 9.6rem !important;
+ }
+ .pt-xl-6,
+ .py-xl-6 {
+ padding-top: 9.6rem !important;
+ }
+ .pr-xl-6,
+ .px-xl-6 {
+ padding-right: 9.6rem !important;
+ }
+ .pb-xl-6,
+ .py-xl-6 {
+ padding-bottom: 9.6rem !important;
+ }
+ .pl-xl-6,
+ .px-xl-6 {
+ padding-left: 9.6rem !important;
+ }
+ .p-xl-7 {
+ padding: 19.2rem !important;
+ }
+ .pt-xl-7,
+ .py-xl-7 {
+ padding-top: 19.2rem !important;
+ }
+ .pr-xl-7,
+ .px-xl-7 {
+ padding-right: 19.2rem !important;
+ }
+ .pb-xl-7,
+ .py-xl-7 {
+ padding-bottom: 19.2rem !important;
+ }
+ .pl-xl-7,
+ .px-xl-7 {
+ padding-left: 19.2rem !important;
+ }
+ .p-xl--1 {
+ padding: -0.4rem !important;
+ }
+ .pt-xl--1,
+ .py-xl--1 {
+ padding-top: -0.4rem !important;
+ }
+ .pr-xl--1,
+ .px-xl--1 {
+ padding-right: -0.4rem !important;
+ }
+ .pb-xl--1,
+ .py-xl--1 {
+ padding-bottom: -0.4rem !important;
+ }
+ .pl-xl--1,
+ .px-xl--1 {
+ padding-left: -0.4rem !important;
+ }
+ .p-xl--2 {
+ padding: -0.8rem !important;
+ }
+ .pt-xl--2,
+ .py-xl--2 {
+ padding-top: -0.8rem !important;
+ }
+ .pr-xl--2,
+ .px-xl--2 {
+ padding-right: -0.8rem !important;
+ }
+ .pb-xl--2,
+ .py-xl--2 {
+ padding-bottom: -0.8rem !important;
+ }
+ .pl-xl--2,
+ .px-xl--2 {
+ padding-left: -0.8rem !important;
+ }
+ .p-xl--3 {
+ padding: -1.6rem !important;
+ }
+ .pt-xl--3,
+ .py-xl--3 {
+ padding-top: -1.6rem !important;
+ }
+ .pr-xl--3,
+ .px-xl--3 {
+ padding-right: -1.6rem !important;
+ }
+ .pb-xl--3,
+ .py-xl--3 {
+ padding-bottom: -1.6rem !important;
+ }
+ .pl-xl--3,
+ .px-xl--3 {
+ padding-left: -1.6rem !important;
+ }
+ .p-xl--5 {
+ padding: -4.8rem !important;
+ }
+ .pt-xl--5,
+ .py-xl--5 {
+ padding-top: -4.8rem !important;
+ }
+ .pr-xl--5,
+ .px-xl--5 {
+ padding-right: -4.8rem !important;
+ }
+ .pb-xl--5,
+ .py-xl--5 {
+ padding-bottom: -4.8rem !important;
+ }
+ .pl-xl--5,
+ .px-xl--5 {
+ padding-left: -4.8rem !important;
+ }
+ .p-xl--6 {
+ padding: -9.6rem !important;
+ }
+ .pt-xl--6,
+ .py-xl--6 {
+ padding-top: -9.6rem !important;
+ }
+ .pr-xl--6,
+ .px-xl--6 {
+ padding-right: -9.6rem !important;
+ }
+ .pb-xl--6,
+ .py-xl--6 {
+ padding-bottom: -9.6rem !important;
+ }
+ .pl-xl--6,
+ .px-xl--6 {
+ padding-left: -9.6rem !important;
+ }
+ .p-xl--7 {
+ padding: -19.2rem !important;
+ }
+ .pt-xl--7,
+ .py-xl--7 {
+ padding-top: -19.2rem !important;
+ }
+ .pr-xl--7,
+ .px-xl--7 {
+ padding-right: -19.2rem !important;
+ }
+ .pb-xl--7,
+ .py-xl--7 {
+ padding-bottom: -19.2rem !important;
+ }
+ .pl-xl--7,
+ .px-xl--7 {
+ padding-left: -19.2rem !important;
+ }
+ .m-xl-n1 {
+ margin: -0.4rem !important;
+ }
+ .mt-xl-n1,
+ .my-xl-n1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-xl-n1,
+ .mx-xl-n1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-xl-n1,
+ .my-xl-n1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-xl-n1,
+ .mx-xl-n1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-xl-n2 {
+ margin: -0.8rem !important;
+ }
+ .mt-xl-n2,
+ .my-xl-n2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-xl-n2,
+ .mx-xl-n2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-xl-n2,
+ .my-xl-n2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-xl-n2,
+ .mx-xl-n2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-xl-n3 {
+ margin: -1.6rem !important;
+ }
+ .mt-xl-n3,
+ .my-xl-n3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-xl-n3,
+ .mx-xl-n3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-xl-n3,
+ .my-xl-n3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-xl-n3,
+ .mx-xl-n3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-xl-n4 {
+ margin: -2.4rem !important;
+ }
+ .mt-xl-n4,
+ .my-xl-n4 {
+ margin-top: -2.4rem !important;
+ }
+ .mr-xl-n4,
+ .mx-xl-n4 {
+ margin-right: -2.4rem !important;
+ }
+ .mb-xl-n4,
+ .my-xl-n4 {
+ margin-bottom: -2.4rem !important;
+ }
+ .ml-xl-n4,
+ .mx-xl-n4 {
+ margin-left: -2.4rem !important;
+ }
+ .m-xl-n5 {
+ margin: -4.8rem !important;
+ }
+ .mt-xl-n5,
+ .my-xl-n5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-xl-n5,
+ .mx-xl-n5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-xl-n5,
+ .my-xl-n5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-xl-n5,
+ .mx-xl-n5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-xl-n6 {
+ margin: -9.6rem !important;
+ }
+ .mt-xl-n6,
+ .my-xl-n6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-xl-n6,
+ .mx-xl-n6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-xl-n6,
+ .my-xl-n6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-xl-n6,
+ .mx-xl-n6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-xl-n7 {
+ margin: -19.2rem !important;
+ }
+ .mt-xl-n7,
+ .my-xl-n7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-xl-n7,
+ .mx-xl-n7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-xl-n7,
+ .my-xl-n7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-xl-n7,
+ .mx-xl-n7 {
+ margin-left: -19.2rem !important;
+ }
+ .m-xl-n-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-xl-n-1,
+ .my-xl-n-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-xl-n-1,
+ .mx-xl-n-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-xl-n-1,
+ .my-xl-n-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-xl-n-1,
+ .mx-xl-n-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-xl-n-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-xl-n-2,
+ .my-xl-n-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-xl-n-2,
+ .mx-xl-n-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-xl-n-2,
+ .my-xl-n-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-xl-n-2,
+ .mx-xl-n-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-xl-n-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-xl-n-3,
+ .my-xl-n-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-xl-n-3,
+ .mx-xl-n-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-xl-n-3,
+ .my-xl-n-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-xl-n-3,
+ .mx-xl-n-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-xl-n-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-xl-n-5,
+ .my-xl-n-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-xl-n-5,
+ .mx-xl-n-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-xl-n-5,
+ .my-xl-n-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-xl-n-5,
+ .mx-xl-n-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-xl-n-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-xl-n-6,
+ .my-xl-n-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-xl-n-6,
+ .mx-xl-n-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-xl-n-6,
+ .my-xl-n-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-xl-n-6,
+ .mx-xl-n-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-xl-n-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-xl-n-7,
+ .my-xl-n-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-xl-n-7,
+ .mx-xl-n-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-xl-n-7,
+ .my-xl-n-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-xl-n-7,
+ .mx-xl-n-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mt-xl-auto,
+ .my-xl-auto {
+ margin-top: auto !important;
+ }
+ .mr-xl-auto,
+ .mx-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-auto,
+ .my-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-xl-auto,
+ .mx-xl-auto {
+ margin-left: auto !important;
+ }
+}
+@media (min-width: 1680px) {
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .mt-xxl-0,
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mr-xxl-0,
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .mb-xxl-0,
+ .my-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-xxl-0,
+ .mx-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-xxl-1,
+ .my-xxl-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-xxl-1,
+ .mx-xxl-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-xxl-1,
+ .my-xxl-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-xxl-1,
+ .mx-xxl-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-xxl-2,
+ .my-xxl-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-xxl-2,
+ .mx-xxl-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-xxl-2,
+ .my-xxl-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-xxl-2,
+ .mx-xxl-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-xxl-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-xxl-3,
+ .my-xxl-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-xxl-3,
+ .mx-xxl-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-xxl-3,
+ .my-xxl-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-xxl-3,
+ .mx-xxl-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-xxl-4 {
+ margin: 2.4rem !important;
+ }
+ .mt-xxl-4,
+ .my-xxl-4 {
+ margin-top: 2.4rem !important;
+ }
+ .mr-xxl-4,
+ .mx-xxl-4 {
+ margin-right: 2.4rem !important;
+ }
+ .mb-xxl-4,
+ .my-xxl-4 {
+ margin-bottom: 2.4rem !important;
+ }
+ .ml-xxl-4,
+ .mx-xxl-4 {
+ margin-left: 2.4rem !important;
+ }
+ .m-xxl-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-xxl-5,
+ .my-xxl-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-xxl-5,
+ .mx-xxl-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-xxl-5,
+ .my-xxl-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-xxl-5,
+ .mx-xxl-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-xxl-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-xxl-6,
+ .my-xxl-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-xxl-6,
+ .mx-xxl-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-xxl-6,
+ .my-xxl-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-xxl-6,
+ .mx-xxl-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-xxl-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-xxl-7,
+ .my-xxl-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-xxl-7,
+ .mx-xxl-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-xxl-7,
+ .my-xxl-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-xxl-7,
+ .mx-xxl-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-xxl--1 {
+ margin: -0.4rem !important;
+ }
+ .mt-xxl--1,
+ .my-xxl--1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-xxl--1,
+ .mx-xxl--1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-xxl--1,
+ .my-xxl--1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-xxl--1,
+ .mx-xxl--1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-xxl--2 {
+ margin: -0.8rem !important;
+ }
+ .mt-xxl--2,
+ .my-xxl--2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-xxl--2,
+ .mx-xxl--2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-xxl--2,
+ .my-xxl--2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-xxl--2,
+ .mx-xxl--2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-xxl--3 {
+ margin: -1.6rem !important;
+ }
+ .mt-xxl--3,
+ .my-xxl--3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-xxl--3,
+ .mx-xxl--3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-xxl--3,
+ .my-xxl--3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-xxl--3,
+ .mx-xxl--3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-xxl--5 {
+ margin: -4.8rem !important;
+ }
+ .mt-xxl--5,
+ .my-xxl--5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-xxl--5,
+ .mx-xxl--5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-xxl--5,
+ .my-xxl--5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-xxl--5,
+ .mx-xxl--5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-xxl--6 {
+ margin: -9.6rem !important;
+ }
+ .mt-xxl--6,
+ .my-xxl--6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-xxl--6,
+ .mx-xxl--6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-xxl--6,
+ .my-xxl--6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-xxl--6,
+ .mx-xxl--6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-xxl--7 {
+ margin: -19.2rem !important;
+ }
+ .mt-xxl--7,
+ .my-xxl--7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-xxl--7,
+ .mx-xxl--7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-xxl--7,
+ .my-xxl--7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-xxl--7,
+ .mx-xxl--7 {
+ margin-left: -19.2rem !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .pt-xxl-0,
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pr-xxl-0,
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .pb-xxl-0,
+ .py-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-xxl-0,
+ .px-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: 0.4rem !important;
+ }
+ .pt-xxl-1,
+ .py-xxl-1 {
+ padding-top: 0.4rem !important;
+ }
+ .pr-xxl-1,
+ .px-xxl-1 {
+ padding-right: 0.4rem !important;
+ }
+ .pb-xxl-1,
+ .py-xxl-1 {
+ padding-bottom: 0.4rem !important;
+ }
+ .pl-xxl-1,
+ .px-xxl-1 {
+ padding-left: 0.4rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.8rem !important;
+ }
+ .pt-xxl-2,
+ .py-xxl-2 {
+ padding-top: 0.8rem !important;
+ }
+ .pr-xxl-2,
+ .px-xxl-2 {
+ padding-right: 0.8rem !important;
+ }
+ .pb-xxl-2,
+ .py-xxl-2 {
+ padding-bottom: 0.8rem !important;
+ }
+ .pl-xxl-2,
+ .px-xxl-2 {
+ padding-left: 0.8rem !important;
+ }
+ .p-xxl-3 {
+ padding: 1.6rem !important;
+ }
+ .pt-xxl-3,
+ .py-xxl-3 {
+ padding-top: 1.6rem !important;
+ }
+ .pr-xxl-3,
+ .px-xxl-3 {
+ padding-right: 1.6rem !important;
+ }
+ .pb-xxl-3,
+ .py-xxl-3 {
+ padding-bottom: 1.6rem !important;
+ }
+ .pl-xxl-3,
+ .px-xxl-3 {
+ padding-left: 1.6rem !important;
+ }
+ .p-xxl-4 {
+ padding: 2.4rem !important;
+ }
+ .pt-xxl-4,
+ .py-xxl-4 {
+ padding-top: 2.4rem !important;
+ }
+ .pr-xxl-4,
+ .px-xxl-4 {
+ padding-right: 2.4rem !important;
+ }
+ .pb-xxl-4,
+ .py-xxl-4 {
+ padding-bottom: 2.4rem !important;
+ }
+ .pl-xxl-4,
+ .px-xxl-4 {
+ padding-left: 2.4rem !important;
+ }
+ .p-xxl-5 {
+ padding: 4.8rem !important;
+ }
+ .pt-xxl-5,
+ .py-xxl-5 {
+ padding-top: 4.8rem !important;
+ }
+ .pr-xxl-5,
+ .px-xxl-5 {
+ padding-right: 4.8rem !important;
+ }
+ .pb-xxl-5,
+ .py-xxl-5 {
+ padding-bottom: 4.8rem !important;
+ }
+ .pl-xxl-5,
+ .px-xxl-5 {
+ padding-left: 4.8rem !important;
+ }
+ .p-xxl-6 {
+ padding: 9.6rem !important;
+ }
+ .pt-xxl-6,
+ .py-xxl-6 {
+ padding-top: 9.6rem !important;
+ }
+ .pr-xxl-6,
+ .px-xxl-6 {
+ padding-right: 9.6rem !important;
+ }
+ .pb-xxl-6,
+ .py-xxl-6 {
+ padding-bottom: 9.6rem !important;
+ }
+ .pl-xxl-6,
+ .px-xxl-6 {
+ padding-left: 9.6rem !important;
+ }
+ .p-xxl-7 {
+ padding: 19.2rem !important;
+ }
+ .pt-xxl-7,
+ .py-xxl-7 {
+ padding-top: 19.2rem !important;
+ }
+ .pr-xxl-7,
+ .px-xxl-7 {
+ padding-right: 19.2rem !important;
+ }
+ .pb-xxl-7,
+ .py-xxl-7 {
+ padding-bottom: 19.2rem !important;
+ }
+ .pl-xxl-7,
+ .px-xxl-7 {
+ padding-left: 19.2rem !important;
+ }
+ .p-xxl--1 {
+ padding: -0.4rem !important;
+ }
+ .pt-xxl--1,
+ .py-xxl--1 {
+ padding-top: -0.4rem !important;
+ }
+ .pr-xxl--1,
+ .px-xxl--1 {
+ padding-right: -0.4rem !important;
+ }
+ .pb-xxl--1,
+ .py-xxl--1 {
+ padding-bottom: -0.4rem !important;
+ }
+ .pl-xxl--1,
+ .px-xxl--1 {
+ padding-left: -0.4rem !important;
+ }
+ .p-xxl--2 {
+ padding: -0.8rem !important;
+ }
+ .pt-xxl--2,
+ .py-xxl--2 {
+ padding-top: -0.8rem !important;
+ }
+ .pr-xxl--2,
+ .px-xxl--2 {
+ padding-right: -0.8rem !important;
+ }
+ .pb-xxl--2,
+ .py-xxl--2 {
+ padding-bottom: -0.8rem !important;
+ }
+ .pl-xxl--2,
+ .px-xxl--2 {
+ padding-left: -0.8rem !important;
+ }
+ .p-xxl--3 {
+ padding: -1.6rem !important;
+ }
+ .pt-xxl--3,
+ .py-xxl--3 {
+ padding-top: -1.6rem !important;
+ }
+ .pr-xxl--3,
+ .px-xxl--3 {
+ padding-right: -1.6rem !important;
+ }
+ .pb-xxl--3,
+ .py-xxl--3 {
+ padding-bottom: -1.6rem !important;
+ }
+ .pl-xxl--3,
+ .px-xxl--3 {
+ padding-left: -1.6rem !important;
+ }
+ .p-xxl--5 {
+ padding: -4.8rem !important;
+ }
+ .pt-xxl--5,
+ .py-xxl--5 {
+ padding-top: -4.8rem !important;
+ }
+ .pr-xxl--5,
+ .px-xxl--5 {
+ padding-right: -4.8rem !important;
+ }
+ .pb-xxl--5,
+ .py-xxl--5 {
+ padding-bottom: -4.8rem !important;
+ }
+ .pl-xxl--5,
+ .px-xxl--5 {
+ padding-left: -4.8rem !important;
+ }
+ .p-xxl--6 {
+ padding: -9.6rem !important;
+ }
+ .pt-xxl--6,
+ .py-xxl--6 {
+ padding-top: -9.6rem !important;
+ }
+ .pr-xxl--6,
+ .px-xxl--6 {
+ padding-right: -9.6rem !important;
+ }
+ .pb-xxl--6,
+ .py-xxl--6 {
+ padding-bottom: -9.6rem !important;
+ }
+ .pl-xxl--6,
+ .px-xxl--6 {
+ padding-left: -9.6rem !important;
+ }
+ .p-xxl--7 {
+ padding: -19.2rem !important;
+ }
+ .pt-xxl--7,
+ .py-xxl--7 {
+ padding-top: -19.2rem !important;
+ }
+ .pr-xxl--7,
+ .px-xxl--7 {
+ padding-right: -19.2rem !important;
+ }
+ .pb-xxl--7,
+ .py-xxl--7 {
+ padding-bottom: -19.2rem !important;
+ }
+ .pl-xxl--7,
+ .px-xxl--7 {
+ padding-left: -19.2rem !important;
+ }
+ .m-xxl-n1 {
+ margin: -0.4rem !important;
+ }
+ .mt-xxl-n1,
+ .my-xxl-n1 {
+ margin-top: -0.4rem !important;
+ }
+ .mr-xxl-n1,
+ .mx-xxl-n1 {
+ margin-right: -0.4rem !important;
+ }
+ .mb-xxl-n1,
+ .my-xxl-n1 {
+ margin-bottom: -0.4rem !important;
+ }
+ .ml-xxl-n1,
+ .mx-xxl-n1 {
+ margin-left: -0.4rem !important;
+ }
+ .m-xxl-n2 {
+ margin: -0.8rem !important;
+ }
+ .mt-xxl-n2,
+ .my-xxl-n2 {
+ margin-top: -0.8rem !important;
+ }
+ .mr-xxl-n2,
+ .mx-xxl-n2 {
+ margin-right: -0.8rem !important;
+ }
+ .mb-xxl-n2,
+ .my-xxl-n2 {
+ margin-bottom: -0.8rem !important;
+ }
+ .ml-xxl-n2,
+ .mx-xxl-n2 {
+ margin-left: -0.8rem !important;
+ }
+ .m-xxl-n3 {
+ margin: -1.6rem !important;
+ }
+ .mt-xxl-n3,
+ .my-xxl-n3 {
+ margin-top: -1.6rem !important;
+ }
+ .mr-xxl-n3,
+ .mx-xxl-n3 {
+ margin-right: -1.6rem !important;
+ }
+ .mb-xxl-n3,
+ .my-xxl-n3 {
+ margin-bottom: -1.6rem !important;
+ }
+ .ml-xxl-n3,
+ .mx-xxl-n3 {
+ margin-left: -1.6rem !important;
+ }
+ .m-xxl-n4 {
+ margin: -2.4rem !important;
+ }
+ .mt-xxl-n4,
+ .my-xxl-n4 {
+ margin-top: -2.4rem !important;
+ }
+ .mr-xxl-n4,
+ .mx-xxl-n4 {
+ margin-right: -2.4rem !important;
+ }
+ .mb-xxl-n4,
+ .my-xxl-n4 {
+ margin-bottom: -2.4rem !important;
+ }
+ .ml-xxl-n4,
+ .mx-xxl-n4 {
+ margin-left: -2.4rem !important;
+ }
+ .m-xxl-n5 {
+ margin: -4.8rem !important;
+ }
+ .mt-xxl-n5,
+ .my-xxl-n5 {
+ margin-top: -4.8rem !important;
+ }
+ .mr-xxl-n5,
+ .mx-xxl-n5 {
+ margin-right: -4.8rem !important;
+ }
+ .mb-xxl-n5,
+ .my-xxl-n5 {
+ margin-bottom: -4.8rem !important;
+ }
+ .ml-xxl-n5,
+ .mx-xxl-n5 {
+ margin-left: -4.8rem !important;
+ }
+ .m-xxl-n6 {
+ margin: -9.6rem !important;
+ }
+ .mt-xxl-n6,
+ .my-xxl-n6 {
+ margin-top: -9.6rem !important;
+ }
+ .mr-xxl-n6,
+ .mx-xxl-n6 {
+ margin-right: -9.6rem !important;
+ }
+ .mb-xxl-n6,
+ .my-xxl-n6 {
+ margin-bottom: -9.6rem !important;
+ }
+ .ml-xxl-n6,
+ .mx-xxl-n6 {
+ margin-left: -9.6rem !important;
+ }
+ .m-xxl-n7 {
+ margin: -19.2rem !important;
+ }
+ .mt-xxl-n7,
+ .my-xxl-n7 {
+ margin-top: -19.2rem !important;
+ }
+ .mr-xxl-n7,
+ .mx-xxl-n7 {
+ margin-right: -19.2rem !important;
+ }
+ .mb-xxl-n7,
+ .my-xxl-n7 {
+ margin-bottom: -19.2rem !important;
+ }
+ .ml-xxl-n7,
+ .mx-xxl-n7 {
+ margin-left: -19.2rem !important;
+ }
+ .m-xxl-n-1 {
+ margin: 0.4rem !important;
+ }
+ .mt-xxl-n-1,
+ .my-xxl-n-1 {
+ margin-top: 0.4rem !important;
+ }
+ .mr-xxl-n-1,
+ .mx-xxl-n-1 {
+ margin-right: 0.4rem !important;
+ }
+ .mb-xxl-n-1,
+ .my-xxl-n-1 {
+ margin-bottom: 0.4rem !important;
+ }
+ .ml-xxl-n-1,
+ .mx-xxl-n-1 {
+ margin-left: 0.4rem !important;
+ }
+ .m-xxl-n-2 {
+ margin: 0.8rem !important;
+ }
+ .mt-xxl-n-2,
+ .my-xxl-n-2 {
+ margin-top: 0.8rem !important;
+ }
+ .mr-xxl-n-2,
+ .mx-xxl-n-2 {
+ margin-right: 0.8rem !important;
+ }
+ .mb-xxl-n-2,
+ .my-xxl-n-2 {
+ margin-bottom: 0.8rem !important;
+ }
+ .ml-xxl-n-2,
+ .mx-xxl-n-2 {
+ margin-left: 0.8rem !important;
+ }
+ .m-xxl-n-3 {
+ margin: 1.6rem !important;
+ }
+ .mt-xxl-n-3,
+ .my-xxl-n-3 {
+ margin-top: 1.6rem !important;
+ }
+ .mr-xxl-n-3,
+ .mx-xxl-n-3 {
+ margin-right: 1.6rem !important;
+ }
+ .mb-xxl-n-3,
+ .my-xxl-n-3 {
+ margin-bottom: 1.6rem !important;
+ }
+ .ml-xxl-n-3,
+ .mx-xxl-n-3 {
+ margin-left: 1.6rem !important;
+ }
+ .m-xxl-n-5 {
+ margin: 4.8rem !important;
+ }
+ .mt-xxl-n-5,
+ .my-xxl-n-5 {
+ margin-top: 4.8rem !important;
+ }
+ .mr-xxl-n-5,
+ .mx-xxl-n-5 {
+ margin-right: 4.8rem !important;
+ }
+ .mb-xxl-n-5,
+ .my-xxl-n-5 {
+ margin-bottom: 4.8rem !important;
+ }
+ .ml-xxl-n-5,
+ .mx-xxl-n-5 {
+ margin-left: 4.8rem !important;
+ }
+ .m-xxl-n-6 {
+ margin: 9.6rem !important;
+ }
+ .mt-xxl-n-6,
+ .my-xxl-n-6 {
+ margin-top: 9.6rem !important;
+ }
+ .mr-xxl-n-6,
+ .mx-xxl-n-6 {
+ margin-right: 9.6rem !important;
+ }
+ .mb-xxl-n-6,
+ .my-xxl-n-6 {
+ margin-bottom: 9.6rem !important;
+ }
+ .ml-xxl-n-6,
+ .mx-xxl-n-6 {
+ margin-left: 9.6rem !important;
+ }
+ .m-xxl-n-7 {
+ margin: 19.2rem !important;
+ }
+ .mt-xxl-n-7,
+ .my-xxl-n-7 {
+ margin-top: 19.2rem !important;
+ }
+ .mr-xxl-n-7,
+ .mx-xxl-n-7 {
+ margin-right: 19.2rem !important;
+ }
+ .mb-xxl-n-7,
+ .my-xxl-n-7 {
+ margin-bottom: 19.2rem !important;
+ }
+ .ml-xxl-n-7,
+ .mx-xxl-n-7 {
+ margin-left: 19.2rem !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mt-xxl-auto,
+ .my-xxl-auto {
+ margin-top: auto !important;
+ }
+ .mr-xxl-auto,
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xxl-auto,
+ .my-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-xxl-auto,
+ .mx-xxl-auto {
+ margin-left: auto !important;
+ }
+}
+.text-monospace {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+}
+
+.text-justify {
+ text-align: justify !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.text-left {
+ text-align: left !important;
+}
+
+.text-right {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+@media (min-width: 900px) {
+ .text-sm-left {
+ text-align: left !important;
+ }
+ .text-sm-right {
+ text-align: right !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 980px) {
+ .text-md-left {
+ text-align: left !important;
+ }
+ .text-md-right {
+ text-align: right !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1220px) {
+ .text-lg-left {
+ text-align: left !important;
+ }
+ .text-lg-right {
+ text-align: right !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1380px) {
+ .text-xl-left {
+ text-align: left !important;
+ }
+ .text-xl-right {
+ text-align: right !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1680px) {
+ .text-xxl-left {
+ text-align: left !important;
+ }
+ .text-xxl-right {
+ text-align: right !important;
+ }
+ .text-xxl-center {
+ text-align: center !important;
+ }
+}
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-white {
+ color: #fff !important;
+}
+
+.text-primary, .features__releaselogs_index a:hover {
+ color: var(--color-accent) !important;
+}
+
+.text-secondary {
+ color: var(--color-text-secondary) !important;
+}
+
+.text-success {
+ color: var(--color-success) !important;
+}
+
+.text-info {
+ color: var(--color-info) !important;
+}
+
+.text-warning {
+ color: var(--color-warning) !important;
+}
+
+.text-danger {
+ color: var(--color-danger) !important;
+}
+
+.text-light {
+ color: #f8f9fa !important;
+}
+
+.text-dark {
+ color: #343a40 !important;
+}
+
+.text-body {
+ color: var(--color-text) !important;
+}
+
+.text-muted, .features__releaselogs_index a, .notifications-item-time {
+ color: #6c757d !important;
+}
+
+.text-black-50 {
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-break {
+ word-break: break-word !important;
+ overflow-wrap: break-word !important;
+}
+
+.text-reset {
+ color: inherit !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+/* Functions and helpers. */
+/* Mixin to make it easier to use font variations. */
+/* Bootstrap's img-responsive class */
+/* Adjust left/right padding every nth cards. */
+/* Blender logo in white. Used in global topbar and code.blender.org */
+/* Animations */
+/* Blink */
+@keyframes blink {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes blink {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-moz-keyframes blink {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+/* Fade-in-pause-out, used for alerts */
+@keyframes fade-in-pause-out {
+ 0% {
+ visibility: hidden;
+ opacity: 0;
+ }
+ 1% {
+ visibility: visible;
+ }
+ 10% {
+ opacity: 1;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 99% {
+ opacity: 0;
+ visibility: hidden;
+ }
+ 100% {
+ visibility: hidden;
+ }
+}
+@-webkit-keyframes fade-in-pause-out {
+ 0% {
+ visibility: hidden;
+ opacity: 0;
+ }
+ 1% {
+ visibility: visible;
+ }
+ 10% {
+ opacity: 1;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 99% {
+ opacity: 0;
+ visibility: hidden;
+ }
+ 100% {
+ visibility: hidden;
+ }
+}
+@-moz-keyframes fade-in-pause-out {
+ 0% {
+ visibility: hidden;
+ opacity: 0;
+ }
+ 1% {
+ visibility: visible;
+ }
+ 10% {
+ opacity: 1;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 99% {
+ opacity: 0;
+ visibility: hidden;
+ }
+ 100% {
+ visibility: hidden;
+ }
+}
+@keyframes huerotate {
+ 0% {
+ filter: hue-rotate(0deg);
+ }
+ 100% {
+ filter: hue-rotate(360deg);
+ }
+}
+/* Helper classes, in a Bootstrap 4 fashion. */
+.text-muted, .features__releaselogs_index a, .notifications-item-time {
+ color: var(--color-text-secondary);
+}
+
+.text-gradient {
+ background: linear-gradient(44deg, #ff0076, #ffd36b);
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+.text-gradient.text-gradient-1 {
+ background: linear-gradient(44deg, blue, cyan);
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+.text-gradient.text-gradient-2 {
+ background: linear-gradient(44deg, green, yellow);
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+.fw-light {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-light);
+}
+
+.fw-normal {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--font-weight);
+}
+
+.fw-bold {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+}
+
+.fw-lighter {
+ font-weight: lighter;
+}
+
+.fw-bolder {
+ font-weight: bolder;
+}
+
+.fst-italic {
+ font-style: italic;
+}
+
+.fst-normal {
+ font-style: normal;
+}
+
+.font-size-title {
+ font-size: var(--fs-h1);
+}
+
+.font-size-massive {
+ font-size: var(--fs-hero-title);
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.zoom-on-hover {
+ transition: transform ease-in-out var(--transition-speed);
+}
+.zoom-on-hover:hover {
+ transform: scale(1.05);
+}
+
+span.new {
+ color: #EB5E28;
+ font-size: 0.8rem;
+ left: var(--spacer-1);
+ position: relative;
+ top: -1em;
+}
+
+.bg-black {
+ background-color: black;
+}
+
+/* Bottom-right button to jump to top. */
+#hop {
+ align-items: center;
+ background: var(--color-bg-primary);
+ border-radius: 50%;
+ bottom: var(--spacer-4);
+ box-shadow: var(--box-shadow-lg);
+ cursor: pointer;
+ display: flex;
+ height: calc(var(--spacer) * 2);
+ justify-content: center;
+ opacity: 0;
+ position: fixed;
+ right: var(--spacer-4);
+ transform: scale(0.5);
+ transition: all var(--transition-speed-slow) ease-in-out;
+ visibility: hidden;
+ width: calc(var(--spacer) * 2);
+ z-index: 999;
+}
+#hop:hover {
+ transform: scale(1.2);
+ background-color: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 5%));
+}
+#hop svg {
+ fill: var(--color-text-tertiary);
+ max-width: calc(var(--spacer) * 0.75);
+}
+
+body.is-scrolled #hop {
+ visibility: visible;
+ opacity: 1;
+ transform: scale(1);
+}
+body.is-scrolled .whoosh-container {
+ top: calc(var(--spacer) * 2);
+}
+
+/* Admin, Edit, Comments buttons on the top-right. */
+.whoosh-container {
+ --whoosh-button-size: var(--spacer-5);
+ --whoosh-button-margin: var(--spacer);
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ gap: var(--spacer-1);
+ margin-right: var(--whoosh-button-margin);
+ position: fixed;
+ right: var(--whoosh-button-margin);
+ top: calc(var(--navbar-primary-height) + var(--whoosh-button-size) / 4);
+ transition: top 500ms ease-in-out;
+ z-index: calc(var(--navbar-zindex) + 1);
+}
+@media (min-width: 1220px) {
+ .whoosh-container {
+ top: calc(var(--navbar-primary-height) + var(--whoosh-button-size) / 6);
+ }
+}
+@media (min-width: 1380px) {
+ .whoosh-container {
+ top: var(--spacer-1);
+ }
+}
+
+.whoosh {
+ align-items: center;
+ background-color: hsla(285, 50%, 82%, 0.75);
+ backdrop-filter: blur(10px);
+ border-radius: 50%;
+ color: hsl(285, 80%, 35%);
+ display: flex;
+ justify-content: center;
+ height: var(--whoosh-button-size);
+ position: relative;
+ transition: background-color var(--transition-speed), color var(--transition-speed);
+ width: var(--whoosh-button-size);
+}
+.whoosh:hover {
+ background-color: var(--admin-color-bg-hover);
+ color: var(--admin-color-text);
+ text-decoration: none;
+}
+.whoosh:active {
+ background-color: var(--admin-color);
+ color: white !important;
+}
+.whoosh.has-comments {
+ z-index: 2;
+}
+.whoosh.has-comments:after {
+ align-items: center;
+ background-color: var(--color-danger);
+ border-radius: 999em;
+ color: var(--color-bg);
+ content: attr(data-comments-count);
+ display: flex;
+ font-size: 0.7rem;
+ font-weight: 600;
+ justify-content: center;
+ left: calc(var(--whoosh-button-size) * 4 / 3);
+ min-width: var(--spacer);
+ padding-top: 0.4rem;
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ padding-bottom: 0.1rem;
+ position: absolute;
+ top: 0;
+ transition: transform var(--transition-speed-slow) ease-in-out;
+ width: fit-content;
+}
+
+/* Flex Utilities */
+.flex-0 {
+ flex: 0 !important;
+}
+
+/* Theme utilities. */
+html[data-theme=dark] .theme-light {
+ color-scheme: light;
+ --color-bg-h: 210;
+ --color-bg-s: 4%;
+ --color-bg-l: 95%;
+ --color-bg: hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));
+ --color-bg-primary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) + 3%));
+ --color-bg-secondary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 3%));
+ --color-bg-tertiary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 6%));
+ --color-text-h: 230;
+ --color-text-s: 4%;
+ --color-text-l: 31%;
+ --color-text: hsl(var(--color-text-h), var(--color-text-s), var(--color-text-l));
+ --color-text-primary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) - 4%));
+ --color-text-secondary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 26%));
+ --color-text-tertiary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 40%));
+ /* Colours Status. */
+ --color-accent-h: 204;
+ --color-accent-s: 100%;
+ --color-accent-l: 50%;
+ --color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));
+ --color-accent-bg: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .1);
+ --color-accent-bg-hover: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .2);
+ --color-accent-text: var(--color-accent);
+ --color-danger: hsl(0deg 82% 63%);
+ --color-danger-bg: hsl(0deg 79% 94%);
+ --color-danger-bg-hover: hsl(0deg 79% 88%);
+ --color-danger-text: hsl(0deg 69% 60%);
+ --color-info: hsl(192deg 85% 49%);
+ --color-info-bg: hsl(192deg 85% 92%);
+ --color-info-bg-hover: hsl(192deg 85% 82%);
+ --color-info-text: hsl(192deg 85% 42%);
+ --color-success: hsl(90deg 65% 42%);
+ --color-success-bg: hsl(90deg 70% 86%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg 69% 30%);
+ --color-warning: hsl(42 86% 48%);
+ --color-warning-bg: hsl(42 79% 90%);
+ --color-warning-bg-hover: hsl(42 79% 80%);
+ --color-warning-text: hsl(42 79% 30%);
+ /* Colours Component. */
+ --body-color-bg: hsl(213, 10%, 18%);
+ --border-color: var(--color-bg-tertiary);
+ --box-shadow-card-lg: rgba(149, 157, 165, 0.2) 0 var(--spacer-2) var(--spacer-4);
+ --btn-color: hsl(210deg, 16%, 48%);
+ --btn-color-bg: hsl(210deg, 16%, 93%);
+ --btn-color-bg-hover: hsl(210deg, 16%, 96%);
+ --code-color: hsl(297deg, 42%, 41%);
+ --code-color-bg: hsla(297deg, 100%, 25%, .04);
+ --input-color-bg: var(--btn-color-bg);
+ --input-color-border: hsl(210deg, 16%, 85%);
+ --navbar-bg: #fff;
+ --navbar-link-color-active: #000;
+ --table-border-color: var(--color-bg-secondary);
+}
+html[data-theme=dark] .theme-light .navbar-secondary {
+ --navbar-bg: hsl(213, 10%, 18%);
+}
+
+html[data-theme=light] .theme-dark, html[data-theme=light] .block-words-cloud-categories {
+ color-scheme: dark;
+ --color-bg: hsl(213, 10%, 12%);
+ --color-bg-primary: hsl(213, 10%, 21%);
+ --color-bg-secondary: hsl(213, 10%, 16%);
+ --color-bg-tertiary: hsl(213, 10%, 14%);
+ --color-text: hsl(213, 10%, 80%);
+ --color-text-primary: hsl(213, 10%, 98%);
+ --color-text-secondary: hsl(213, 10%, 58%);
+ --color-text-tertiary: hsl(213, 10%, 48%);
+ /* Colours Components. */
+ --body-color-bg: hsl(213, 10%, 16%);
+ --border-color: hsla(213, 10%, 80%, .15);
+ --box-shadow-card-lg: hsla(210deg, 8%, 2%, .2) 0 .8rem 2.4rem;
+ --btn-color: hsl(213, 16%, 78%);
+ --btn-color-bg: hsl(213, 10%, 28%);
+ --btn-color-bg-hover: hsl(213, 10%, 30%);
+ --code-color: hsl(297deg, 30%, 78%);
+ --code-color-bg: hsl(297deg, 70%, 50%, .08);
+ --input-color-bg: hsl(213, 10%, 16%);
+ --input-color-bg-hover: hsl(213, 10%, 14%);
+ --input-color-border: var(--input-color-bg);
+ --navbar-bg: var(--color-bg);
+ --navbar-link-color-active: #fff;
+ --table-border-color: var(--btn-color-bg-hover);
+ /* Colours Status. */
+ --color-info: hsl(207deg, 95%, 65%);
+ --color-info-text: hsl(212deg, 85%, 62%);
+ --color-info-bg: hsl(212deg, 85%, 62%, .2);
+ --color-danger: hsl(0deg, 82%, 63%);
+ --color-danger-bg: hsl(0deg, 25%, 24%);
+ --color-danger-bg-hover: hsl(0deg, 25%, 28%);
+ --color-danger-text: hsl(0deg, 75%, 65%);
+ --color-success: hsl(90deg 60% 36%);
+ --color-success-bg: hsl(90, 24%, 25%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg, 29%, 60%);
+ --color-warning-bg: hsla(42, 79%, 60%, .4);
+ --color-warning-bg-hover: hsla(42, 79%, 70%, .4);
+ --color-warning-text: hsl(42, 79%, 80%);
+ --admin-color-bg: hsla(285deg, 29%, 36%, .6);
+ --admin-color-bg-hover: hsla(285deg, 39%, 32%, .8);
+ --admin-color-text: hsl(285deg 65% 76%);
+}
+html[data-theme=light] .theme-dark .navbar-secondary, html[data-theme=light] .block-words-cloud-categories .navbar-secondary {
+ --navbar-bg: var(--color-bg-tertiary);
+}
+html[data-theme=light] .theme-dark .whoosh, html[data-theme=light] .block-words-cloud-categories .whoosh {
+ background-color: hsla(285, 50%, 52%, 0.25);
+ color: hsl(285, 40%, 65%);
+}
+
+.theme-dark, .block-words-cloud-categories {
+ color-scheme: dark;
+ --color-bg: hsl(213, 10%, 12%);
+ --color-bg-primary: hsl(213, 10%, 21%);
+ --color-bg-secondary: hsl(213, 10%, 16%);
+ --color-bg-tertiary: hsl(213, 10%, 14%);
+ --color-text: hsl(213, 10%, 80%);
+ --color-text-primary: hsl(213, 10%, 98%);
+ --color-text-secondary: hsl(213, 10%, 58%);
+ --color-text-tertiary: hsl(213, 10%, 48%);
+ /* Colours Components. */
+ --body-color-bg: hsl(213, 10%, 16%);
+ --border-color: hsla(213, 10%, 80%, .15);
+ --box-shadow-card-lg: hsla(210deg, 8%, 2%, .2) 0 .8rem 2.4rem;
+ --btn-color: hsl(213, 16%, 78%);
+ --btn-color-bg: hsl(213, 10%, 28%);
+ --btn-color-bg-hover: hsl(213, 10%, 30%);
+ --code-color: hsl(297deg, 30%, 78%);
+ --code-color-bg: hsl(297deg, 70%, 50%, .08);
+ --input-color-bg: hsl(213, 10%, 16%);
+ --input-color-bg-hover: hsl(213, 10%, 14%);
+ --input-color-border: var(--input-color-bg);
+ --navbar-bg: var(--color-bg);
+ --navbar-link-color-active: #fff;
+ --table-border-color: var(--btn-color-bg-hover);
+ /* Colours Status. */
+ --color-info: hsl(207deg, 95%, 65%);
+ --color-info-text: hsl(212deg, 85%, 62%);
+ --color-info-bg: hsl(212deg, 85%, 62%, .2);
+ --color-danger: hsl(0deg, 82%, 63%);
+ --color-danger-bg: hsl(0deg, 25%, 24%);
+ --color-danger-bg-hover: hsl(0deg, 25%, 28%);
+ --color-danger-text: hsl(0deg, 75%, 65%);
+ --color-success: hsl(90deg 60% 36%);
+ --color-success-bg: hsl(90, 24%, 25%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg, 29%, 60%);
+ --color-warning-bg: hsla(42, 79%, 60%, .4);
+ --color-warning-bg-hover: hsla(42, 79%, 70%, .4);
+ --color-warning-text: hsl(42, 79%, 80%);
+ --admin-color-bg: hsla(285deg, 29%, 36%, .6);
+ --admin-color-bg-hover: hsla(285deg, 39%, 32%, .8);
+ --admin-color-text: hsl(285deg 65% 76%);
+}
+.theme-dark .navbar-secondary, .block-words-cloud-categories .navbar-secondary {
+ --navbar-bg: var(--color-bg-tertiary);
+}
+.theme-dark .whoosh, .block-words-cloud-categories .whoosh {
+ background-color: hsla(285, 50%, 52%, 0.25);
+ color: hsl(285, 40%, 65%);
+}
+
+.theme-light {
+ color-scheme: light;
+ --color-bg-h: 210;
+ --color-bg-s: 4%;
+ --color-bg-l: 95%;
+ --color-bg: hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));
+ --color-bg-primary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) + 3%));
+ --color-bg-secondary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 3%));
+ --color-bg-tertiary: hsl(var(--color-bg-h), var(--color-bg-s), calc(var(--color-bg-l) - 6%));
+ --color-text-h: 230;
+ --color-text-s: 4%;
+ --color-text-l: 31%;
+ --color-text: hsl(var(--color-text-h), var(--color-text-s), var(--color-text-l));
+ --color-text-primary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) - 4%));
+ --color-text-secondary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 26%));
+ --color-text-tertiary: hsl(var(--color-text-h), var(--color-text-s), calc(var(--color-text-l) + 40%));
+ /* Colours Status. */
+ --color-accent-h: 204;
+ --color-accent-s: 100%;
+ --color-accent-l: 50%;
+ --color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));
+ --color-accent-bg: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .1);
+ --color-accent-bg-hover: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .2);
+ --color-accent-text: var(--color-accent);
+ --color-danger: hsl(0deg 82% 63%);
+ --color-danger-bg: hsl(0deg 79% 94%);
+ --color-danger-bg-hover: hsl(0deg 79% 88%);
+ --color-danger-text: hsl(0deg 69% 60%);
+ --color-info: hsl(192deg 85% 49%);
+ --color-info-bg: hsl(192deg 85% 92%);
+ --color-info-bg-hover: hsl(192deg 85% 82%);
+ --color-info-text: hsl(192deg 85% 42%);
+ --color-success: hsl(90deg 65% 42%);
+ --color-success-bg: hsl(90deg 70% 86%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg 69% 30%);
+ --color-warning: hsl(42 86% 48%);
+ --color-warning-bg: hsl(42 79% 90%);
+ --color-warning-bg-hover: hsl(42 79% 80%);
+ --color-warning-text: hsl(42 79% 30%);
+ /* Colours Component. */
+ --body-color-bg: hsl(213, 10%, 18%);
+ --border-color: var(--color-bg-tertiary);
+ --box-shadow-card-lg: rgba(149, 157, 165, 0.2) 0 var(--spacer-2) var(--spacer-4);
+ --btn-color: hsl(210deg, 16%, 48%);
+ --btn-color-bg: hsl(210deg, 16%, 93%);
+ --btn-color-bg-hover: hsl(210deg, 16%, 96%);
+ --code-color: hsl(297deg, 42%, 41%);
+ --code-color-bg: hsla(297deg, 100%, 25%, .04);
+ --input-color-bg: var(--btn-color-bg);
+ --input-color-border: hsl(210deg, 16%, 85%);
+ --navbar-bg: #fff;
+ --navbar-link-color-active: #000;
+ --table-border-color: var(--color-bg-secondary);
+}
+.theme-light .navbar-secondary {
+ --navbar-bg: hsl(213, 10%, 18%);
+}
+
+/* Read inside for instructions. */
+/* * Fonts
+ * * They must be copied into a 'fonts' folder one level
+ * * up from where the CSS is compiled.
+ * *
+ * * e.g. if CSS is in /webstatic/css/main.css
+ * * the 'fonts' folder in BWA should be copied over as /webstatic/fonts/
+ * */
+/* Override $font-path in the project's local _config.sass */
+/* NOTE:
+ * * When updating _font_fontutti.css from Fontello.com to .scss,
+ * * replace the path '../font/' with '../bthree/assets/fonts''. */
+@font-face {
+ font-family: "fontutti";
+ src: url("../bthree/assets/fonts/fontutti.eot?a2ab4950");
+ src: url("../bthree/assets/fonts/fontutti.eot?a2ab4950#iefix") format("embedded-opentype"), url("../bthree/assets/fonts/fontutti.woff2?a2ab4950") format("woff2"), url("../bthree/assets/fonts/fontutti.woff?a2ab4950") format("woff"), url("../bthree/assets/fonts/fontutti.ttf?a2ab4950") format("truetype"), url("../bthree/assets/fonts/fontutti.svg?a2ab4950#fontutti") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+[class^=i-]:before, [class*=" i-"]:before {
+ font-family: "fontutti";
+ font-style: normal;
+ font-weight: normal;
+ speak: never;
+ display: inline-block;
+ text-decoration: inherit;
+ width: 1em;
+ margin-right: 0.2em;
+ text-align: center;
+ /* opacity: .8; */
+ /* For safety - reset parent styles, that can break glyph codes*/
+ font-variant: normal;
+ text-transform: none;
+ /* fix buttons height, for twitter bootstrap */
+ line-height: 1em;
+ /* Animation center compensation - margins should be symmetric */
+ /* remove if not needed */
+ margin-left: 0.2em;
+ /* you can be more comfortable with increased icons size */
+ /* font-size: 120%; */
+ /* Font smoothing. That was taken from TWBS */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ /* Uncomment for 3D effect */
+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.i-news:before {
+ content: "\e800";
+} /* '๎ ' */
+.i-cc:before {
+ content: "\e801";
+} /* '๎ ' */
+.i-cc-by:before {
+ content: "\e802";
+} /* '๎ ' */
+.i-cc-nc:before {
+ content: "\e803";
+} /* '๎ ' */
+.i-cc-zero:before {
+ content: "\e804";
+} /* '๎ ' */
+.i-cc-sa:before {
+ content: "\e805";
+} /* '๎
' */
+.i-cc-nd:before {
+ content: "\e806";
+} /* '๎ ' */
+.i-clock:before {
+ content: "\e807";
+} /* '๎ ' */
+.i-puzzle:before {
+ content: "\e808";
+} /* '๎ ' */
+.i-pinterest:before {
+ content: "\e809";
+} /* '๎ ' */
+.i-youtube:before {
+ content: "\e80a";
+} /* '๎ ' */
+.i-upload:before, .i-posted:before {
+ content: "\e80b";
+} /* '๎ ' */
+.i-twitter:before {
+ content: "\e80c";
+} /* '๎ ' */
+.i-send:before {
+ content: "\e80d";
+} /* '๎ ' */
+.i-twitch:before {
+ content: "\e80e";
+} /* '๎ ' */
+.i-plus:before {
+ content: "\e80f";
+} /* '๎ ' */
+.i-moon:before {
+ content: "\e810";
+} /* '๎ ' */
+.i-mail:before {
+ content: "\e811";
+} /* '๎ ' */
+.i-skip-forward:before, .i-skip-back:before {
+ content: "\e812";
+} /* '๎ ' */
+.i-lock:before {
+ content: "\e813";
+} /* '๎ ' */
+.i-search:before {
+ content: "\e814";
+} /* '๎ ' */
+.i-linkedin:before {
+ content: "\e815";
+} /* '๎ ' */
+.i-eye:before {
+ content: "\e816";
+} /* '๎ ' */
+.i-cancel:before {
+ content: "\e817";
+} /* '๎ ' */
+.i-edit:before {
+ content: "\e818";
+} /* '๎ ' */
+.i-volume-off:before {
+ content: "\e819";
+} /* '๎ ' */
+.i-volume-on:before {
+ content: "\e81a";
+} /* '๎ ' */
+.i-download:before {
+ content: "\e81b";
+} /* '๎ ' */
+.i-heart:before, .i-liked:before {
+ content: "\e81c";
+} /* '๎ ' */
+.i-trending:before {
+ content: "\e81d";
+} /* '๎ ' */
+.i-copy:before {
+ content: "\e81e";
+} /* '๎ ' */
+.i-globe:before {
+ content: "\e81f";
+} /* '๎ ' */
+.i-hash:before {
+ content: "\e820";
+} /* '๎ ' */
+.i-trash:before {
+ content: "\e821";
+} /* '๎ ก' */
+.i-compass:before {
+ content: "\e822";
+} /* '๎ ข' */
+.i-artstation:before {
+ content: "\e823";
+} /* '๎ ฃ' */
+.i-patreon:before {
+ content: "\e824";
+} /* '๎ ค' */
+.i-tag:before {
+ content: "\e825";
+} /* '๎ ฅ' */
+.i-columns:before {
+ content: "\e826";
+} /* '๎ ฆ' */
+.i-layers:before, .i-post:before {
+ content: "\e827";
+} /* '๎ ง' */
+.i-plus-square:before {
+ content: "\e828";
+} /* '๎ จ' */
+.i-events:before {
+ content: "\e829";
+} /* '๎ ฉ' */
+.i-user-plus:before, .i-started-following:before {
+ content: "\e82a";
+} /* '๎ ช' */
+.i-user:before {
+ content: "\e82b";
+} /* '๎ ซ' */
+.i-fire:before {
+ content: "\e82c";
+} /* '๎ ฌ' */
+.i-mic:before {
+ content: "\e82d";
+} /* '๎ ญ' */
+.i-shorts:before {
+ content: "\e82e";
+} /* '๎ ฎ' */
+.i-log-out:before {
+ content: "\e82f";
+} /* '๎ ฏ' */
+.i-grid:before {
+ content: "\e830";
+} /* '๎ ฐ' */
+.i-zoom-out:before {
+ content: "\e831";
+} /* '๎ ฑ' */
+.i-zoom-in:before {
+ content: "\e832";
+} /* '๎ ฒ' */
+.i-users:before {
+ content: "\e833";
+} /* '๎ ณ' */
+.i-user-check:before {
+ content: "\e834";
+} /* '๎ ด' */
+.i-sun:before {
+ content: "\e835";
+} /* '๎ ต' */
+.i-star:before {
+ content: "\e836";
+} /* '๎ ถ' */
+.i-log-in:before {
+ content: "\e837";
+} /* '๎ ท' */
+.i-shield:before {
+ content: "\e838";
+} /* '๎ ธ' */
+.i-share:before {
+ content: "\e839";
+} /* '๎ น' */
+.i-settings:before {
+ content: "\e83a";
+} /* '๎ บ' */
+.i-user-minus:before {
+ content: "\e83b";
+} /* '๎ ป' */
+.i-repeat:before {
+ content: "\e83c";
+} /* '๎ ผ' */
+.i-refresh:before {
+ content: "\e83d";
+} /* '๎ ฝ' */
+.i-play:before {
+ content: "\e83e";
+} /* '๎ พ' */
+.i-pause:before {
+ content: "\e83f";
+} /* '๎ ฟ' */
+.i-more-vertical:before {
+ content: "\e840";
+} /* '๎ก' */
+.i-comment:before, .i-commented:before, .i-replied:before {
+ content: "\e841";
+} /* '๎ก' */
+.i-menu:before {
+ content: "\e842";
+} /* '๎ก' */
+.i-maximize:before {
+ content: "\e843";
+} /* '๎ก' */
+.i-map-pin:before {
+ content: "\e844";
+} /* '๎ก' */
+.i-list:before {
+ content: "\e845";
+} /* '๎ก
' */
+.i-link:before {
+ content: "\e846";
+} /* '๎ก' */
+.i-instagram:before {
+ content: "\e847";
+} /* '๎ก' */
+.i-image:before {
+ content: "\e848";
+} /* '๎ก' */
+.i-home:before {
+ content: "\e849";
+} /* '๎ก' */
+.i-discord:before {
+ content: "\e84a";
+} /* '๎ก' */
+.i-flag:before {
+ content: "\e84b";
+} /* '๎ก' */
+.i-filter:before {
+ content: "\e84c";
+} /* '๎ก' */
+.i-fast-forward:before, .i-rewind:before {
+ content: "\e84d";
+} /* '๎ก' */
+.i-facebook:before {
+ content: "\e84e";
+} /* '๎ก' */
+.i-chevron-right:before, .i-chevron-left:before, .i-chevron-down:before, .i-chevron-up:before {
+ content: "\e84f";
+} /* '๎ก' */
+.i-snap:before {
+ content: "\e850";
+} /* '๎ก' */
+.i-info:before {
+ content: "\e851";
+} /* '๎ก' */
+.i-check:before {
+ content: "\e852";
+} /* '๎ก' */
+.i-jobs:before {
+ content: "\e853";
+} /* '๎ก' */
+.i-bookmark:before {
+ content: "\e854";
+} /* '๎ก' */
+.i-bell:before {
+ content: "\e855";
+} /* '๎ก' */
+.i-arrow-right:before, .i-arrow-left:before, .i-arrow-down:before, .i-arrow-up:before {
+ content: "\e856";
+} /* '๎ก' */
+.i-alert-circle:before {
+ content: "\e857";
+} /* '๎ก' */
+.i-alert-triangle:before {
+ content: "\e858";
+} /* '๎ก' */
+.i-coffee:before {
+ content: "\e859";
+} /* '๎ก' */
+.i-bell-off:before {
+ content: "\e85a";
+} /* '๎ก' */
+.i-activity:before {
+ content: "\e85b";
+} /* '๎ก' */
+.i-archive:before {
+ content: "\e85c";
+} /* '๎ก' */
+.i-camera:before {
+ content: "\e85d";
+} /* '๎ก' */
+.i-nuclear:before {
+ content: "\e85e";
+} /* '๎ก' */
+.i-heart-filled:before {
+ content: "\e85f";
+} /* '๎ก' */
+.i-bookmark-filled:before {
+ content: "\e860";
+} /* '๎ก ' */
+.i-reel:before, .i-updated-their-reel:before {
+ content: "\e861";
+} /* '๎กก' */
+.i-package:before, .i-build:before {
+ content: "\e862";
+} /* '๎กข' */
+.i-dollar-sign:before {
+ content: "\e863";
+} /* '๎กฃ' */
+.i-idea:before {
+ content: "\e864";
+} /* '๎กค' */
+.i-thumbs-up:before {
+ content: "\e865";
+} /* '๎กฅ' */
+.i-thumbs-down:before {
+ content: "\e866";
+} /* '๎กฆ' */
+.i-happy:before {
+ content: "\e867";
+} /* '๎กง' */
+.i-sad:before {
+ content: "\e868";
+} /* '๎กจ' */
+.i-reply:before {
+ content: "\e869";
+} /* '๎กฉ' */
+.i-pin:before {
+ content: "\e86a";
+} /* '๎กช' */
+.i-spinner:before {
+ content: "\e86b";
+} /* '๎กซ' */
+.i-credit-card:before {
+ content: "\e86c";
+} /* '๎กฌ' */
+.i-eye-off:before {
+ content: "\e86d";
+} /* '๎กญ' */
+.i-file-plus:before {
+ content: "\e86e";
+} /* '๎กฎ' */
+.i-file:before {
+ content: "\e86f";
+} /* '๎กฏ' */
+.i-folder-plus:before {
+ content: "\e870";
+} /* '๎กฐ' */
+.i-folder:before {
+ content: "\e871";
+} /* '๎กฑ' */
+.i-graduation-cap:before {
+ content: "\e872";
+} /* '๎กฒ' */
+.i-adjust:before {
+ content: "\e873";
+} /* '๎กณ' */
+.i-wrench:before {
+ content: "\e874";
+} /* '๎กด' */
+.i-user-alt:before {
+ content: "\e875";
+} /* '๎กต' */
+.i-users-alt:before {
+ content: "\e876";
+} /* '๎กถ' */
+.i-tv:before {
+ content: "\e8b2";
+} /* '๎ขฒ' */
+.i-blender:before, .i-blenderid:before {
+ content: "\e8b7";
+} /* '๎ขท' */
+.i-book-open:before {
+ content: "\e8b8";
+} /* '๎ขธ' */
+.i-link-external:before {
+ content: "\e8b9";
+} /* '๎ขน' */
+.i-help:before {
+ content: "\e8bb";
+} /* '๎ขป' */
+.i-github:before {
+ content: "\e8bc";
+} /* '๎ขผ' */
+.i-gitlab:before {
+ content: "\e8bd";
+} /* '๎ขฝ' */
+.i-code:before {
+ content: "\e8be";
+} /* '๎ขพ' */
+.i-apps:before {
+ content: "\e8bf";
+} /* '๎ขฟ' */
+.i-award:before {
+ content: "\e8c2";
+} /* '๎ฃ' */
+.i-ticket:before {
+ content: "\e8c5";
+} /* '๎ฃ
' */
+.i-move:before {
+ content: "\e8d5";
+} /* '๎ฃ' */
+.i-bcon:before {
+ content: "\e900";
+} /* '๎ค' */
+.i-bar-chart:before {
+ content: "\e901";
+} /* '๎ค' */
+.i-mastodon:before {
+ content: "\e941";
+} /* '๎ฅ' */
+.i-macos:before, .i-macos-apple-silicon:before, .i-macOS:before {
+ content: "\f179";
+} /* '๏
น' */
+.i-windows:before, .i-Windows:before {
+ content: "\f17a";
+} /* '๏
บ' */
+.i-linux:before, .i-Linux:before {
+ content: "\f17c";
+} /* '๏
ผ' */
+.i-google:before {
+ content: "\f1a0";
+} /* '๏ ' */
+.i-steam:before {
+ content: "\f1b6";
+} /* '๏ถ' */
+.i-sliders:before {
+ content: "\f1de";
+} /* '๏' */
+.i-copyright:before {
+ content: "\f1f9";
+} /* '๏น' */
+.i-brush:before {
+ content: "\f1fc";
+} /* '๏ผ' */
+.i-hourglass-o:before {
+ content: "\f250";
+} /* '๏' */
+.i-hourglass-1:before {
+ content: "\f251";
+} /* '๏' */
+.i-vimeo:before {
+ content: "\f27d";
+} /* '๏ฝ' */
+.i-reddit:before {
+ content: "\f281";
+} /* '๏' */
+/* Because _fonts.sass is generated by fontello.com, we shouldn't edit it,
+ * * so here goes the list of custom icon aliases and other font stuff. */
+/* OS. */
+/* Entity types. */
+/* Activity verbs. */
+.i-posted {
+ color: var(--color-warning);
+}
+
+.i-liked {
+ color: var(--color-danger);
+}
+
+.i-commented, .i-replied {
+ color: var(--color-success);
+}
+
+.i-started-following {
+ color: var(--color-info);
+}
+
+.i-updated-their-reel {
+ color: var(--admin-color);
+}
+
+/* Arrows */
+.i-arrow-up:before {
+ transform: rotate(-90deg);
+}
+
+.i-arrow-down:before {
+ transform: rotate(90deg);
+}
+
+.i-arrow-left:before {
+ transform: rotate(-180deg);
+}
+
+.i-chevron-up:before {
+ transform: rotate(-90deg);
+}
+
+.i-chevron-down:before {
+ transform: rotate(90deg);
+}
+
+.i-chevron-left:before {
+ transform: rotate(-180deg);
+}
+
+.i-rewind:before {
+ transform: rotate(-180deg);
+}
+
+.i-skip-back:before {
+ transform: rotate(-180deg);
+}
+
+@font-face {
+ font-family: "Inter";
+ src: url("../bthree/assets/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype-variations");
+ font-weight: normal;
+ font-variation-settings: "wght" var(--font-weight);
+ font-style: normal;
+}
+/* Override certain Bootstrap properties. */
+.alert-dismissible .close {
+ box-shadow: none;
+ margin: 0.8rem;
+ padding: 0.4rem;
+}
+.alert-dismissible .close:active {
+ background-color: unset;
+}
+
+/* Boostrap Panels Override */
+.panel {
+ border-radius: var(--border-radius);
+ box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
+}
+
+.panel-default {
+ border: none;
+}
+.panel-default a:focus {
+ text-decoration: none;
+}
+
+.panel-default > .panel-heading {
+ color: #4d4e53;
+ margin: 0;
+ background-color: hsl(var(var(--color-bg)-h), var(var(--color-bg)-s), calc(var(var(--color-bg)-l) - 5%));
+ border: none;
+ border-bottom: 0.2rem solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 60%));
+}
+
+.panel-title {
+ font-size: 160%;
+ text-shadow: 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.5);
+}
+
+a.list-group-item, .panel > .list-group .list-group-item {
+ background-color: var(--color-bg-secondary);
+ color: #4d4e53;
+ border: thin solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 65%));
+ border-left: 0.2rem solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 65%));
+}
+
+a.list-group-item:hover, a.list-group-item:focus {
+ background-color: hsl(var(var(--color-bg)-h), var(var(--color-bg)-s), calc(var(var(--color-bg)-l) - 5%));
+ color: var(--color-accent) !important;
+ border: thin solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 60%));
+ border-left: 0.2rem solid var(--color-accent) !important;
+}
+
+a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
+ background-color: transparent;
+ color: #ff8844 !important;
+ border: thin solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 60%));
+ border-left: 0.2rem solid #ff8844 !important;
+}
+
+.list-group-with-icon a.list-group-item i, .panel > .list-group.list-group-with-icon .list-group-item i {
+ padding-top: 0.4rem;
+ padding-bottom: 0.8rem;
+ padding-left: 2.4rem;
+ padding-right: 2.4rem;
+ position: absolute;
+ float: left;
+ left: 0;
+}
+
+.panel-collapse-widget {
+ font-family: var(--font-family-body);
+ color: hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 40%));
+ display: block;
+ float: right;
+ transform: rotate(45deg);
+ transition: all var(--transition-speed-slow) ease-out;
+}
+
+.panel-collapse-widget:after {
+ content: "+";
+}
+
+.collapsed .panel-collapse-widget {
+ transform: rotate(0deg);
+}
+
+/* DROPDOWN TOGGLES */
+.btn-group.open .dropdown-toggle {
+ box-shadow: none;
+}
+
+/* Bootstrap select. */
+.bootstrap-select .btn, .bootstrap-select .post-password-form input[type=submit], .post-password-form .bootstrap-select input[type=submit], .bootstrap-select .blog-comments .form-submit input.submit, .blog-comments .form-submit .bootstrap-select input.submit,
+.bootstrap-select .blog-comments #recaptcha-submit-btn-area input.submit,
+.blog-comments #recaptcha-submit-btn-area .bootstrap-select input.submit, .bootstrap-select .nav-cta a, .nav-cta .bootstrap-select a, .bootstrap-select .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .bootstrap-select a, .bootstrap-select .navbar-mobile-toggler {
+ font-family: var(--font-family-body) !important;
+}
+
+.bs-searchbox {
+ display: inline-block;
+ width: 100%;
+}
+.bs-searchbox .form-control, .bs-searchbox .post-password-form input[type=password], .post-password-form .bs-searchbox input[type=password] {
+ margin-bottom: 0;
+ margin-top: 0;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ box-shadow: none;
+}
+.bs-searchbox .form-control:active, .bs-searchbox .post-password-form input[type=password]:active, .post-password-form .bs-searchbox input[type=password]:active, .bs-searchbox .form-control:focus, .bs-searchbox .post-password-form input[type=password]:focus, .post-password-form .bs-searchbox input[type=password]:focus {
+ box-shadow: none;
+}
+
+/* Special classes. */
+.backicon {
+ z-index: 0;
+ position: absolute;
+ font-size: 1400%;
+ bottom: calc(var(--spacer-5) * -1);
+ right: calc(var(--spacer) * -2);
+ color: rgba(77, 78, 83, 0.08);
+ pointer-events: none;
+ user-select: none;
+}
+
+.divider {
+ margin-bottom: 2.4rem;
+ margin-top: 2.4rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+ height: 0.2rem;
+ border-top: thin solid hsl(var(var(--color-bg)-h), var(var(--color-bg)-s), calc(var(var(--color-bg)-l) - 5%));
+}
+
+.text-color-brand-main {
+ color: var(--color-accent) !important;
+}
+
+.text-color-brand-secondary {
+ color: #ff8844 !important;
+}
+
+/* Thumbnails. */
+.thumbnail {
+ border: none;
+ background-color: white;
+ box-shadow: 0.1rem 0.1rem 0 rgba(77, 78, 83, 0.25);
+ padding: 0.4rem;
+ transition: all var(--transition-speed) ease-out;
+}
+
+a img.thumbnail:hover {
+ opacity: 0.9;
+}
+
+/* Bootstrap overrides. */
+/* Breadcrumbs. */
+.breadcrumb > li + li:before {
+ content: "\e84f";
+ font-family: "fontutti";
+}
+
+.breadcrumb .active, .breadcrumb .active a {
+ color: hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 30%));
+}
+.breadcrumb .active a:hover {
+ color: #ff8844;
+}
+
+.tooltip {
+ font-size: var(--fs-base);
+ position: absolute;
+}
+
+.tooltip.in {
+ opacity: 1;
+}
+
+.tooltip-inner {
+ background-color: var(--color-bg);
+ border-radius: var(--border-radius);
+ box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2);
+ color: #4d4e53;
+ margin-bottom: 0;
+ margin-top: 0;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.tooltip.bottom .tooltip-arrow {
+ border-bottom-color: var(--color-bg);
+ border-radius: var(--spacer-2);
+}
+
+.tooltip.top .tooltip-arrow {
+ border-top-color: var(--color-bg);
+}
+
+.tooltip.bottom .tooltip-arrow {
+ border-bottom-color: var(--color-bg);
+}
+
+.tooltip.left .tooltip-arrow {
+ border-left-color: var(--color-bg);
+}
+
+.tooltip.right .tooltip-arrow {
+ border-left-color: var(--color-bg);
+}
+
+.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^=top] .arrow {
+ bottom: calc(var(--spacer-2) * -1);
+}
+
+.blink {
+ transition: all 2s ease-in-out;
+ animation: blink 2s infinite ease-in-out;
+ animation-name: blink;
+ -moz-animation-name: blink;
+ animation-direction: normal;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: ease-in-out;
+}
+
+.blink.slowest {
+ animation-duration: 12s;
+}
+
+.blink.slow {
+ animation-duration: 6s;
+}
+
+.blink.fast {
+ animation-duration: 1s;
+}
+
+.blink.fastest {
+ animation-duration: 0.5s;
+}
+
+/* Components. */
+.alert {
+ background-color: var(--color-bg-secondary);
+ border-left: var(--spacer-2) solid var(--color-bg-tertiary);
+ border-radius: var(--border-radius);
+ display: block;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+}
+.alert.alert-info {
+ background-color: var(--color-info-bg);
+ border-color: var(--color-info);
+ color: var(--color-info-text);
+}
+.alert.alert-warning {
+ background-color: var(--color-warning-bg);
+ border-color: var(--color-warning);
+ color: var(--color-warning-text);
+}
+.alert.alert-danger {
+ background-color: var(--color-danger-bg);
+ border-color: var(--color-danger);
+ color: var(--color-danger-text);
+}
+.alert.alert-success {
+ background-color: var(--color-success-bg);
+ border-color: var(--color-success);
+ color: var(--color-success-text);
+}
+.alert .btn-row, .alert .btn-row-fluid {
+ margin-top: 0.8rem;
+}
+.alert.hide {
+ display: none;
+ visibility: hidden;
+}
+
+.alert-dismissible {
+ align-items: center;
+ box-shadow: var(--box-shadow-lg);
+ display: flex;
+ justify-content: center;
+}
+.alert-dismissible.fixed-top {
+ top: var(--spacer-4);
+}
+.alert-dismissible .close {
+ color: currentColor;
+ margin: 0;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0;
+ padding-top: 0;
+ position: absolute;
+ right: var(--spacer);
+}
+
+.alert-fluid {
+ border-radius: 0;
+ width: 100%;
+}
+
+.badge, code {
+ align-items: center;
+ background-color: var(--badge-bg);
+ border-radius: var(--border-radius);
+ border: 0.1rem solid var(--badge-bg);
+ color: var(--badge-color);
+ display: inline-flex;
+ font-size: 0.8em;
+ justify-content: center;
+ line-height: 1;
+ max-width: 100%;
+ overflow: hidden;
+ margin: calc((0.35em - 0.1rem) * -1) 0;
+ padding: calc(0.35em - 0.1rem) 0.5em;
+ text-align: center;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ transition: background-color var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed);
+ user-select: none;
+ vertical-align: baseline;
+ white-space: nowrap;
+}
+.badge:hover, code:hover {
+ text-decoration: none;
+}
+.badge:empty, code:empty {
+ display: none;
+}
+.badge i, code i {
+ margin-right: 0.4rem;
+}
+.badge.badge-primary, code.badge-primary {
+ --badge-bg: var(--color-accent-bg);
+ --badge-color: var(--color-accent-text);
+}
+.badge.badge-secondary, code.badge-secondary {
+ --badge-bg: var(--color-bg-secondary);
+ --badge-color: var(--color-text-secondary);
+}
+.badge.badge-info, code.badge-info {
+ --badge-bg: var(--color-info-bg);
+ --badge-color: var(--color-info-text);
+}
+.badge.badge-warning, code.badge-warning {
+ --badge-bg: var(--color-warning-bg);
+ --badge-color: var(--color-warning-text);
+}
+.badge.badge-danger, code.badge-danger {
+ --badge-bg: var(--color-danger-bg);
+ --badge-color: var(--color-danger-text);
+}
+.badge.badge-success, code.badge-success {
+ --badge-bg: var(--color-success-bg);
+ --badge-color: var(--color-success-text);
+}
+.badge.badge-admin, code.badge-admin {
+ --badge-bg: var(--admin-color-bg);
+ --badge-color: var(--admin-color-text);
+}
+.badge.badge-outline, code.badge-outline {
+ --badge-bg: transparent;
+ box-shadow: inset 0 0 0 0.1rem currentColor;
+}
+.badge i, code i {
+ color: currentColor !important;
+}
+
+/* Badges as links. */
+a.badge:hover {
+ background-color: var(--color-bg-tertiary);
+}
+a.badge.badge-primary:hover {
+ color: var(--color-accent);
+ background-color: var(--color-accent-bg-hover);
+}
+a.badge.badge-secondary:hover {
+ background-color: var(--color-bg);
+}
+a.badge.badge-info:hover {
+ color: var(--color-info);
+ background-color: var(--color-info-bg-hover);
+}
+a.badge.badge-warning:hover {
+ color: var(--color-warning);
+ background-color: var(--color-warning-bg-hover);
+}
+a.badge.badge-danger:hover {
+ color: var(--color-danger);
+ background-color: var(--color-danger-bg-hover);
+}
+a.badge.badge-success:hover {
+ color: var(--color-success);
+ background-color: var(--color-success-bg-hover);
+}
+a.badge.badge-admin:hover {
+ color: var(--admin-color);
+ background-color: var(--admin-color-bg-hover);
+}
+
+html, body {
+ -webkit-font-smoothing: antialiased;
+ font-family: var(--font-family-body);
+ font-weight: var(--font-weight);
+ height: 100%;
+ margin: 0;
+ overflow-wrap: break-word;
+ padding: 0;
+ scroll-behavior: smooth;
+ width: 100%;
+}
+
+html {
+ font-size: 62.5%;
+}
+
+body {
+ background-color: var(--body-color-bg);
+ font-size: var(--fs-base);
+ position: relative;
+ line-height: 1.4285714286;
+}
+body.with-alert .alert span {
+ width: 100%;
+ padding-right: calc(30px / 2);
+ padding-left: calc(30px / 2);
+ margin-right: auto;
+ margin-left: auto;
+}
+@media (min-width: 900px) {
+ body.with-alert .alert span {
+ max-width: 820px;
+ }
+}
+@media (min-width: 980px) {
+ body.with-alert .alert span {
+ max-width: 940px;
+ }
+}
+@media (min-width: 1220px) {
+ body.with-alert .alert span {
+ max-width: 1170px;
+ }
+}
+@media (min-width: 1380px) {
+ body.with-alert .alert span {
+ max-width: 1320px;
+ }
+}
+@media (min-width: 1680px) {
+ body.with-alert .alert span {
+ max-width: 1600px;
+ }
+}
+body.with-alert .alert i {
+ padding-right: 1.6rem;
+}
+@media (min-width: 900px) {
+ body {
+ line-height: 1.5555555556;
+ }
+}
+
+a {
+ text-underline-offset: 0.2rem;
+}
+
+a, a:hover {
+ color: currentColor;
+}
+
+p a {
+ text-decoration: underline;
+}
+
+.container, .page-header,
+.container-main > .page-header {
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ width: 100%;
+}
+@media (min-width: 1220px) {
+ .container, .page-header,
+ .container-main > .page-header {
+ max-width: 1170px;
+ }
+}
+
+.container-main {
+ background-color: var(--color-bg);
+}
+.container-main > .container, .container-main > .page-header {
+ padding-bottom: 2.4rem;
+ padding-top: 2.4rem;
+}
+
+.flex {
+ display: block;
+}
+@media (min-width: 900px) {
+ .flex {
+ display: flex;
+ }
+}
+.flex > [class^=col-] {
+ display: block;
+}
+@media (min-width: 900px) {
+ .flex > [class^=col-] {
+ display: flex;
+ }
+}
+.flex > [class^=col-] .box, .flex > [class^=col-] .wp-block-group.is-style-box,
+.flex > [class^=col-] .wp-block-column.is-style-box,
+.flex > [class^=col-] .wp-block-columns.is-style-box, .flex > [class^=col-] .support__listing_section, .flex > [class^=col-] .post-password-form, .flex > [class^=col-] details, .flex > [class^=col-] .notifications-list {
+ width: 100%;
+}
+
+/* // LINKS */
+header {
+ width: 100%;
+}
+@media (max-width: 899.98px) {
+ header {
+ position: relative;
+ }
+}
+
+/* FORM FIELDS / INPUTS */
+input, button, select, textarea {
+ font-family: var(--font-family-body) !important;
+ transition: background-color var(--transition-speed) ease-in;
+}
+
+textarea {
+ color: var(--color-text);
+ min-height: calc(var(--spacer) * 10);
+ padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer) !important;
+ resize: vertical;
+}
+
+fieldset {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+.icon {
+ max-width: var(--spacer);
+ position: relative;
+ width: var(--spacer);
+}
+.icon svg {
+ fill: currentColor;
+ max-height: var(--spacer);
+ max-width: var(--spacer);
+ stroke: currentColor;
+ position: relative;
+}
+
+/* BOX
+ * ** Use it to put content inside a neat little box
+ * */
+.box, .wp-block-group.is-style-box,
+.wp-block-column.is-style-box,
+.wp-block-columns.is-style-box, .support__listing_section, .post-password-form, details, .notifications-list {
+ background-color: var(--box-bg-color);
+ box-shadow: var(--box-shadow-card);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ color: var(--box-text-color);
+ padding: 2.4rem;
+ position: relative;
+ word-break: break-word;
+}
+.box p a, .wp-block-group.is-style-box p a,
+.wp-block-column.is-style-box p a,
+.wp-block-columns.is-style-box p a, .support__listing_section p a, .post-password-form p a, details p a, .notifications-list p a,
+.box code a,
+.wp-block-group.is-style-box code a,
+.wp-block-column.is-style-box code a,
+.wp-block-columns.is-style-box code a,
+.support__listing_section code a,
+.post-password-form code a,
+details code a,
+.notifications-list code a,
+.box ul li a,
+.wp-block-group.is-style-box ul li a,
+.wp-block-column.is-style-box ul li a,
+.wp-block-columns.is-style-box ul li a,
+.support__listing_section ul li a,
+.post-password-form ul li a,
+details ul li a,
+.notifications-list ul li a,
+.box ol li a,
+.wp-block-group.is-style-box ol li a,
+.wp-block-column.is-style-box ol li a,
+.wp-block-columns.is-style-box ol li a,
+.support__listing_section ol li a,
+.post-password-form ol li a,
+details ol li a,
+.notifications-list ol li a,
+.box blockquote a,
+.wp-block-group.is-style-box blockquote a,
+.wp-block-column.is-style-box blockquote a,
+.wp-block-columns.is-style-box blockquote a,
+.support__listing_section blockquote a,
+.post-password-form blockquote a,
+details blockquote a,
+.notifications-list blockquote a {
+ text-decoration: underline;
+}
+.box img, .wp-block-group.is-style-box img,
+.wp-block-column.is-style-box img,
+.wp-block-columns.is-style-box img, .support__listing_section img, .post-password-form img, details img, .notifications-list img {
+ max-width: 100%;
+}
+.box table, .wp-block-group.is-style-box table,
+.wp-block-column.is-style-box table,
+.wp-block-columns.is-style-box table, .support__listing_section table, .post-password-form table, details table, .notifications-list table {
+ box-shadow: 0 0 0 var(--border-width) rgba(0, 0, 0, 0.05);
+}
+
+/* BUTTONS
+ * * There are simple buttons, small, big, whole lot!
+ * */
+button {
+ background-color: transparent;
+ border: none;
+ color: inherit;
+ font-size: inherit;
+ outline: 0;
+}
+button:focus {
+ outline: 0;
+}
+
+.btn, .post-password-form input[type=submit], .blog-comments .form-submit input.submit,
+.blog-comments #recaptcha-submit-btn-area input.submit, .nav-cta a, .navbar-primary .navbar-nav > li:last-child a, .navbar-mobile-toggler,
+button.btn {
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-decoration: none;
+}
+@media (min-width: 900px) {
+ .btn, .post-password-form input[type=submit], .blog-comments .form-submit input.submit,
+ .blog-comments #recaptcha-submit-btn-area input.submit, .nav-cta a, .navbar-primary .navbar-nav > li:last-child a, .navbar-mobile-toggler,
+ button.btn {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.btn:hover, .post-password-form input[type=submit]:hover, .blog-comments .form-submit input.submit:hover,
+.blog-comments #recaptcha-submit-btn-area input.submit:hover, .nav-cta a:hover, .navbar-primary .navbar-nav > li:last-child a:hover, .navbar-mobile-toggler:hover,
+button.btn:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.btn:focus, .post-password-form input[type=submit]:focus, .blog-comments .form-submit input.submit:focus,
+.blog-comments #recaptcha-submit-btn-area input.submit:focus, .nav-cta a:focus, .navbar-primary .navbar-nav > li:last-child a:focus, .navbar-mobile-toggler:focus,
+button.btn:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.btn:focus-visible, .post-password-form input[type=submit]:focus-visible, .blog-comments .form-submit input.submit:focus-visible,
+.blog-comments #recaptcha-submit-btn-area input.submit:focus-visible, .nav-cta a:focus-visible, .navbar-primary .navbar-nav > li:last-child a:focus-visible, .navbar-mobile-toggler:focus-visible,
+button.btn:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.btn:active, .post-password-form input[type=submit]:active, .blog-comments .form-submit input.submit:active,
+.blog-comments #recaptcha-submit-btn-area input.submit:active, .nav-cta a:active, .navbar-primary .navbar-nav > li:last-child a:active, .navbar-mobile-toggler:active,
+button.btn:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.btn i, .post-password-form input[type=submit] i, .blog-comments .form-submit input.submit i,
+.blog-comments #recaptcha-submit-btn-area input.submit i, .nav-cta a i, .navbar-primary .navbar-nav > li:last-child a i, .navbar-mobile-toggler i,
+button.btn i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.btn i svg, .post-password-form input[type=submit] i svg, .blog-comments .form-submit input.submit i svg,
+.blog-comments #recaptcha-submit-btn-area input.submit i svg, .nav-cta a i svg, .navbar-primary .navbar-nav > li:last-child a i svg, .navbar-mobile-toggler i svg,
+button.btn i svg {
+ max-width: 12px;
+}
+.btn i + span, .post-password-form input[type=submit] i + span, .blog-comments .form-submit input.submit i + span,
+.blog-comments #recaptcha-submit-btn-area input.submit i + span, .nav-cta a i + span, .navbar-primary .navbar-nav > li:last-child a i + span, .navbar-mobile-toggler i + span,
+button.btn i + span {
+ margin-left: 0.8rem;
+}
+.btn small, .post-password-form input[type=submit] small, .blog-comments .form-submit input.submit small,
+.blog-comments #recaptcha-submit-btn-area input.submit small, .nav-cta a small, .navbar-primary .navbar-nav > li:last-child a small, .navbar-mobile-toggler small,
+button.btn small {
+ font-size: var(--fs-xs);
+}
+.btn[disabled], .post-password-form input[disabled][type=submit], .blog-comments .form-submit input[disabled].submit,
+.blog-comments #recaptcha-submit-btn-area input[disabled].submit, .nav-cta a[disabled], .navbar-primary .navbar-nav > li:last-child a[disabled], [disabled].navbar-mobile-toggler, .btn.disabled, .post-password-form input.disabled[type=submit], .blog-comments .form-submit input.disabled.submit,
+.blog-comments #recaptcha-submit-btn-area input.disabled.submit, .nav-cta a.disabled, .navbar-primary .navbar-nav > li:last-child a.disabled, .disabled.navbar-mobile-toggler,
+button.btn[disabled],
+button.btn.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+.btn.is-active, .post-password-form input.is-active[type=submit], .blog-comments .form-submit input.is-active.submit,
+.blog-comments #recaptcha-submit-btn-area input.is-active.submit, .nav-cta a.is-active, .navbar-primary .navbar-nav > li:last-child a.is-active, .is-active.navbar-mobile-toggler,
+button.btn.is-active {
+ --btn-color-bg: var(--color-accent-bg);
+ --btn-color: var(--color-accent-text);
+}
+.btn.btn-icon, .post-password-form input.btn-icon[type=submit], .blog-comments .form-submit input.btn-icon.submit,
+.blog-comments #recaptcha-submit-btn-area input.btn-icon.submit, .nav-cta a.btn-icon, .navbar-primary .navbar-nav > li:last-child a.btn-icon, .btn-icon.navbar-mobile-toggler,
+button.btn.btn-icon {
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+}
+.btn.btn-icon i, .post-password-form input.btn-icon[type=submit] i, .blog-comments .form-submit input.btn-icon.submit i,
+.blog-comments #recaptcha-submit-btn-area input.btn-icon.submit i, .nav-cta a.btn-icon i, .navbar-primary .navbar-nav > li:last-child a.btn-icon i, .btn-icon.navbar-mobile-toggler i,
+button.btn.btn-icon i {
+ left: initial !important;
+ right: initial !important;
+}
+
+.btn-flex {
+ flex: 1;
+}
+
+.btn-accent, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link, .nav-cta a, .navbar-primary .navbar-nav > li:last-child a {
+ --btn-bg-img: var(--btn-accent-bg-img);
+ --btn-bg-img-hover: var(--btn-accent-bg-img-hover);
+ --btn-box-shadow: var(--btn-accent-box-shadow);
+ --btn-color: var(--btn-accent-color);
+ --btn-text-shadow: var(--btn-accent-text-shadow);
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+@media (min-width: 900px) {
+ .btn-accent, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link, .nav-cta a, .navbar-primary .navbar-nav > li:last-child a {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.btn-accent:hover, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link:hover, .nav-cta a:hover, .navbar-primary .navbar-nav > li:last-child a:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.btn-accent:focus, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link:focus, .nav-cta a:focus, .navbar-primary .navbar-nav > li:last-child a:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.btn-accent:focus-visible, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link:focus-visible, .nav-cta a:focus-visible, .navbar-primary .navbar-nav > li:last-child a:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.btn-accent:active, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link:active, .nav-cta a:active, .navbar-primary .navbar-nav > li:last-child a:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.btn-accent i, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link i, .nav-cta a i, .navbar-primary .navbar-nav > li:last-child a i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.btn-accent i svg, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link i svg, .nav-cta a i svg, .navbar-primary .navbar-nav > li:last-child a i svg {
+ max-width: 12px;
+}
+.btn-accent i + span, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link i + span, .nav-cta a i + span, .navbar-primary .navbar-nav > li:last-child a i + span {
+ margin-left: 0.8rem;
+}
+.btn-accent small, .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link small, .nav-cta a small, .navbar-primary .navbar-nav > li:last-child a small {
+ font-size: var(--fs-xs);
+}
+.btn-accent[disabled], .wp-block-buttons .wp-block-button.is-style-accent [disabled].wp-block-button__link, .nav-cta a[disabled], .navbar-primary .navbar-nav > li:last-child a[disabled], .btn-accent.disabled, .wp-block-buttons .wp-block-button.is-style-accent .disabled.wp-block-button__link, .nav-cta a.disabled, .navbar-primary .navbar-nav > li:last-child a.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+
+.btn-secondary, .navbar-mobile-toggler {
+ --btn-color-bg: transparent;
+ --btn-color-bg-hover: var(--color-text);
+ --btn-bg-img: none;
+ --btn-box-shadow: inset 0 0 0 .2rem currentColor;
+ --btn-color: currentColor;
+}
+.btn-secondary:hover, .navbar-mobile-toggler:hover, .btn-secondary:active, .navbar-mobile-toggler:active, .btn-secondary:focus, .navbar-mobile-toggler:focus {
+ --btn-box-shadow: inset 0 0 0 .2rem var(--color-text);
+ --btn-color: var(--color-bg);
+}
+.btn-secondary.btn-link, .btn-link.navbar-mobile-toggler {
+ --btn-color: var(--color-text);
+ --btn-color-bg-hover: var(--color-text);
+}
+.btn-secondary.btn-link:hover, .btn-link.navbar-mobile-toggler:hover {
+ --btn-color: var(--color-bg);
+}
+
+.btn-warning {
+ --btn-color-bg: var(--btn-warning-bg-color, var(--color-warning-bg));
+ --btn-color-bg-hover: var(--btn-warning-bg-color-hover, var(--color-warning-bg-hover));
+ --btn-bg-img: var(--btn-warning-bg-img, none);
+ --btn-box-shadow: var(--btn-warning-box-shadow, none);
+ --btn-color: var(--btn-warning-color, var(--color-warning-text));
+ --btn-text-shadow: var(--btn-warning-text-shadow);
+}
+.btn-warning:hover {
+ --btn-bg-img: var(--btn-warning-bg-img-hover, none);
+ --btn-color: var(--btn-warning-color-hover, var(--color-warning-text));
+}
+.btn-warning:focus {
+ --btn-color-bg: var(--color-warning-bg);
+ --btn-color: var(--color-warning-text);
+}
+.btn-warning:active {
+ --btn-color-bg: var(--color-warning-bg-hover);
+ --btn-color: var(--color-warning-text);
+}
+.btn-warning.btn-link {
+ --btn-color: var(--color-warning);
+ --btn-color-bg-hover: var(--color-warning-bg-hover);
+}
+.btn-warning.btn-link:hover, .btn-warning.btn-link:focus {
+ --btn-color: var(--color-warning-text);
+}
+
+.btn-danger {
+ --btn-color-bg: var(--btn-danger-bg-color, var(--color-danger-bg));
+ --btn-color-bg-hover: var(--btn-danger-bg-color-hover, var(--color-danger-bg-hover));
+ --btn-bg-img: var(--btn-danger-bg-img, none);
+ --btn-box-shadow: var(--btn-danger-box-shadow, none);
+ --btn-color: var(--btn-danger-color, var(--color-danger-text));
+ --btn-text-shadow: var(--btn-danger-text-shadow);
+}
+.btn-danger:hover {
+ --btn-bg-img: var(--btn-danger-bg-img-hover, none);
+ --btn-color: var(--btn-danger-color-hover, var(--color-danger-text));
+}
+.btn-danger:focus {
+ --btn-color-bg: var(--color-danger-bg);
+ --btn-color: var(--color-danger-text);
+}
+.btn-danger:active {
+ --btn-color-bg: var(--color-danger-bg-hover);
+ --btn-color: var(--color-danger-text);
+}
+.btn-danger.btn-link {
+ --btn-color: var(--color-danger);
+ --btn-color-bg-hover: var(--color-danger-bg-hover);
+}
+.btn-danger.btn-link:hover, .btn-danger.btn-link:focus {
+ --btn-color: var(--color-danger-text);
+}
+
+.btn-success {
+ --btn-color-bg: var(--btn-success-bg-color, var(--color-success-bg));
+ --btn-color-bg-hover: var(--btn-success-bg-color-hover, var(--color-success-bg-hover));
+ --btn-bg-img: var(--btn-success-bg-img, none);
+ --btn-box-shadow: var(--btn-success-box-shadow, none);
+ --btn-color: var(--btn-success-color, var(--color-success-text));
+ --btn-text-shadow: var(--btn-success-text-shadow);
+}
+.btn-success:hover {
+ --btn-bg-img: var(--btn-success-bg-img-hover, none);
+ --btn-color: var(--btn-success-color-hover, var(--color-success-text));
+}
+.btn-success:focus {
+ --btn-color-bg: var(--color-success-bg);
+ --btn-color: var(--color-success-text);
+}
+.btn-success:active {
+ --btn-color-bg: var(--color-success-bg-hover);
+ --btn-color: var(--color-success-text);
+}
+.btn-success.btn-link {
+ --btn-color: var(--color-success);
+ --btn-color-bg-hover: var(--color-success-bg-hover);
+}
+.btn-success.btn-link:hover, .btn-success.btn-link:focus {
+ --btn-color: var(--color-success-text);
+}
+
+.btn-admin {
+ --btn-color: var(--admin-color);
+ --btn-color-bg: var(--admin-color-bg);
+ --btn-color-bg-hover: var(--admin-color-bg-hover);
+}
+
+.btn-link {
+ --btn-color-bg: transparent;
+ --btn-color-bg-hover: var(--btn-color-bg);
+ --btn-bg-img: none;
+ --btn-box-shadow: none;
+ --btn-text-shadow: none;
+}
+
+.btn-primary, .wp-block-buttons .wp-block-button.is-style-primary .wp-block-button__link, .blog-comments .form-submit input.submit,
+.blog-comments #recaptcha-submit-btn-area input.submit {
+ --btn-color: var(--color-accent);
+ --btn-color-bg: var(--color-accent-bg);
+ --btn-color-bg-hover: var(--color-accent-bg-hover);
+}
+
+.btn-row, .btn-row-fluid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.9rem;
+}
+
+.btn-row-fluid > * {
+ flex: 1;
+}
+
+.btn-col {
+ display: flex;
+ flex-direction: column;
+ gap: 0.9rem;
+}
+.btn-col .btn, .btn-col .post-password-form input[type=submit], .post-password-form .btn-col input[type=submit], .btn-col .blog-comments .form-submit input.submit, .blog-comments .form-submit .btn-col input.submit,
+.btn-col .blog-comments #recaptcha-submit-btn-area input.submit,
+.blog-comments #recaptcha-submit-btn-area .btn-col input.submit, .btn-col .nav-cta a, .nav-cta .btn-col a, .btn-col .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .btn-col a, .btn-col .navbar-mobile-toggler {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.btn-col hr {
+ background-color: var(--btn-color-bg);
+ border: none;
+ border-radius: 999rem;
+ margin-bottom: 0.4rem;
+ margin-top: 0.4rem;
+ height: var(--border-width);
+ width: 100%;
+}
+
+.btn-group {
+ display: flex;
+ flex-wrap: wrap;
+}
+.btn-group button,
+.btn-group [class^=btn] {
+ border-radius: 0;
+}
+.btn-group button:first-child,
+.btn-group [class^=btn]:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-bottom-left-radius: var(--border-radius);
+}
+.btn-group button:last-child,
+.btn-group [class^=btn]:last-child {
+ border-top-right-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+}
+.btn-group .dropdown {
+ margin-left: 0.15rem;
+}
+.btn-group .dropdown button,
+.btn-group .dropdown [class^=btn] {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: var(--border-radius);
+ border-top-left-radius: 0;
+ border-top-right-radius: var(--border-radius);
+}
+
+.btn-group-col {
+ display: flex;
+ flex-direction: column;
+}
+.btn-group-col button, .btn-group-col [class^=btn] {
+ border-radius: 0;
+ border-bottom-color: var(--btn-group-border-color);
+}
+.btn-group-col button:first-child, .btn-group-col [class^=btn]:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+.btn-group-col button:last-child, .btn-group-col [class^=btn]:last-child {
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ border-bottom-color: var(--btn-color-bg);
+}
+.btn-group-col button:active, .btn-group-col button:focus, .btn-group-col [class^=btn]:active, .btn-group-col [class^=btn]:focus {
+ border-color: var(--btn-color);
+}
+
+/* Full-width buttons. */
+.btn-prev i:before, .btn-next i:before,
+.btn-first i:before, .btn-last i:before {
+ left: 0;
+ position: relative;
+ transition: left var(--transition-speed) ease-in-out;
+}
+
+.btn-prev:hover i:before,
+.btn-first:hover i:before {
+ left: calc(var(--spacer-1) * -1);
+}
+
+.btn-next:hover i:before,
+.btn-last:hover i:before {
+ left: var(--spacer-1);
+}
+
+/* External buttons. */
+a.btn.external, .nav-cta a.external, .navbar-primary .navbar-nav > li:last-child a.external, a.external.navbar-mobile-toggler {
+ border-bottom: 0.2rem solid rgba(255, 136, 68, 0.2);
+}
+
+a.btn.external:after, .nav-cta a.external:after, .navbar-primary .navbar-nav > li:last-child a.external:after, a.external.navbar-mobile-toggler:after {
+ content: "\e8b9";
+ float: right;
+ font-size: 75%;
+ color: rgba(77, 78, 83, 0.6);
+ position: absolute;
+ top: var(--spacer-2);
+ right: var(--spacer-2);
+ font-family: "fontutti";
+}
+
+.box .card, .wp-block-group.is-style-box .card,
+.wp-block-column.is-style-box .card,
+.wp-block-columns.is-style-box .card, .support__listing_section .card, .post-password-form .card, details .card, .notifications-list .card, .box details, .wp-block-group.is-style-box details,
+.wp-block-column.is-style-box details,
+.wp-block-columns.is-style-box details, .support__listing_section details, .post-password-form details, details details, .notifications-list details {
+ background-color: var(--color-bg-secondary);
+}
+
+/* Container for the list of cards. */
+.cards {
+ --cards-item-thumbnail-width: 15.0rem;
+ --cards-items-per-row: 3;
+ --grid-gap-size: var(--spacer-4) var(--spacer);
+ display: grid;
+ gap: var(--grid-gap-size);
+ grid-template-columns: repeat(auto-fit, var(--cards-items-per-row), minmax(var(--cards-item-thumbnail-width), 1fr));
+ padding: 0;
+ width: 100%;
+ /* Utilities to set number of cards per row. */
+}
+@media (max-width: 899.98px) {
+ .cards {
+ flex-direction: column;
+ }
+}
+@media (min-width: 900px) {
+ .cards {
+ grid-template-columns: repeat(var(--cards-items-per-row), minmax(var(--cards-item-thumbnail-width), 1fr));
+ }
+}
+.cards.compact .cards-item-content, .cards.card-layout-horizontal .cards-item-content {
+ flex-direction: row;
+}
+.cards.compact .cards-item-more, .cards.card-layout-horizontal .cards-item-more {
+ padding-bottom: 1.6rem;
+ padding-top: 0;
+}
+.cards.compact .cards-item-thumbnail, .cards.card-layout-horizontal .cards-item-thumbnail {
+ margin-bottom: 0;
+ min-width: var(--cards-item-thumbnail-width);
+ width: var(--cards-item-thumbnail-width);
+}
+.cards.compact .cards-item-thumbnail img, .cards.card-layout-horizontal .cards-item-thumbnail img {
+ border-top-right-radius: 0;
+ border-top-left-radius: var(--border-radius-lg);
+ border-bottom-left-radius: var(--border-radius-lg);
+ height: 100%;
+ max-height: var(--cards-item-thumbnail-width);
+ object-fit: cover;
+ width: 100%;
+}
+.cards.compact .cards-item-title, .cards.card-layout-horizontal .cards-item-title {
+ font-size: var(--fs-4);
+ line-height: 1.3333333333;
+ padding-bottom: 0.8rem;
+ padding-top: 1.6rem;
+}
+@media (min-width: 900px) {
+ .cards.compact .cards-item-title, .cards.card-layout-horizontal .cards-item-title {
+ line-height: 1.1428571429;
+ }
+}
+.cards.card-layout-horizontal-circle-transparent {
+ --cards-item-thumbnail-width: 48px;
+}
+.cards.card-layout-horizontal-circle-transparent .cards-item-content {
+ align-items: center;
+ background-color: transparent;
+ box-shadow: none;
+ flex-direction: row;
+}
+.cards.card-layout-horizontal-circle-transparent .cards-item-thumbnail {
+ border-radius: 50%;
+ box-shadow: var(--box-shadow-card-lg);
+ margin: 0;
+ max-height: var(--cards-item-thumbnail-width);
+ min-height: var(--cards-item-thumbnail-width);
+ min-width: var(--cards-item-thumbnail-width);
+ width: var(--cards-item-thumbnail-width);
+}
+.cards.card-layout-horizontal-circle-transparent .cards-item-thumbnail img {
+ border-radius: 50%;
+}
+.cards.card-layout-horizontal-circle-transparent .cards-item-title {
+ font-size: var(--fs-4);
+ line-height: 1.3333333333;
+ padding-bottom: 0;
+ padding-top: 0;
+}
+@media (min-width: 900px) {
+ .cards.card-layout-horizontal-circle-transparent .cards-item-title {
+ line-height: 1.1428571429;
+ }
+}
+.cards.card-layout-card-transparent .cards-item-content {
+ background-color: transparent;
+ box-shadow: none;
+}
+.cards.card-layout-card-transparent .cards-item-thumbnail {
+ box-shadow: var(--box-shadow-card-lg);
+ overflow: hidden;
+}
+.cards.card-layout-card-transparent .cards-item-thumbnail img, .cards.card-layout-card-transparent .cards-item-thumbnail video {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ box-shadow: var(--box-shadow-card);
+}
+.cards.card-layout-card-transparent a.cards-item-thumbnail img,
+.cards.card-layout-card-transparent a.cards-item-thumbnail video {
+ transition: transform var(--transition-speed) ease-in-out;
+ will-change: transform;
+}
+.cards.card-layout-card-transparent a.cards-item-thumbnail:hover img, .cards.card-layout-card-transparent a.cards-item-thumbnail:hover video {
+ transform: scale(1.033);
+}
+.cards.card-layout-card-transparent .cards-item-title,
+.cards.card-layout-card-transparent .cards-item-headline,
+.cards.card-layout-card-transparent .cards-item-excerpt,
+.cards.card-layout-card-transparent .cards-item-extra,
+.cards.card-layout-card-transparent .cards-item-more {
+ padding-left: 0;
+ padding-right: 0;
+}
+.cards.cards-1 {
+ --cards-items-per-row: 1;
+}
+.cards.cards-2 {
+ --cards-items-per-row: 2;
+}
+.cards.cards-3 {
+ --cards-items-per-row: 3;
+}
+.cards.cards-4 {
+ --cards-items-per-row: 4;
+}
+@media (min-width: 900px) {
+ .cards.cards-sm-1 {
+ --cards-items-per-row: 1;
+ }
+ .cards.cards-sm-2 {
+ --cards-items-per-row: 2;
+ }
+ .cards.cards-sm-3 {
+ --cards-items-per-row: 3;
+ }
+ .cards.cards-sm-4 {
+ --cards-items-per-row: 4;
+ }
+}
+@media (min-width: 980px) {
+ .cards.cards-md-1 {
+ --cards-items-per-row: 1;
+ }
+ .cards.cards-md-2 {
+ --cards-items-per-row: 2;
+ }
+ .cards.cards-md-3 {
+ --cards-items-per-row: 3;
+ }
+ .cards.cards-md-4 {
+ --cards-items-per-row: 4;
+ }
+}
+@media (min-width: 1220px) {
+ .cards.cards-lg-1 {
+ --cards-items-per-row: 1;
+ }
+ .cards.cards-lg-2 {
+ --cards-items-per-row: 2;
+ }
+ .cards.cards-lg-3 {
+ --cards-items-per-row: 3;
+ }
+ .cards.cards-lg-4 {
+ --cards-items-per-row: 4;
+ }
+}
+@media (min-width: 1380px) {
+ .cards.cards-xl-1 {
+ --cards-items-per-row: 1;
+ }
+ .cards.cards-xl-2 {
+ --cards-items-per-row: 2;
+ }
+ .cards.cards-xl-3 {
+ --cards-items-per-row: 3;
+ }
+ .cards.cards-xl-4 {
+ --cards-items-per-row: 4;
+ }
+}
+
+.cards-item a.cards-item-title:hover {
+ color: var(--color-accent);
+}
+
+/* Container for each card. */
+.cards-item.is-img-only .cards-item-thumbnail {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+/* The card itself, with background. */
+.cards-item-content {
+ background-color: var(--box-bg-color);
+ box-shadow: var(--box-shadow-card);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ color: var(--box-text-color);
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ width: 100%;
+}
+
+.cards-item-thumbnail {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ display: block;
+ position: relative;
+ width: 100%;
+ margin-bottom: 1.6rem;
+ position: relative;
+}
+.cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 56.25%;
+}
+.cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item-thumbnail img, .cards-item-thumbnail video {
+ border-top-left-radius: var(--border-radius-lg);
+ border-top-right-radius: var(--border-radius-lg);
+ display: block;
+ margin-bottom: 0;
+ margin-top: 0;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 100%;
+ max-width: 100%;
+ object-fit: cover;
+ width: 100%;
+}
+.cards-item-thumbnail video {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.cards-item.card-aspect-ratio-square .cards-item-thumbnail,
+.card-aspect-ratio-square .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-square .cards-item-thumbnail::before,
+.card-aspect-ratio-square .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 100%;
+}
+.cards-item.card-aspect-ratio-square .cards-item-thumbnail > *,
+.card-aspect-ratio-square .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail,
+.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+ /* Fix misalignment in grid. */
+}
+.cards-item.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail::before,
+.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 50%;
+}
+.cards-item.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail > *,
+.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail::before,
+.card-aspect-ratio-landscape-2x1 .cards-item-thumbnail::before {
+ padding-top: calc(50% - 0.5rem);
+}
+.cards-item.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail,
+.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail::before,
+.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 75%;
+}
+.cards-item.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail > *,
+.card-aspect-ratio-landscape-4x3 .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail,
+.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail::before,
+.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 42.8571428571%;
+}
+.cards-item.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail > *,
+.card-aspect-ratio-landscape-21x9 .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-portrait .cards-item-thumbnail,
+.card-aspect-ratio-portrait .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-portrait .cards-item-thumbnail::before,
+.card-aspect-ratio-portrait .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 177.7777777778%;
+}
+.cards-item.card-aspect-ratio-portrait .cards-item-thumbnail > *,
+.card-aspect-ratio-portrait .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail,
+.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail {
+ position: relative;
+ width: 100%;
+}
+.cards-item.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail::before,
+.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail::before {
+ content: "";
+ display: block;
+ padding-top: 133.3333333333%;
+}
+.cards-item.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail > *,
+.card-aspect-ratio-portrait-3x4 .cards-item-thumbnail > * {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.cards-item-title {
+ display: block;
+ font-size: var(--fs-h3);
+ line-height: 1.1428571429;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.cards-item-title a, .cards-item-title:link, .cards-item-title:visited, .cards-item-title:hover {
+ color: currentColor;
+ text-decoration: none;
+}
+@media (max-width: 899.98px) {
+ .cards-item-title {
+ font-size: calc(var(--fs-base) * 1.3);
+ }
+}
+@media (min-width: 900px) {
+ .cards-item-title {
+ line-height: 1.1666666667;
+ }
+}
+.cards-item-title:last-child {
+ padding-bottom: 1.6rem;
+}
+
+.cards-item-headline {
+ display: block;
+ font-size: var(--fs-sm);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.cards-item-headline a, .cards-item-headline:link, .cards-item-headline:visited, .cards-item-headline:hover {
+ color: currentColor;
+ text-decoration: none;
+}
+
+.cards-item-excerpt {
+ display: block;
+ flex: 1;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.cards-item-excerpt:link, .cards-item-excerpt:visited, .cards-item-excerpt:hover {
+ color: currentColor;
+ text-decoration: none;
+}
+
+.cards-item-more {
+ align-items: center;
+ color: var(--color-accent);
+ display: flex;
+ font-size: var(--fs-sm);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ justify-content: space-between;
+ padding: 2.4rem;
+ margin-top: auto;
+}
+.cards-item-more > .more-item {
+ display: block;
+ transition: color var(--transition-speed) ease-in-out;
+ width: 100%;
+}
+.cards-item-more > .more-item.video i {
+ color: red;
+ padding-right: 0.4rem;
+}
+.cards-item-more > .more-item.url:hover i {
+ transform: translateX(var(--spacer-1));
+}
+.cards-item-more > .more-item.url i {
+ display: inline-block;
+ left: 0;
+ position: relative;
+ top: -0.1rem;
+ transition: transform var(--transition-speed-slow) ease-in-out;
+}
+
+.cards-item-description {
+ display: block;
+ padding-top: 0.8rem;
+ padding-bottom: 2.4rem;
+ padding-left: 2.4rem;
+ padding-right: 2.4rem;
+ font-size: var(--fs-base);
+ color: #4d4e53;
+}
+.cards-item-description:visited, .cards-item-description:hover {
+ color: #4d4e53;
+}
+
+.cards-item-extra {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-xs);
+ line-height: var(--lh-sm);
+ margin-top: auto;
+ padding-top: 0.4rem;
+ padding-bottom: 1.6rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ text-transform: uppercase;
+}
+.cards-item-extra a {
+ color: var(--color-text-secondary);
+}
+.cards-item-extra a:hover {
+ color: var(--color-accent);
+}
+.cards-item-extra ul {
+ display: flex;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+}
+.cards-item-extra ul li {
+ display: inline-block;
+ margin-right: 0.8rem;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.cards-item-extra ul li.right {
+ margin-left: auto;
+ margin-right: 0;
+ white-space: nowrap;
+}
+
+.cards-item-info {
+ display: flex;
+ flex-direction: column;
+}
+
+.card-body a {
+ text-decoration: underline;
+}
+
+code, pre, samp {
+ text-align: left;
+ white-space: pre;
+}
+
+code {
+ --badge-bg: var(--code-color-bg);
+ --badge-color: var(--code-color);
+ user-select: auto;
+}
+
+kbd {
+ background-color: hsl(213, 10%, 18%);
+ border-radius: var(--border-radius);
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.33), inset 0 0 0 var(--border-width) hsl(213, 10%, 22%);
+ color: hsl(213, 10%, 88%);
+ font-size: 0.8em;
+ font-family: var(--font-family-mono);
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+}
+
+pre {
+ background-color: var(--code-color-bg);
+ border: 0.1rem solid var(--code-color-bg);
+ border-radius: var(--border-radius);
+ color: var(--code-color);
+ font-size: 0.8em;
+ line-height: calc(var(--spacer) * 1.25);
+ padding: 1.6rem;
+}
+pre code {
+ background-color: transparent;
+ border: 0;
+ font-size: var(--fs-base);
+ line-height: var(--lh-base);
+ white-space: pre-wrap;
+}
+@media (min-width: 900px) {
+ pre {
+ line-height: var(--spacer-4);
+ }
+}
+
+/* Badge. */
+/* Deprecated: Use 'fs-*' classes for font-size, and 'fw-*' classes for font-weight. */
+.badge.badge-sm, code.badge-sm {
+ font-size: var(--fs-xs);
+ font-weight: normal;
+ font-variation-settings: "wght" 400;
+}
+.badge.badge-md, code.badge-md {
+ font-size: var(--fs-base);
+}
+.badge.badge-lg, code.badge-lg {
+ border-width: var(--border-width);
+ font-size: var(--fs-lg);
+}
+
+/* Button. */
+/* Deprecated: Use 'fs-*' classes for font-size, and 'w-*' classes for width. */
+.btn-sm {
+ font-size: var(--fs-sm);
+ line-height: var(--lh-sm);
+}
+
+.btn-md {
+ font-size: var(--fs-base);
+}
+
+.btn-lg {
+ font-size: var(--fs-lg);
+ line-height: var(--lh-lg);
+}
+
+.btn-block {
+ width: 100%;
+}
+
+/* Notifications. */
+/* Deprecated: Use 'end-*' and 'start-*' classes for positioning, and 'w-*' classes for width. */
+.toast-top-center {
+ top: 0;
+ right: 0;
+ width: 100%;
+}
+
+.toast-bottom-center {
+ bottom: 0;
+ right: 0;
+ width: 100%;
+}
+
+.toast-top-full-width {
+ top: 0;
+ right: 0;
+ width: 100%;
+}
+
+.toast-bottom-full-width {
+ bottom: 0;
+ right: 0;
+ width: 100%;
+}
+
+.toast-top-left {
+ top: calc(var(--spacer) * 0.75);
+ left: calc(var(--spacer) * 0.75);
+}
+
+.toast-top-right {
+ top: calc(var(--spacer) * 0.75);
+ right: calc(var(--spacer) * 0.75);
+}
+
+.toast-bottom-right {
+ right: calc(var(--spacer) * 0.75);
+ bottom: calc(var(--spacer) * 0.75);
+}
+
+.toast-bottom-left {
+ bottom: calc(var(--spacer) * 0.75);
+ left: calc(var(--spacer) * 0.75);
+}
+
+/* Deprecated: Use 'bg-*' classes for background-color. */
+.toast-success {
+ background-color: var(--color-success);
+}
+
+.toast-error {
+ background-color: var(--color-danger);
+}
+
+.toast-info {
+ background-color: var(--color-info);
+}
+
+.toast-warning {
+ background-color: var(--color-warning);
+}
+
+/* Type. */
+/* Deprecated: Use 'fs-*' classes for font-size. */
+.h1 {
+ font-size: var(--fs-h1);
+}
+
+.h2 {
+ font-size: var(--fs-h2);
+}
+
+.h3 {
+ font-size: var(--fs-h3);
+}
+
+.lead {
+ font-size: var(--fs-lg);
+}
+
+details {
+ display: flow-root;
+}
+details + details {
+ margin-bottom: 0.8rem;
+ margin-top: 0.8rem;
+}
+details > *:not(summary) {
+ animation: fade-in var(--transition-speed) forwards;
+ opacity: 0;
+}
+@keyframes fade-in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+details[open] > summary:before {
+ transform: rotate(90deg);
+}
+details img {
+ border-radius: var(--border-radius);
+ max-width: 100%;
+ height: auto;
+}
+details > * {
+ padding-left: 1.6rem;
+}
+
+summary {
+ cursor: pointer;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ position: relative;
+ user-select: none;
+}
+summary + *:not(img) {
+ padding-top: 0.8rem;
+}
+summary:before {
+ content: "\e84f";
+ font-family: fontutti;
+ left: calc(var(--spacer-1) * -1);
+ position: absolute;
+ top: 0;
+ transform-origin: 50%;
+ transform: rotate(0);
+ transition: var(--transition-speed-slow) transform ease;
+}
+summary::marker, summary::-webkit-details-marker {
+ content: "";
+ display: none;
+}
+
+/* List of flat pages. */
+.footer-pages {
+ font-size: var(--fs-sm);
+ /* Style footer-navigation when it's right after footer-pages. */
+}
+.footer-pages ul {
+ display: flex;
+ list-style: none;
+ padding: 0;
+}
+.footer-pages ul li:after {
+ display: none;
+}
+.footer-pages ul li:first-child a {
+ padding-left: 0;
+}
+.footer-pages a {
+ color: var(--color-text-secondary);
+ display: inline-block;
+ padding: 0.8rem;
+}
+.footer-pages a:hover {
+ text-decoration: underline;
+}
+.footer-pages + .footer-navigation {
+ padding-top: 0.8rem;
+}
+
+/* Sitemap links. */
+.footer-navigation,
+.footer-note {
+ color: hsl(213, 10%, 50%);
+ font-size: var(--fs-sm);
+}
+
+.footer-navigation {
+ background-color: var(--body-color-bg);
+ line-height: var(--lh-sm);
+ padding-top: 4.8rem;
+ padding-bottom: 1.6rem;
+}
+.footer-navigation ul {
+ padding-left: 0;
+ list-style: none;
+ margin-bottom: 0.8rem;
+}
+.footer-navigation ul a {
+ display: block;
+}
+
+.sitemap-title {
+ color: hsl(213, 10%, 70%);
+ display: block;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ padding-top: 0.4rem;
+}
+.sitemap-title:first-child, .sitemap-title:last-child {
+ padding: 0;
+}
+
+@media (min-width: 980px) {
+ .social {
+ border-left: var(--border-width) solid hsl(213, 10%, 30%);
+ }
+}
+
+.social-icons li {
+ margin-top: 0.8rem;
+}
+.social-icons a {
+ align-items: center;
+ display: flex;
+ font-size: var(--fs-base);
+ text-decoration: none;
+ transition: color ease-in-out var(--transition-speed);
+}
+.social-icons a i, .social-icons a svg {
+ margin-right: 0.8rem;
+}
+.social-icons svg {
+ height: 2rem;
+ stroke-width: var(--spacer);
+ stroke: currentColor;
+ width: 2.5rem;
+}
+.social-icons__youtube:hover {
+ color: #CD201F;
+}
+.social-icons__twitter:hover {
+ color: #1dcaff;
+}
+.social-icons__instagram:hover {
+ color: #C13584;
+}
+.social-icons__facebook:hover {
+ color: #3b5998;
+}
+.social-icons__linkedin:hover {
+ color: #0077B5;
+}
+.social-icons__mastodon:hover {
+ color: #595aff;
+}
+
+/* Artistic freedom starts with Blender. */
+.footer-note {
+ display: block;
+ padding-bottom: 0.8rem;
+ text-align: center;
+}
+.footer-note i {
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+}
+.footer-note i:hover {
+ color: var(--color-danger);
+}
+@media (max-width: 899.98px) {
+ .footer-note span {
+ display: block;
+ }
+}
+
+.form {
+ padding-left: 0;
+ list-style: none;
+}
+.form textarea,
+.form input[type=text],
+.form input[type=email],
+.form input[type=url] {
+ border: var(--border-width) solid var(--color-bg-tertiary);
+ border-radius: var(--border-radius);
+ padding: 0.8rem;
+ transition: border-color ease-in-out var(--transition-speed);
+}
+
+/* Highlight required fields or those with errors. */
+/* ".has-error" is deprecated in BS4, backend should use HTML4 validation. */
+.has-error .form-control, .has-error .post-password-form input[type=password], .post-password-form .has-error input[type=password],
+.form-required .form-control,
+.form-required .post-password-form input[type=password],
+.post-password-form .form-required input[type=password] {
+ border-color: var(--color-danger);
+}
+.has-error .input-group-addon,
+.form-required .input-group-addon {
+ border-color: var(--color-danger);
+}
+
+.form-text, .helptext {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+ margin-top: 0.8rem;
+}
+
+.form-inline span {
+ margin-right: 0.8rem;
+}
+
+.form-control:focus, .post-password-form input[type=password]:focus {
+ border-color: var(--color-accent);
+}
+.form-control[type=file], .post-password-form input[type=file][type=password] {
+ padding: 0;
+}
+.form-control[type=file]:hover, .post-password-form input[type=file][type=password]:hover {
+ background-color: var(--input-color-bg);
+}
+.form-control[type=file].is-invalid, .post-password-form input[type=file].is-invalid[type=password] {
+ background-color: var(--color-danger-bg);
+ border-color: var(--color-danger-bg);
+ color: var(--color-danger);
+}
+.form-control[type=file].is-invalid:hover, .post-password-form input[type=file].is-invalid[type=password]:hover {
+ background-color: var(--color-danger-bg-hover);
+}
+.form-control::file-selector-button, .post-password-form input[type=password]::file-selector-button {
+ background-color: transparent;
+ border: 0;
+ border-radius: 0;
+ border-right: var(--border-width) solid var(--border-color);
+ color: var(--btn-color);
+ height: 100%;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ margin-right: var(--spacer-3);
+ transition: background-color var(--transition-speed);
+}
+.form-control::file-selector-button:focus, .post-password-form input[type=password]::file-selector-button:focus, .form-control::file-selector-button:hover, .post-password-form input[type=password]::file-selector-button:hover {
+ background-color: var(--input-color-bg-hover);
+ cursor: pointer;
+}
+
+input,
+.form-control,
+.post-password-form input[type=password] {
+ --border-width: .2rem;
+ background-color: var(--input-color-bg);
+ color: var(--color-text);
+ height: calc(var(--spacer) * 2.5);
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+}
+@media (min-width: 900px) {
+ input,
+ .form-control,
+ .post-password-form input[type=password] {
+ height: var(--spacer-5);
+ }
+}
+input:disabled,
+.form-control:disabled,
+.post-password-form input[type=password]:disabled {
+ --input-color-bg-hover: var(--input-color-bg);
+ cursor: not-allowed;
+}
+input:focus, input:hover,
+.form-control:focus,
+.post-password-form input[type=password]:focus,
+.form-control:hover,
+.post-password-form input[type=password]:hover {
+ background-color: var(--input-color-bg-hover);
+ color: var(--color-text);
+}
+input::placeholder,
+.form-control::placeholder,
+.post-password-form input[type=password]::placeholder {
+ color: var(--color-text-tertiary);
+ opacity: 1;
+}
+
+label {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ line-height: 1.3333333333;
+ margin-bottom: 0.8rem;
+ user-select: none;
+}
+
+label sup,
+.form-required-indicator,
+.asteriskField {
+ color: var(--color-danger);
+}
+
+.input-group input[type=text].form-control, .input-group .post-password-form input[type=text][type=password], .post-password-form .input-group input[type=text][type=password] {
+ border-color: var(--border-color);
+}
+.input-group input[type=text].form-control:focus, .input-group .post-password-form input[type=text][type=password]:focus, .post-password-form .input-group input[type=text][type=password]:focus {
+ border-color: var(--color-accent);
+}
+
+.form-check-label a {
+ text-decoration: underline;
+}
+
+.form-group {
+ align-items: center;
+ display: flex;
+ justify-content: end;
+ position: relative;
+}
+.form-group .form-group-addon {
+ position: absolute;
+ right: var(--spacer-2);
+}
+
+.toggle-bar {
+ border: var(--border-width) solid var(--border-color);
+ border-radius: calc(var(--spacer) * 2);
+ box-sizing: content-box;
+ display: inline-block;
+ height: var(--spacer-4);
+ margin-bottom: 0;
+ position: relative;
+ width: var(--spacer-5);
+}
+.toggle-bar input {
+ height: 0;
+ opacity: 0;
+ width: 0;
+}
+.toggle-bar input:checked + .slider {
+ background-color: var(--color-accent);
+}
+.toggle-bar input:focus + .slider {
+ box-shadow: var(--box-shadow-card);
+}
+.toggle-bar input:checked + .slider:before {
+ transform: translateX(2.4rem);
+}
+.toggle-bar .slider {
+ background-color: var(--color-text-tertiary);
+ border-radius: var(--spacer-4);
+ bottom: 0;
+ cursor: pointer;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ transition: var(--transition-speed-slow);
+}
+.toggle-bar .slider:before {
+ background-color: white;
+ border-radius: 50%;
+ bottom: var(--spacer-1);
+ content: "";
+ height: var(--spacer);
+ left: var(--spacer-1);
+ position: absolute;
+ transition: var(--transition-speed-slow);
+ width: var(--spacer);
+}
+.toggle-bar.toggle-bar-sm {
+ height: var(--spacer);
+ width: calc(var(--spacer) * 2);
+}
+.toggle-bar.toggle-bar-sm input:checked + .slider:before {
+ transform: translateX(1.6rem);
+}
+.toggle-bar.toggle-bar-sm .slider {
+ border-radius: var(--spacer);
+}
+.toggle-bar.toggle-bar-sm .slider:before {
+ bottom: 0.2rem;
+ left: 0.2rem;
+ height: 1.2rem;
+ width: 1.2rem;
+}
+
+:root {
+ --fs-hero-title: 3.6rem;
+}
+@media (min-width: 900px) {
+ :root {
+ --fs-hero-title: 5.5rem;
+ }
+}
+@media (min-width: 1220px) {
+ :root {
+ --fs-hero-title: 7.2rem;
+ }
+}
+
+/* Container for the page title. */
+.page-header,
+.container-main > .page-header {
+ margin-top: 4.8rem;
+ padding-bottom: 0;
+ padding-top: 0;
+}
+.page-header.header-align-x-center,
+.container-main > .page-header.header-align-x-center {
+ text-align: center;
+}
+.page-header.header-align-x-right,
+.container-main > .page-header.header-align-x-right {
+ text-align: right;
+}
+
+/* Large header below the navigation. */
+.hero {
+ --hero-max-height: calc(var(--spacer) * 35);
+ --hero-min-height: calc(var(--spacer) * 30);
+ align-items: center;
+ background-color: var(--color-bg-alt);
+ background-position: center top;
+ background-size: cover;
+ color: white;
+ display: flex;
+ height: calc(100vh - var(--spacer) * 6);
+ max-height: var(--hero-max-height);
+ min-height: var(--hero-min-height);
+ overflow: hidden;
+ position: relative;
+ text-shadow: 0.1rem 0.1rem var(--spacer-1) rgba(0, 0, 0, 0.25);
+ /* Offset the container upwards to overlap the header. */
+}
+.hero .container, .hero .page-header {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ justify-content: center;
+ position: relative;
+ z-index: 1;
+}
+.hero h1 {
+ margin-bottom: 0.4rem;
+ margin-left: 2.4rem;
+ margin-right: 2.4rem;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-title);
+ font-size: var(--fs-hero-title);
+ line-height: var(--fs-hero-title);
+ position: relative;
+ z-index: 1;
+}
+.hero h1:hover a {
+ text-decoration: none;
+}
+.hero.header-align-x-center .hero-content {
+ align-self: center;
+ text-align: center;
+}
+.hero.header-align-x-center .hero-subtitle {
+ margin-left: auto;
+ margin-right: auto;
+}
+.hero.header-align-x-center .hero-cta-container .btn-row, .hero.header-align-x-center .hero-cta-container .btn-row-fluid {
+ justify-content: center;
+}
+.hero.header-align-x-right .hero-content {
+ align-self: flex-end;
+ text-align: right;
+}
+.hero.header-align-x-right .hero-subtitle {
+ margin-left: auto;
+}
+.hero.header-align-x-right .hero-cta-container {
+ margin-right: 2.4rem;
+}
+.hero.header-align-x-right .btn-row, .hero.header-align-x-right .btn-row-fluid {
+ flex-direction: row-reverse;
+}
+.hero.header-align-y-top .container, .hero.header-align-y-top .page-header {
+ justify-content: flex-start;
+}
+.hero.header-align-y-top .hero-content {
+ margin-top: 4.8rem;
+}
+.hero.header-align-y-bottom .container, .hero.header-align-y-bottom .page-header {
+ justify-content: flex-end;
+}
+.hero.header-align-y-bottom .hero-content {
+ margin-bottom: 4.8rem;
+}
+.hero.is-container-overlap .hero-content {
+ margin-top: calc(var(--page-with-header-content-offset) * -1);
+}
+.hero.is-container-overlap + .container, .hero.is-container-overlap + .page-header {
+ margin-top: calc(var(--page-with-header-content-offset) * -1);
+ position: relative;
+ z-index: 1;
+}
+
+/* Text and buttons inside hero element. */
+.hero-content {
+ z-index: 1;
+}
+.hero-content h1 {
+ margin-bottom: 0.8rem;
+}
+.hero-content h3 {
+ margin-bottom: 0;
+}
+.hero-content img {
+ max-width: 50rem;
+}
+
+/* Smaller text under the main title. */
+.hero-subtitle {
+ font-size: var(--fs-lg);
+ line-height: 1.3333333333;
+ max-width: 62rem;
+ margin-left: 2.4rem;
+ margin-right: 2.4rem;
+}
+@media (max-width: 899.98px) {
+ .hero-subtitle {
+ font-size: var(--fs-lg);
+ margin-bottom: 1.6rem;
+ }
+}
+@media (min-width: 900px) {
+ .hero-subtitle {
+ line-height: 1.1666666667;
+ }
+}
+
+.hero-cta-container {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ margin-left: 2.4rem;
+ margin-right: 2.4rem;
+ /* Primary CTA. */
+ /* Secondary CTA. */
+}
+@media (min-width: 900px) {
+ .hero-cta-container {
+ display: block;
+ flex-direction: row;
+ }
+}
+.hero-cta-container .btn-accent, .hero-cta-container .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link, .wp-block-buttons .wp-block-button.is-style-accent .hero-cta-container .wp-block-button__link, .hero-cta-container .nav-cta a, .nav-cta .hero-cta-container a, .hero-cta-container .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .hero-cta-container a {
+ --btn-color-bg: hsla(0, 0%, 100%, .9);
+ --btn-color: black;
+ --btn-color-bg-hover: hsla(0, 0%, 100%, 1.0);
+ --btn-bg-img: none;
+ --btn-box-shadow: none;
+ backdrop-filter: blur(25px);
+ padding-left: 4.8rem;
+ padding-right: 4.8rem;
+}
+.hero-cta-container .btn-accent:hover, .hero-cta-container .wp-block-buttons .wp-block-button.is-style-accent .wp-block-button__link:hover, .wp-block-buttons .wp-block-button.is-style-accent .hero-cta-container .wp-block-button__link:hover, .hero-cta-container .nav-cta a:hover, .nav-cta .hero-cta-container a:hover, .hero-cta-container .navbar-primary .navbar-nav > li:last-child a:hover, .navbar-primary .navbar-nav > li:last-child .hero-cta-container a:hover {
+ background-image: none;
+}
+.hero-cta-container .btn-link {
+ --btn-color-bg: hsla(0, 0%, 100%, .1);
+ --btn-color-bg-hover: hsla(0, 0%, 100%, .2);
+ --btn-color: white;
+ backdrop-filter: blur(25px);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--font-weight);
+}
+
+/* Color or gradient between the background and text. */
+.hero-overlay {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* Background video (YouTube embed) */
+.hero-overlay-video {
+ background-color: black;
+ background-position: center top;
+ background-size: cover;
+ height: 100%;
+ overflow: hidden;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 100%;
+}
+.hero-overlay-video iframe {
+ height: 200vh;
+ margin: auto -10vw;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 120vw;
+}
+@media (max-width: 899.98px) {
+ .hero-overlay-video iframe {
+ height: 100vh;
+ width: 200vw;
+ left: -50vw;
+ }
+}
+
+/* Background image. */
+.hero-bg {
+ background-position: center top;
+ background-repeat: no-repeat;
+ background-size: cover;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+/* Credits for the background artwork at the bottom-right. */
+.hero-credits {
+ bottom: 9px;
+ color: currentColor;
+ font-size: var(--fs-sm);
+ opacity: 0.5;
+ position: absolute;
+ right: var(--spacer-2);
+ text-shadow: 0 0 var(--spacer) rgba(0, 0, 0, 0.66);
+ z-index: 1;
+}
+
+dl, ol, ul {
+ margin-bottom: 1.6rem;
+}
+
+dt {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+}
+
+dd {
+ border-bottom: thin solid var(--border-color);
+ padding-bottom: 0.8rem;
+ color: var(--color-text-primary);
+ font-family: var(--font-family-mono);
+}
+dd:last-child {
+ border: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.dl-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--spacer-2);
+}
+.dl-row:last-child .dl-col {
+ border: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.dl-col {
+ border-bottom: thin solid var(--border-color);
+ padding-bottom: 0.8rem;
+ flex: 1;
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--spacer-2);
+ list-style: none;
+ padding-left: 0;
+}
+
+:root {
+ --fs-navbar: 1.4rem;
+}
+
+body.has-global-bar .navbar-secondary {
+ top: 0;
+}
+
+.navbar {
+ align-items: center;
+ background-color: var(--navbar-bg);
+ color: var(--navbar-color);
+ display: flex;
+ font-size: var(--fs-navbar);
+ position: sticky;
+ transition: top var(--transition-speed) ease-in-out, box-shadow 1s ease-in-out;
+ z-index: var(--navbar-zindex);
+ /* Mobile version of the menu */
+}
+@media (min-width: 900px) {
+ .navbar {
+ box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.05);
+ }
+}
+.navbar ul li a:hover {
+ text-decoration: none;
+}
+@media (max-width: 899.98px) {
+ .navbar .navbar-btn {
+ position: absolute;
+ right: 0;
+ }
+}
+@media (max-width: 899.98px) {
+ .navbar-collapse.collapse, .navbar-collapse.collapsing {
+ background-color: var(--navbar-bg);
+ bottom: 0;
+ max-height: initial;
+ overflow-y: auto;
+ position: fixed;
+ right: 0;
+ top: var(--spacer-5);
+ transition: none;
+ width: 100%;
+ }
+ .navbar-collapse.collapse .nav-link, .navbar-collapse.collapsing .nav-link {
+ margin-left: 1.6rem;
+ margin-right: 1.6rem;
+ margin-bottom: 0;
+ margin-top: 0;
+ }
+ .navbar-collapse.collapse .navbar-nav, .navbar-collapse.collapsing .navbar-nav {
+ flex-direction: column !important;
+ }
+}
+@media (min-width: 900px) {
+ .navbar-collapse {
+ height: 100%;
+ }
+}
+.navbar .container, .navbar .page-header {
+ align-items: center;
+ display: flex;
+ justify-content: flex-end;
+ height: 100%;
+}
+@media (max-width: 899.98px) {
+ .navbar .container, .navbar .page-header {
+ margin: 0;
+ padding: 0;
+ }
+}
+.navbar input[type=text].form-control, .navbar .post-password-form input[type=text][type=password], .post-password-form .navbar input[type=text][type=password] {
+ border-color: var(--navbar-separator-color);
+ background-color: var(--navbar-bg);
+ color: white;
+}
+.navbar input[type=text].form-control::placeholder, .navbar .post-password-form input[type=text][type=password]::placeholder, .post-password-form .navbar input[type=text][type=password]::placeholder {
+ color: var(--color-text);
+}
+.navbar .input-group button {
+ border-color: var(--navbar-separator-color);
+ background-color: var(--navbar-bg);
+ color: var(--color-text-secondary);
+ border-left: none;
+}
+.navbar .input-group button:active {
+ border-left: none;
+}
+
+/* The logo. */
+.navbar-brand {
+ color: var(--color-text);
+ margin-right: auto;
+}
+.navbar-brand:hover {
+ opacity: 0.9;
+ transition: opacity var(--transition-speed) ease;
+}
+
+/* Blender logo. */
+.navbar-logo-blender {
+ background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5OCA1OCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4KICAgIDxnPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuNTEzLDE2LjI3MUMxODAuNTEzLDE2LjI3MSA2My4xNzcsMTYuMjcxIDU5Ljg2OCwxNi4yNzFDNTkuNzk0LDE2LjIxNCA1OS43MjcsMTYuMTQ1IDU5LjY1NiwxNi4wOUM1OS42MzgsMTYuMDczIDQxLjkwNywyLjQ1MiA0MS4zNzQsMi4wNEM0MS4zNDMsMi4wMTcgNDEuMzEzLDEuOTk0IDQxLjMxMywxLjk5NEMzOC40NzIsLTAuMTgxIDM0LjI1MiwtMC4yMjcgMzEuMjYxLDEuODY5QzI5LjM5LDMuMTc4IDI4LjI2Niw1LjE1OCAyOC4xODIsNy4zQzI4LjE4LDcuMzg1IDI4LjE3NSw3LjQ3MSAyOC4xNzUsNy41NThDMjguMTc1LDguNjY5IDI4LjQ3LDkuNzQyIDI5LjAwMywxMC43MDZDMjMuNTEzLDEwLjcxMSAxNy45OTEsMTAuNzE3IDE3Ljk5MSwxMC43MTdDMTMuODczLDEwLjcyIDEwLjE0OSwxMy40OTggOS4yOTksMTcuMTc5QzkuMTc4LDE3LjcwNyA5LjExNywxOC4yMzkgOS4xMTcsMTguNzY3QzkuMTE3LDIwLjMwNyA5LjYyOSwyMS44IDEwLjU5OCwyMy4wMjZDMTEuNjg5LDI0LjM5NyAxMy4yNjMsMjUuMzIgMTUuMDU5LDI1LjY4QzkuODcyLDI5LjY2MyA0LjY4OSwzMy42NCA0LjY4NCwzMy42NDVDNC42NDcsMzMuNjcyIDQuNjE3LDMzLjY5NyA0LjU5MSwzMy43MTRDMi41MTEsMzUuMzEyIDEuMTQxLDM3LjYyNiAwLjgzMSw0MC4wNjJDMC43ODUsNDAuNDE5IDAuNzYzLDQwLjc3MyAwLjc2Myw0MS4xMjRDMC43NjMsNDIuODc4IDEuMzIzLDQ0LjU0NiAyLjM4NSw0NS45MDlDMy42NzgsNDcuNTYzIDUuNTg2LDQ4LjYxMyA3Ljc1OSw0OC44NkMxMC4yNDksNDkuMTQ4IDEyLjg2OSw0OC4zNSAxNC45NDIsNDYuNjc0QzE0Ljk1NSw0Ni42NjQgMTcuNTIyLDQ0LjU1OSAyMC4yMjksNDIuMzQ1QzIxLjIyMiw0NC43NDIgMjIuNjE1LDQ2Ljk2NCAyNC40MTUsNDguOTUxQzI2LjczMSw1MS41MSAyOS41NDYsNTMuNTMyIDMyLjc3Nyw1NC45NjJDMzYuMTczLDU2LjQ2NyAzOS44MTIsNTcuMjI3IDQzLjU5NCw1Ny4yMThDNDcuMzc5LDU3LjIxMSA1MS4wMTYsNTYuNDQyIDU0LjQwNyw1NC45MjhDNTcuNjQ1LDUzLjQ3OSA2MC40NTQsNTEuNDUgNjIuNzYxLDQ4Ljg5NUM2My4xLDQ4LjUxNyA2My40MTIsNDguMTE5IDYzLjcyNCw0Ny43MTlDNjguMzA0LDQ3LjcxOSAxODAuNTEzLDQ3LjcxOSAxODAuNTEzLDQ3LjcxOUMxODkuNzM5LDQ3LjcxOSAxOTcuMjM2LDQwLjY2NiAxOTcuMjM2LDMxLjk5N0MxOTcuMjM2LDIzLjMyNiAxODkuNzM5LDE2LjI3MSAxODAuNTEzLDE2LjI3MVoiIHN0eWxlPSJmaWxsOnJnYigyNTQsMjU0LDI1NCk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTM2LjEzLDMxLjI4NUMzNi4yMzYsMjkuMzk0IDM3LjE2MiwyNy43MjggMzguNTU5LDI2LjU0N0MzOS45MjksMjUuMzg3IDQxLjc3MywyNC42NzggNDMuNzg1LDI0LjY3OEM0NS43OTUsMjQuNjc4IDQ3LjYzOSwyNS4zODcgNDkuMDEsMjYuNTQ3QzUwLjQwNiwyNy43MjggNTEuMzMyLDI5LjM5NCA1MS40MzksMzEuMjgzQzUxLjU0NSwzMy4yMjYgNTAuNzY0LDM1LjAzMSA0OS4zOTQsMzYuMzY5QzQ3Ljk5NywzNy43MyA0Ni4wMSwzOC41ODQgNDMuNzg1LDM4LjU4NEM0MS41NiwzOC41ODQgMzkuNTY5LDM3LjczIDM4LjE3MywzNi4zNjlDMzYuODAyLDM1LjAzMSAzNi4wMjMsMzMuMjI2IDM2LjEzLDMxLjI4NVoiIHN0eWxlPSJmaWxsOnJnYigxNCw4NCwxMzkpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMy45NCwzNS4xMDZDMjMuOTUzLDM1Ljg0NiAyNC4xODksMzcuMjg0IDI0LjU0MywzOC40MDdDMjUuMjg3LDQwLjc4NCAyNi41NDksNDIuOTgzIDI4LjMwNSw0NC45MjFDMzAuMTA3LDQ2LjkxMyAzMi4zMjYsNDguNTEzIDM0Ljg4OSw0OS42NDlDMzcuNTgzLDUwLjg0MiA0MC41MDIsNTEuNDUgNDMuNTM0LDUxLjQ0NUM0Ni41NjEsNTEuNDQxIDQ5LjQ4LDUwLjgyMSA1Mi4xNzQsNDkuNjE5QzU0LjczNyw0OC40NzIgNTYuOTU0LDQ2Ljg2NSA1OC43NTMsNDQuODcyQzYwLjUwOCw0Mi45MjYgNjEuNzY4LDQwLjcyMyA2Mi41MTQsMzguMzQ2QzYyLjg4OSwzNy4xNDUgNjMuMTI2LDM1LjkyNiA2My4yMjEsMzQuNzAzQzYzLjMxNCwzMy40OTggNjMuMjc1LDMyLjI5MSA2My4xMDQsMzEuMDg1QzYyLjc3LDI4LjczNSA2MS45NTcsMjYuNTMgNjAuNzA1LDI0LjUyQzU5LjU2LDIyLjY3MyA1OC4wODQsMjEuMDU2IDU2LjMyOSwxOS42OTVMNTYuMzMzLDE5LjY5MkwzOC42MjIsNi4wOTNDMzguNjA2LDYuMDgxIDM4LjU5Myw2LjA2OCAzOC41NzYsNi4wNTdDMzcuNDE0LDUuMTY1IDM1LjQ2LDUuMTY4IDM0LjE4Miw2LjA2MkMzMi44OSw2Ljk2NiAzMi43NDIsOC40NjEgMzMuODkyLDkuNDA0TDMzLjg4Nyw5LjQwOUw0MS4yNzQsMTUuNDE2TDE4Ljc1OSwxNS40NEMxOC43NDgsMTUuNDQgMTguNzM3LDE1LjQ0IDE4LjcyOSwxNS40NEMxNi44NjgsMTUuNDQyIDE1LjA3OSwxNi42NjMgMTQuNzI1LDE4LjIwNkMxNC4zNjEsMTkuNzc4IDE1LjYyNSwyMS4wODIgMTcuNTYsMjEuMDg5TDE3LjU1NywyMS4wOTZMMjguOTY5LDIxLjA3NEw4LjYwNSwzNi43MDVDOC41NzksMzYuNzI0IDguNTUxLDM2Ljc0NCA4LjUyNywzNi43NjNDNi42MDYsMzguMjM0IDUuOTg1LDQwLjY4IDcuMTk1LDQyLjIyOEM4LjQyMyw0My44MDIgMTEuMDM0LDQzLjgwNSAxMi45NzUsNDIuMjM3TDI0LjA4OSwzMy4xNDFDMjQuMDg5LDMzLjE0MSAyMy45MjcsMzQuMzY5IDIzLjk0LDM1LjEwNlpNNTIuNDk5LDM5LjIxOEM1MC4yMDksNDEuNTUxIDQ3LjAwMyw0Mi44NzQgNDMuNTM0LDQyLjg4MUM0MC4wNiw0Mi44ODcgMzYuODU0LDQxLjU3NiAzNC41NjQsMzkuMjQ3QzMzLjQ0NSwzOC4xMTIgMzIuNjIzLDM2LjgwNiAzMi4xMTYsMzUuNDE1QzMxLjYxOSwzNC4wNDggMzEuNDI2LDMyLjU5NyAzMS41NTQsMzEuMTMzQzMxLjY3NSwyOS43MDIgMzIuMTAxLDI4LjMzNyAzMi43ODEsMjcuMTAyQzMzLjQ0OSwyNS44ODggMzQuMzY5LDI0Ljc5MSAzNS41MDUsMjMuODYzQzM3LjczMSwyMi4wNDkgNDAuNTY1LDIxLjA2NyA0My41MjksMjEuMDYzQzQ2LjQ5NiwyMS4wNTkgNDkuMzI4LDIyLjAzMiA1MS41NTYsMjMuODRDNTIuNjksMjQuNzY0IDUzLjYwOSwyNS44NTcgNTQuMjc3LDI3LjA2OUM1NC45NiwyOC4zMDMgNTUuMzgzLDI5LjY2MyA1NS41MDksMzEuMDk4QzU1LjYzNSwzMi41NiA1NS40NDIsMzQuMDA5IDU0Ljk0NSwzNS4zNzdDNTQuNDM3LDM2Ljc3MiA1My42MTgsMzguMDc4IDUyLjQ5OSwzOS4yMThaIiBzdHlsZT0iZmlsbDpyZ2IoMjQ0LDEyMSw0Myk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTE1Ny40NjcsMzEuMjU0QzE1Ny42MzgsMjkuMzQ2IDE1OS4xMTMsMjguMTM2IDE2MS4zNjYsMjguMTM2QzE2My42MjIsMjguMTM2IDE2NS4wOTYsMjkuMzQ2IDE2NS4yNjcsMzEuMjU0TDE1Ny40NjcsMzEuMjU0Wk0xNjUuMDM2LDM1Ljk2NUMxNjQuNDU5LDM3LjM3OSAxNjMuMDk5LDM4LjIxNiAxNjEuMjUyLDM4LjIxNkMxNTguOTM5LDM4LjIxNiAxNTcuMzgyLDM2Ljc3MiAxNTcuMzE5LDM0LjQ5MUwxNzAuNjE2LDM0LjQ5MUMxNzAuNjE2LDM0LjI1NCAxNzAuNjE2LDM0LjA1NiAxNzAuNjE2LDMzLjgyQzE3MC42MTYsMjguMTA2IDE2Ny4yNjIsMjQuODk1IDE2MS4yNTIsMjQuODk1QzE1NS40MTYsMjQuODk1IDE1MS44ODcsMjguMTM2IDE1MS44ODcsMzMuMjE5QzE1MS44ODcsMzguMzMzIDE1NS40NzEsNDEuNTY5IDE2MS4yNTIsNDEuNTY5QzE2NC43MjEsNDEuNTY5IDE2Ny40MTEsNDAuMzggMTY5LjA2OSwzOC4yOUwxNjUuMDM2LDM1Ljk2NVoiIHN0eWxlPSJmaWxsOnJnYigxNCw4NCwxMzkpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik05OC40NjgsMzEuMjYzQzk4LjY0NCwyOS4zNTUgMTAwLjExOSwyOC4xNDUgMTAyLjM3NCwyOC4xNDVDMTA0LjYyNiwyOC4xNDUgMTA2LjEsMjkuMzU1IDEwNi4yNzMsMzEuMjYzTDk4LjQ2OCwzMS4yNjNaTTEwNi4wNDIsMzUuOTc0QzEwNS40NjQsMzcuMzkyIDEwNC4xMDUsMzguMjI5IDEwMi4yNTQsMzguMjI5Qzk5Ljk0NSwzOC4yMjkgOTguMzg0LDM2Ljc4MSA5OC4zMjMsMzQuNDk5TDExMS42MTcsMzQuNDk5QzExMS42MTcsMzQuMjY1IDExMS42MTcsMzQuMDY4IDExMS42MTcsMzMuODMyQzExMS42MTcsMjguMTE1IDEwOC4yNjQsMjQuOTAzIDEwMi4yNTQsMjQuOTAzQzk2LjQxNSwyNC45MDMgOTIuODkzLDI4LjE0NSA5Mi44OTMsMzMuMjI4QzkyLjg5MywzOC4zNDIgOTYuNDc1LDQxLjU3OCAxMDIuMjU0LDQxLjU3OEMxMDUuNzIyLDQxLjU3OCAxMDguNDE0LDQwLjM5MyAxMTAuMDc1LDM4LjNMMTA2LjA0MiwzNS45NzRaIiBzdHlsZT0iZmlsbDpyZ2IoMTQsODQsMTM5KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI4Ni45MDciIHk9IjIxLjQ0IiB3aWR0aD0iNC43OTUiIGhlaWdodD0iMTkuNjE3IiBzdHlsZT0iZmlsbDpyZ2IoMTQsODQsMTM5KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyLjgxLDI2LjY1MkwxMTcuNjMyLDI2LjY1MkwxMTcuNjMyLDI3LjgyQzExOS4zMzksMjUuOTk4IDEyMS4zODksMjUuMDc3IDEyMy43MDEsMjUuMDc3QzEyNi4zNjQsMjUuMDc3IDEyOC4zOCwyNS45OTggMTI5LjQyMSwyNy41NjZDMTMwLjI5LDI4Ljg2MSAxMzAuMzQ3LDMwLjQyNCAxMzAuMzQ3LDMyLjQ3OEwxMzAuMzQ3LDQxLjA1N0wxMjUuNTE4LDQxLjA1N0wxMjUuNTE4LDMzLjUxOUMxMjUuNTE4LDMwLjM5MSAxMjQuODg5LDI4Ljk0NyAxMjIuMTQzLDI4Ljk0N0MxMTkuMzY4LDI4Ljk0NyAxMTcuNjMyLDMwLjYgMTE3LjYzMiwzMy4zNzVMMTE3LjYzMiw0MS4wNTdMMTEyLjgxLDQxLjA1N0wxMTIuODEsMjYuNjUyWiIgc3R5bGU9ImZpbGw6cmdiKDE0LDg0LDEzOSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTE0NS44NzYsMzMuNDYyQzE0NS44NzYsMzYuMTQ3IDE0NC4wODIsMzcuOTA4IDE0MS4zMDYsMzcuOTA4QzEzOC41MjgsMzcuOTA4IDEzNi43MzQsMzYuMjA3IDEzNi43MzQsMzMuNDkzQzEzNi43MzQsMzAuNzM5IDEzOC41MDQsMjkuMDM5IDE0MS4zMDYsMjkuMDM5QzE0NC4wODIsMjkuMDM5IDE0NS44NzYsMzAuNzY5IDE0NS44NzYsMzMuNDYyWk0xNDUuODc2LDI3LjMwNUMxNDQuNjU3LDI1Ljk5OCAxNDIuODkzLDI1LjI4MSAxNDAuNDQxLDI1LjI4MUMxMzUuMTUxLDI1LjI4MSAxMzEuNTM5LDI4LjU0MyAxMzEuNTM5LDMzLjQzMkMxMzEuNTM5LDM4LjIyNSAxMzUuMTI2LDQxLjU3OCAxNDAuMzU0LDQxLjU3OEMxNDIuNzUxLDQxLjU3OCAxNDQuNTExLDQwLjk3MiAxNDUuODc2LDM5LjYxM0wxNDUuODc2LDQxLjA1N0wxNTAuNzAxLDQxLjA1N0wxNTAuNzAxLDIwLjE5NkwxNDUuODc2LDIxLjQ0TDE0NS44NzYsMjcuMzA1WiIgc3R5bGU9ImZpbGw6cmdiKDE0LDg0LDEzOSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTc1Ljk0NywyOS4wMzlDNzguNzUxLDI5LjAzOSA4MC41MTQsMzAuNzM5IDgwLjUxNCwzMy40OTNDODAuNTE0LDM2LjIwNyA3OC43MjMsMzcuOTA4IDc1Ljk0NywzNy45MDhDNzMuMTczLDM3LjkwOCA3MS4zODEsMzYuMTQ3IDcxLjM4MSwzMy40NjJDNzEuMzgxLDMwLjc2OSA3My4xNzMsMjkuMDM5IDc1Ljk0NywyOS4wMzlaTTcxLjM4MSwyMS40NEw2Ni41NTQsMjAuMTk2TDY2LjU1NCw0MS4wNTdMNzEuMzgxLDQxLjA1N0w3MS4zODEsMzkuNjEzQzcyLjczOSw0MC45NzIgNzQuNTAyLDQxLjU3OCA3Ni45MDEsNDEuNTc4QzgyLjEzMiw0MS41NzggODUuNzE0LDM4LjIyNSA4NS43MTQsMzMuNDMyQzg1LjcxNCwyOC41NDMgODIuMTAxLDI1LjI4MSA3Ni44MTQsMjUuMjgxQzc0LjM1NywyNS4yODEgNzIuNTk0LDI1Ljk5OCA3MS4zODEsMjcuMzA1TDcxLjM4MSwyMS40NFoiIHN0eWxlPSJmaWxsOnJnYigxNCw4NCwxMzkpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNzEuODA2LDQxLjA1N0wxNzEuODA2LDI2LjY1MkwxNzYuNjMxLDI2LjY1MkwxNzYuNjMxLDI3LjU0MkMxNzguMDc2LDI1LjgwMiAxNzkuNjA1LDI0LjkzNiAxODEuMzQ0LDI0LjkzNkMxODEuNjg5LDI0LjkzNiAxODIuMTIzLDI0Ljk5MiAxODIuNywyNS4wNDlMMTgyLjcsMjkuMTU2QzE4Mi4yMzUsMjkuMDk1IDE4MS43MTcsMjkuMDk1IDE4MS4xNjcsMjkuMDk1QzE3OC4zNjIsMjkuMDk1IDE3Ni42MzEsMzAuOTQ1IDE3Ni42MzEsMzQuMDkxTDE3Ni42MzEsNDEuMDU3TDE3MS44MDYsNDEuMDU3WiIgc3R5bGU9ImZpbGw6cmdiKDE0LDg0LDEzOSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTE4OC45NTYsMjQuOTUyTDE4OC41ODUsMjQuOTUyTDE4OC41OTgsMjMuNjMxTDE4OC42MTgsMjMuMTk0TDE4OC41MTgsMjMuNTU0TDE4OC4wOCwyNC45NTJMMTg3Ljc0MiwyNC45NTJMMTg3LjMxMiwyMy41NTRMMTg3LjIwNCwyMy4yTDE4Ny4yMywyMy42MzFMMTg3LjI0MywyNC45NTJMMTg2Ljg4LDI0Ljk1MkwxODYuODgsMjIuODEyTDE4Ny4zODgsMjIuODEyTDE4Ny45MjMsMjQuNUwxODguNDQ2LDIyLjgxMkwxODguOTU2LDIyLjgxMkwxODguOTU2LDI0Ljk1MlpNMTg2LjAyNCwyNC45NTJMMTg1LjY1MSwyNC45NTJMMTg1LjY1MSwyMy4xMjlMMTg0Ljk2MywyMy4xMjlMMTg0Ljk2MywyMi44MTJMMTg2LjY5OSwyMi44MTJMMTg2LjY5OSwyMy4xMjlMMTg2LjAyNCwyMy4xMjlMMTg2LjAyNCwyNC45NTJaIiBzdHlsZT0iZmlsbDpyZ2IoMTQsODQsMTM5KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg==");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+ display: inline-block;
+ height: 100%;
+ margin-right: auto;
+ padding-bottom: 0;
+ padding-top: 0;
+ transition: opacity var(--transition-speed) ease-in-out;
+ width: 12.8rem;
+}
+.navbar-logo-blender:hover {
+ opacity: 0.8;
+}
+
+/*
The navigation menu (Features, Download, etc) */
+.navbar-nav {
+ flex-direction: row;
+ flex-wrap: wrap;
+ /* - or "nav-item". */
+}
+@media (min-width: 900px) {
+ .navbar-nav {
+ height: 100%;
+ }
+}
+.navbar-nav > li > a, .navbar-nav > li .nav-link, .navbar-nav .nav-item > a, .navbar-nav .nav-item .nav-link {
+ color: var(--navbar-link-color);
+ transition: color var(--transition-speed) ease-in-out, box-shadow var(--transition-speed) ease-in-out;
+ /* Blue mark on items that we want to highlight (e.g. a new job post in Jobs). */
+}
+.navbar-nav > li > a:visited, .navbar-nav > li .nav-link:visited, .navbar-nav .nav-item > a:visited, .navbar-nav .nav-item .nav-link:visited {
+ color: var(--navbar-link-color);
+}
+.navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li .nav-link:focus, .navbar-nav > li .nav-link:hover, .navbar-nav .nav-item > a:focus, .navbar-nav .nav-item > a:hover, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:hover {
+ color: var(--navbar-link-color-hover);
+}
+.navbar-nav > li > a[title*="[NEW]"], .navbar-nav > li .nav-link[title*="[NEW]"], .navbar-nav .nav-item > a[title*="[NEW]"], .navbar-nav .nav-item .nav-link[title*="[NEW]"] {
+ --new-indicator-size: var(--spacer-2);
+ position: relative;
+}
+.navbar-nav > li > a[title*="[NEW]"]:after, .navbar-nav > li .nav-link[title*="[NEW]"]:after, .navbar-nav .nav-item > a[title*="[NEW]"]:after, .navbar-nav .nav-item .nav-link[title*="[NEW]"]:after {
+ background: var(--color-accent);
+ border-radius: 50%;
+ box-shadow: 0 0 0 0.3rem var(--color-bg-primary-subtle);
+ content: "";
+ display: block;
+ height: var(--new-indicator-size);
+ position: absolute;
+ right: var(--spacer-1);
+ top: var(--spacer-2);
+ width: var(--new-indicator-size);
+}
+.navbar-nav > li.active > a, .navbar-nav > li.active > .nav-link, .navbar-nav > li.current_page_item > a, .navbar-nav > li.current-page-ancestor > a, .navbar-nav > li.current-page-parent > a, .navbar-nav .nav-item.active > a, .navbar-nav .nav-item.active > .nav-link, .navbar-nav .nav-item.current_page_item > a, .navbar-nav .nav-item.current-page-ancestor > a, .navbar-nav .nav-item.current-page-parent > a {
+ box-shadow: inset 0 var(--navbar-active-indicator-width) var(--navbar-link-color-active);
+ color: var(--navbar-link-color-active);
+}
+
+/* Primary navigation bar (Features, Download, Get Involved...). */
+.navbar-primary {
+ height: var(--navbar-primary-height);
+ left: 0;
+ padding: 0.8rem;
+ right: 0;
+ top: 0;
+ /* "Donate" button. */
+}
+@media (min-width: 900px) {
+ .navbar-primary {
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0;
+ padding-top: 0;
+ }
+}
+.navbar-primary .nav-link {
+ align-items: center;
+ display: flex;
+ height: 100%;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.navbar-primary .navbar-nav {
+ display: none;
+}
+@media (min-width: 900px) {
+ .navbar-primary .navbar-nav {
+ display: flex;
+ }
+}
+/* Second and third level navigation. */
+.navbar-secondary {
+ display: none;
+ top: var(--navbar-primary-height);
+ transition: top var(--transition-speed) ease-in-out, box-shadow 1s ease-in-out;
+ /* Align navbar to the left. */
+}
+@media (min-width: 900px) {
+ .navbar-secondary {
+ display: flex;
+ }
+}
+.navbar-secondary .navbar-nav {
+ margin-right: auto;
+}
+.navbar-secondary .navbar-nav.right {
+ margin-left: auto;
+}
+.navbar-secondary .navbar-nav > li > a, .navbar-secondary .navbar-nav > li > .nav-link {
+ align-items: center;
+ display: flex;
+ height: 100%;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: calc(var(--spacer) * 0.75);
+ padding-top: calc(var(--spacer) * 0.75);
+}
+@media (min-width: 900px) {
+ .navbar-secondary .navbar-nav > li > a, .navbar-secondary .navbar-nav > li > .nav-link {
+ justify-content: center;
+ }
+}
+.navbar-secondary + .navbar-secondary {
+ /* Decrease z-index on third level navigation. */
+ --navbar-zindex: calc(var(--navbar-zindex) - 1);
+ box-shadow: inset 0 0.1rem var(--navbar-separator-color);
+}
+
+.navbar-mobile {
+ --fs-navbar: 1.5rem;
+ --navbar-separator-color: var(--color-bg-tertiary);
+ background-color: var(--color-bg-alt);
+ height: calc(100vh - var(--navbar-primary-height));
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ right: 0;
+ top: -100%;
+ transition: top 500ms;
+ z-index: calc(var(--zindex-fixed) - 2);
+ /* On mobile, indent third level navigation. */
+}
+.navbar-mobile.is-visible {
+ top: var(--navbar-primary-height);
+}
+.navbar-mobile .navbar-primary-mobile {
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.navbar-mobile .navbar-primary-mobile li, .navbar-mobile .navbar-primary-mobile .nav-link {
+ width: 100%;
+}
+.navbar-mobile .nav-link {
+ box-shadow: none !important;
+ font-size: var(--fs-navbar);
+ justify-content: flex-start;
+ padding: 1.6rem;
+ width: 100%;
+}
+.navbar-mobile .navbar-nav {
+ flex-direction: column;
+ width: 100%;
+}
+.navbar-mobile .nav-item, .navbar-mobile .navbar-nav > li {
+ background-color: var(--color-bg);
+ border-bottom: var(--border-width) solid var(--navbar-separator-color);
+ width: 100%;
+}
+.navbar-mobile .nav-item:last-child, .navbar-mobile .navbar-nav > li:last-child {
+ border-bottom: none;
+}
+.navbar-mobile .nav-item.active, .navbar-mobile .navbar-nav > li.active {
+ border-bottom: none;
+}
+.navbar-mobile .nav-separator,
+.navbar-mobile .nav-parent {
+ display: none;
+}
+.navbar-mobile .navbar-primary,
+.navbar-mobile .navbar-secondary {
+ position: relative;
+ display: flex;
+}
+.navbar-mobile .navbar-secondary {
+ --color-bg-primary: hsl(213, 10%, 21%);
+ top: initial;
+ /* Clear the order for active items in the second-level navbars. */
+}
+.navbar-mobile .navbar-secondary + .navbar-secondary .active {
+ order: unset;
+}
+.navbar-mobile .navbar-secondary .nav-item, .navbar-mobile .navbar-secondary .navbar-nav > li {
+ background-color: var(--color-bg-alt);
+}
+.navbar-mobile .active {
+ background-color: var(--color-bg-primary);
+ box-shadow: inset var(--spacer-1) 0 0 var(--navbar-link-color-active);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ order: 1;
+}
+.navbar-mobile .active a {
+ color: var(--navbar-link-color-active) !important;
+}
+.navbar-mobile .navbar-secondary + .navbar-secondary {
+ padding-left: 4.8rem;
+}
+
+.navbar-mobile-toggler {
+ visibility: visible;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+ color: var(--color-text);
+ height: 100%;
+ font-size: 1.5rem;
+}
+@media (min-width: 900px) {
+ .navbar-mobile-toggler {
+ display: none;
+ visibility: hidden;
+ }
+}
+.navbar-mobile-toggler:focus, .navbar-mobile-toggler:active {
+ background-color: transparent;
+}
+.navbar-mobile-toggler:focus i, .navbar-mobile-toggler:focus svg, .navbar-mobile-toggler:active i, .navbar-mobile-toggler:active svg {
+ color: var(--color-text);
+ fill: var(--color-text);
+ stroke: var(--color-text);
+}
+.navbar-mobile-toggler i {
+ pointer-events: none;
+}
+.navbar-mobile-toggler svg {
+ color: currentColor;
+ fill: currentColor;
+ stroke: currentColor;
+}
+
+/*
- element inside the list (.navbar-nav). */
+.nav-item, .navbar-nav > li {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ position: relative;
+}
+
+/* element inside the list item (.nav-item). */
+.nav-link {
+ line-height: initial;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+}
+.nav-link i, .nav-link i:before {
+ pointer-events: none;
+}
+
+/* On secondary navigation, left-most item showing the parent page name. */
+.navbar-nav .nav-parent .nav-link,
+.navbar-nav .nav-parent .nav-link:visited {
+ color: var(--color-text-secondary);
+}
+.navbar-nav .nav-parent .nav-link:hover,
+.navbar-nav .nav-parent .nav-link:visited:hover {
+ color: var(--color-accent);
+}
+.navbar-nav .nav-parent.active .nav-link,
+.navbar-nav .nav-parent.active .nav-link:visited {
+ color: var(--navbar-link-color-active);
+}
+
+/* Separator (right-angled arrow) used in second/third level navigation. */
+.nav-separator * {
+ position: relative;
+ top: calc(var(--border-width) / 2);
+}
+
+.navbar-search {
+ align-items: center;
+ display: flex;
+ position: relative;
+ max-width: 16rem;
+}
+.navbar-search input {
+ background-color: hsl(213, 10%, 16%);
+ border-color: hsla(213, 10%, 80%, 0.15);
+ height: auto;
+ min-width: calc(var(--spacer) * 8);
+ padding-bottom: 0.6rem;
+ padding-top: 0.6rem;
+}
+.navbar-search input:focus {
+ border-color: var(--color-primary);
+}
+.navbar-search button {
+ color: var(--color-text-secondary);
+ position: absolute;
+ right: 0.2rem;
+}
+.navbar-search button:hover {
+ background-color: transparent !important;
+ color: var(--color-text-primary);
+}
+
+@media (min-width: 900px) {
+ body.is-scrolled .navbar-primary, body.is-scrolled .navbar-secondary {
+ box-shadow: 0 0 var(--spacer-4) rgba(0, 0, 0, 0.2);
+ }
+}
+body.is-navbar-expanded .navbar-hidden {
+ top: 0;
+}
+@media (min-width: 900px) {
+ body.is-navbar-hidden .navbar-primary {
+ top: calc(var(--navbar-primary-height) * -2);
+ }
+}
+body.is-navbar-hidden .navbar-secondary {
+ top: 0;
+}
+
+/* Big blue call-to-action. */
+.nav-cta, .navbar-primary .navbar-nav > li:last-child {
+ --navbar-link-color: white;
+}
+.nav-cta a, .navbar-primary .navbar-nav > li:last-child a {
+ --btn-box-shadow: .2rem var(--spacer-1) var(--spacer-1) rgba(0,82,255,.1), .1rem var(--spacer) var(--spacer-4) rgba(0,82,255,.1), .2rem var(--spacer-2) calc(var(--spacer) * 2) rgba(0,82,255,.3);
+ align-items: center;
+ display: inline-flex;
+ height: calc(var(--spacer) * 2);
+}
+.nav-cta a i, .navbar-primary .navbar-nav > li:last-child a i {
+ margin-right: 0.4rem;
+}
+
+/* Dropdown menus. */
+/* Dropdown. */
+.dropdown {
+ position: relative;
+}
+
+.dropdown-menu {
+ background-color: var(--color-bg-primary);
+ border-radius: var(--border-radius);
+ box-shadow: var(--box-shadow-card), 0 var(--spacer-1) calc(var(--spacer) * 2) rgba(0, 0, 0, 0.15);
+ display: none;
+ padding-left: 0;
+ list-style: none;
+ padding: 0.4rem;
+ position: absolute;
+ top: calc(100% + 0.9rem);
+ z-index: var(--zindex-dropdown);
+ /* Triangle indicator on top of the dropdown. */
+ /* Remove margin from the first and last items. */
+}
+.dropdown-menu::before {
+ background-color: var(--color-bg-primary);
+ border: var(--border-width) var(--color-bg-primary) solid;
+ border-radius: var(--spacer-1);
+ content: "";
+ display: none;
+ height: var(--spacer-2);
+ position: absolute;
+ right: var(--spacer);
+ top: calc(var(--spacer-1) * -1);
+ transform: rotate(45deg);
+ width: var(--spacer-2);
+ z-index: -1;
+}
+.dropdown-menu.dropdown-menu-bottom, .dropdown-menu.dropdown-menu-left, .dropdown-menu.dropdown-menu-right, .dropdown-menu.dropdown-menu-top {
+ /* Make room for the little arrow indicator. */
+ top: calc(100% + var(--spacer));
+}
+.dropdown-menu.dropdown-menu-bottom::before, .dropdown-menu.dropdown-menu-left::before, .dropdown-menu.dropdown-menu-right::before, .dropdown-menu.dropdown-menu-top::before {
+ display: block;
+}
+.dropdown-menu.dropdown-menu-top::before {
+ top: calc(100% - var(--spacer-2));
+}
+.dropdown-menu.dropdown-menu-bottom {
+ bottom: calc(100% + var(--spacer-2));
+ top: unset;
+}
+.dropdown-menu.dropdown-menu-bottom::before {
+ bottom: calc(var(--spacer-1) * -1);
+ top: unset;
+}
+.dropdown-menu.dropdown-menu-right {
+ right: 0;
+}
+.dropdown-menu.dropdown-menu-left::before {
+ left: var(--spacer);
+ right: unset;
+}
+.dropdown-menu.is-visible {
+ display: block;
+}
+.dropdown-menu > li {
+ align-items: center;
+ display: flex;
+ margin-bottom: 0.4rem;
+}
+.dropdown-menu > li:last-child {
+ margin-bottom: 0;
+}
+.dropdown-menu p {
+ transition: color var(--transition-speed) ease-in-out;
+}
+
+/* Added to the element inside each
- . */
+.dropdown-item {
+ border-radius: var(--border-radius);
+ color: var(--color-text);
+ display: inline-flex;
+ flex: 1;
+ line-height: initial;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ transition: background-color var(--transition-speed) var(--transition-timing-fast), color var(--transition-speed) var(--transition-timing-fast);
+ text-decoration: none !important;
+ user-select: none;
+ white-space: nowrap;
+ width: 100%;
+ /* Adjust margin when there are icons. */
+}
+.dropdown-item:hover {
+ background-color: var(--color-accent-bg);
+ color: var(--color-accent);
+ text-decoration: none;
+}
+.dropdown-item:hover .dropdown-item-icon, .dropdown-item:hover p {
+ color: var(--color-accent);
+}
+.dropdown-item i {
+ margin-right: 0.8rem;
+ margin-left: -0.4rem;
+}
+.dropdown-item.is-admin {
+ background-color: var(--admin-color-bg);
+ color: var(--admin-color-text);
+}
+.dropdown-item.is-admin:hover {
+ background-color: var(--admin-color-bg-hover);
+}
+.dropdown-item.is-admin .dropdown-item-icon, .dropdown-item.is-admin p {
+ color: var(--admin-color-text);
+}
+.dropdown-item.active {
+ color: var(--color-accent);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+}
+.dropdown-item.active .dropdown-item-icon, .dropdown-item.active p {
+ color: var(--color-accent);
+}
+
+.dropdown-divider {
+ background-color: var(--border-color);
+ border-radius: 999em;
+ height: var(--border-width);
+}
+
+.dropdown-item-icon {
+ font-size: var(--fs-lg);
+ transition: color var(--transition-speed) ease-in-out;
+}
+
+.dropdown-toggle:not(.btn-apps):hover i.i-chevron-down, .dropdown-toggle:not(.btn-apps).active i.i-chevron-down {
+ transform: translateY(0.2rem);
+}
+.dropdown-toggle:not(.btn-apps) i.i-chevron-down {
+ padding: 0 !important;
+ position: relative;
+ right: calc(var(--spacer-2) * -1);
+ transition: transform ease-in-out var(--transition-speed);
+}
+.dropdown-toggle:not(.btn-apps) span, .dropdown-toggle:not(.btn-apps) i, .dropdown-toggle:not(.btn-apps) svg {
+ pointer-events: none;
+}
+
+/* Tabs navigation. */
+.tabs {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ clear: both;
+}
+.tabs .nav-tabs {
+ font-size: initial;
+ justify-content: center;
+ margin-bottom: 1.6rem;
+}
+.tabs .nav-tabs .nav-link {
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ border: none;
+ color: inherit;
+ filter: saturate(0.33);
+ opacity: 0.75;
+ position: relative;
+ text-decoration: none;
+ transition: color ease-in-out var(--transition-speed);
+}
+.tabs .nav-tabs .nav-link:after {
+ background-color: currentColor;
+ border-radius: 999rem;
+ bottom: 0;
+ content: "";
+ height: var(--spacer-1);
+ left: 50%;
+ max-width: 4ch;
+ position: absolute;
+ transform: translateX(-50%);
+ transition: max-width var(--transition-speed-slow);
+ width: 90%;
+}
+.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active {
+ filter: saturate(1);
+}
+.tabs .nav-tabs .nav-link:hover:after, .tabs .nav-tabs .nav-link.active:after {
+ max-width: 90%;
+}
+.tabs .nav-tabs .nav-link.active {
+ border-bottom-color: currentColor;
+ color: inherit;
+ opacity: 1;
+}
+.tabs .tab-description {
+ padding: 1.6rem;
+ font-size: var(--fs-base);
+ line-height: 2.4rem;
+}
+
+/* Variables. */
+.nav-global {
+ -webkit-font-smoothing: antialiased;
+ /*
+ *Variables come from, and match partial _variables, and are prefixed with 'bwa-'.
+ *Sizes must be defined in pixels as default rem-sizing might vary in projects.
+ */
+ --bwa-color-bg-primary: hsl(213, 10%, 21%);
+ --bwa-color-bg-tertiary: hsl(213, 10%, 14%);
+ --bwa-color-text: hsl(213, 10%, 80%);
+ --bwa-color-text-primary: hsl(213, 10%, 98%);
+ /* Colours Components. */
+ --bwa-border-color: hsla(213, 10%, 80%, .15);
+ --bwa-btn-color-bg-hover: hsl(213, 10%, 30%);
+ /* Colours Status. */
+ --bwa-color-accent: hsl(204deg, 100%, 50%);
+ --bwa-color-accent-bg: hsla(204deg, 100%, 50%, .1);
+ --bwa-color-accent-bg-hover: hsla(204deg, 100%, 50%, .2);
+ --bwa-border-radius: 6px;
+ --bwa-border-radius-lg: 12px;
+ --bwa-transition-speed: 150ms;
+ --bwa-zindex-fixed: 1030;
+ --bwa-zindex-dropdown: 1040;
+ /* Grid. */
+ --bwa-spacer: 16px;
+ --bwa-spacer-1: calc(var(--bwa-spacer) * 0.25);
+ --bwa-spacer-2: calc(var(--bwa-spacer) * 0.5);
+ --bwa-spacer-3: var(--bwa-spacer);
+ /* Type. */
+ --bwa-fs-base: 14px;
+}
+
+/* Reset. */
+@namespace svg "http://www.w3.org/2000/svg";
+.nav-global :not(svg|*),
+.nav-global *::before,
+.nav-global *::after {
+ all: unset;
+ display: revert;
+ box-sizing: border-box;
+}
+
+.nav-global [default-styles] {
+ all: revert;
+}
+
+.nav-global * {
+ -webkit-text-size-adjust: 100%;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-variation-settings: "wght" 400;
+ font-weight: normal;
+}
+
+.nav-global {
+ background-color: var(--bwa-color-bg-tertiary);
+ color: var(--bwa-color-text);
+ display: flex;
+ position: relative;
+ z-index: var(--zindex-fixed);
+}
+
+.nav-global h3,
+.nav-global h4,
+.nav-global strong {
+ font-variation-settings: "wght" 500;
+}
+
+.nav-global figure,
+.nav-global section {
+ display: block;
+}
+
+.nav-global svg:not(:root) {
+ overflow: hidden;
+ vertical-align: middle;
+}
+
+.nav-global .nav-global-container {
+ flex: 1;
+ margin: 0 auto;
+}
+
+/* Navigation. */
+.nav-global nav {
+ align-items: center;
+ display: flex;
+ line-height: var(--bwa-fs-base);
+ font-size: var(--bwa-fs-base);
+ justify-content: space-between;
+ min-height: calc(var(--bwa-spacer) * 4);
+ margin: 0 auto;
+ padding: 0 var(--bwa-spacer);
+ position: relative;
+}
+
+/* Links. */
+.nav-global a:not(.dropdown-item) {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+ transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global-nav-links {
+ flex-grow: 1;
+}
+
+.nav-global-nav-links a:not(.dropdown-item) {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.nav-global a:not(.dropdown-item):hover {
+ color: var(--bwa-color-text-primary);
+}
+
+/* Navigation items. */
+.nav-global nav > ul {
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.nav-global nav > ul,
+.nav-global nav > ul > li,
+.nav-global nav > ul > li > a,
+.nav-global-apps-dropdown-container {
+ align-items: center;
+ display: inline-flex;
+ height: 100%;
+}
+
+.nav-global-apps-dropdown-container {
+ position: relative;
+}
+
+.nav-global nav > ul > li > a {
+ padding: var(--bwa-spacer-2);
+}
+
+@media (min-width: 1320px) {
+ .nav-global nav > ul > li > a {
+ padding-left: var(--bwa-spacer);
+ padding-right: var(--bwa-spacer);
+ }
+}
+.nav-global nav > a.is-active,
+.nav-global nav > a.is-active svg,
+.nav-global nav > ul > li > a.is-active {
+ color: var(--bwa-color-text-primary) !important;
+ fill: var(--bwa-color-text-primary);
+ font-variation-settings: "wght", 500;
+ font-weight: bold;
+}
+
+.nav-global .nav-global-links-right {
+ flex-wrap: nowrap;
+ gap: 0 var(--bwa-spacer-2);
+}
+
+/* Logo. */
+.nav-global a.nav-global-logo {
+ margin-right: var(--bwa-spacer);
+ position: relative;
+ top: 2px;
+ white-space: nowrap;
+}
+
+.nav-global a.nav-global-logo strong {
+ margin-inline: var(--bwa-spacer-2);
+ font-size: 18px;
+}
+
+.nav-global .nav-global-logo svg,
+.nav-global .nav-global-logo img {
+ height: 21px;
+ pointer-events: none;
+}
+
+.nav-global a.nav-global-logo svg {
+ position: relative;
+ top: calc(var(--bwa-spacer-1) * -1);
+}
+
+.nav-global svg {
+ fill: var(--bwa-color-text);
+ transition: fill var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-logo:hover svg {
+ fill: var(--bwa-color-text-primary);
+}
+
+.nav-global .nav-global-logo.is-active,
+.nav-global .nav-global-logo.is-active svg,
+.nav-global button.nav-global-btn-active svg {
+ color: var(--bwa-color-text-primary);
+ fill: var(--bwa-color-text-primary);
+}
+
+/* Apps button. */
+.nav-global button,
+.nav-global .nav-global-btn {
+ -webkit-appearance: button;
+ align-items: center;
+ background-color: transparent;
+ border-radius: var(--bwa-border-radius);
+ border: 0;
+ color: var(--bwa-btn-color-text);
+ cursor: pointer;
+ display: inline-flex;
+ font: inherit;
+ height: calc(var(--bwa-spacer) * 2.25);
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ padding: var(--bwa-spacer-1) var(--bwa-spacer-2);
+ text-transform: none;
+ transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out, transform var(--bwa-transition-speed) ease-out;
+ white-space: nowrap;
+}
+
+.nav-global .nav-global-btn.nav-global-btn-primary {
+ padding-left: var(--bwa-spacer);
+ padding-right: var(--bwa-spacer);
+}
+
+.nav-global button span,
+.nav-global .nav-global-btn span {
+ white-space: nowrap;
+}
+
+.nav-global button:hover,
+.nav-global .nav-global-btn:hover,
+.nav-global button.nav-global-btn-active,
+.nav-global .nav-global-btn.nav-global-btn-active {
+ background-color: var(--bwa-btn-color-bg-hover);
+ color: var(--bwa-color-text-primary);
+ cursor: pointer;
+}
+
+.nav-global .nav-global-btn span {
+ margin-left: var(--bwa-spacer-2);
+}
+
+.nav-global .nav-global-btn-primary {
+ background-color: var(--bwa-color-accent-bg);
+ color: var(--bwa-color-accent) !important;
+}
+
+.nav-global .nav-global-btn-primary:hover {
+ background-color: var(--bwa-color-accent-bg-hover);
+}
+
+.nav-global .nav-global-icon {
+ height: 20px;
+ pointer-events: none;
+ width: 20px;
+}
+
+.nav-global .nav-global-icon-alt {
+ transform: rotate(90deg);
+}
+
+.nav-global .dropdown-toggle.active {
+ color: var(--bwa-color-text-primary);
+}
+
+.nav-global button:hover svg,
+.nav-global .nav-global-btn:hover svg {
+ fill: white;
+}
+
+/* Apps dropdown menu. */
+.nav-global .nav-global-apps-menu {
+ background-color: var(--bwa-color-bg-tertiary);
+ border-radius: var(--bwa-border-radius-lg);
+ border: thin solid var(--bwa-border-color);
+ box-shadow: 0 var(--bwa-spacer-1) var(--bwa-spacer) -2px rgba(0, 0, 0, 0.33), 0px var(--bwa-spacer-1) var(--bwa-spacer) calc(var(--bwa-spacer-1) * -1) rgba(0, 0, 0, 0.33);
+ display: none;
+ padding: var(--bwa-spacer-2);
+ position: absolute;
+ right: 0;
+ top: calc(100% + var(--bwa-spacer));
+ visibility: hidden;
+ width: 640px;
+ z-index: var(--bwa-zindex-dropdown);
+}
+
+.nav-global .nav-global-dropdown.is-visible {
+ display: block;
+ visibility: visible;
+}
+
+/* Tiny triangle in the corner. */
+.nav-global .nav-global-apps-menu::before {
+ background-color: var(--bwa-color-bg-tertiary);
+ border-radius: 3px;
+ border: 2px var(--bwa-color-bg-tertiary) solid;
+ content: "";
+ display: block;
+ height: 0.85rem;
+ position: absolute;
+ right: 0.85rem;
+ top: -0.25rem;
+ transform: rotate(45deg);
+ width: 1rem;
+ z-index: -1;
+}
+
+.nav-global .nav-global-apps-menu ul {
+ border-bottom: 2px solid rgba(255, 255, 255, 0.05);
+ display: grid;
+ gap: var(--bwa-spacer-2);
+ grid-template-columns: repeat(2, 1fr);
+ list-style: none;
+ margin: 0 0 var(--bwa-spacer-1) 0;
+ padding: var(--bwa-spacer-1) 0 var(--bwa-spacer-2) 0;
+}
+
+.nav-global .nav-global-apps-menu ul > li > a {
+ border-radius: var(--bwa-border-radius-lg);
+ display: flex;
+ flex: 1;
+ height: 100%;
+}
+
+.nav-global .nav-global-apps-menu ul > li > a:hover {
+ background-color: rgba(255, 255, 255, 0.05);
+ color: var(--bwa-color-text-primary);
+ box-shadow: 0px 1px var(--bwa-spacer-1) 0 rgba(0, 0, 0, 0.05), 0 var(--bwa-spacer) 20px -1px rgba(0, 0, 0, 0.025);
+}
+
+.nav-global .nav-global-apps-menu ul > li > a:hover h4,
+.nav-global .nav-global-apps-menu ul > li > a:hover svg {
+ color: var(--bwa-color-accent);
+ fill: var(--bwa-color-accent);
+}
+
+.nav-global .nav-global-apps-menu h3 {
+ color: white;
+ display: inline-block;
+ font-size: 12px;
+ line-height: var(--bwa-spacer);
+ margin: 0;
+ margin-top: 2px;
+ opacity: 0.3;
+ padding-left: var(--bwa-spacer);
+}
+
+.nav-global .nav-global-apps-menu h4 {
+ color: var(--bwa-color-text-primary);
+ font-size: 18px;
+ line-height: 20px;
+ margin: var(--bwa-spacer-1) 0 0;
+ padding: var(--bwa-spacer-2) var(--bwa-spacer) 0;
+ transition: color var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-apps-menu p {
+ font-size: var(--bwa-fs-base);
+ line-height: 20px;
+ margin: 0;
+ opacity: 0.8;
+ padding: var(--bwa-spacer-1) var(--bwa-spacer) var(--bwa-spacer-2);
+}
+
+.nav-global .nav-global-apps-menu figure {
+ margin: var(--bwa-spacer) 0 0 var(--bwa-spacer);
+}
+
+.nav-global .nav-global-apps-menu ul > li > a svg {
+ position: relative;
+ top: -2px;
+}
+
+/* Donate section of the menu. */
+.nav-global .nav-global-apps-menu-section-donate ul {
+ border: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.nav-global .nav-global-apps-menu-section-donate a svg {
+ fill: hsl(352, 90%, 62%) !important;
+ transition: transform var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a {
+ background-color: hsla(352, 90%, 42%, 0.2);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover {
+ background-color: hsla(352, 90%, 42%, 0.5);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover svg {
+ fill: hsl(352, 90%, 72%) !important;
+ transform: scale(1.2);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover h4 {
+ color: white;
+}
+
+/* Mobile. */
+.nav-global button.nav-global-logo {
+ display: none;
+ visibility: hidden;
+}
+
+@media (max-width: 767px) {
+ .nav-global-apps-dropdown-container,
+ .nav-global a.nav-global-logo {
+ display: none;
+ }
+ .nav-global button.nav-global-logo {
+ display: flex;
+ visibility: visible;
+ }
+ .nav-global button.nav-global-logo strong,
+ .nav-global button.nav-global-logo svg {
+ margin-right: var(--bwa-spacer-2);
+ }
+ .nav-global .nav-global-nav-links {
+ align-items: flex-start;
+ background-color: var(--bwa-color-bg-primary);
+ border-radius: 6px;
+ display: none;
+ flex-direction: column;
+ height: auto;
+ padding: var(--bwa-spacer-1);
+ position: absolute;
+ top: 72px;
+ visibility: visible;
+ z-index: var(--bwa-zindex-dropdown);
+ }
+ .nav-global .nav-global-nav-links.is-visible {
+ display: flex;
+ }
+ .nav-global .nav-global-nav-links li {
+ align-items: center;
+ display: flex;
+ margin-bottom: var(--bwa-spacer-1);
+ width: 100%;
+ }
+ .nav-global .nav-global-nav-links li:last-child {
+ margin-bottom: 0;
+ }
+ .nav-global .nav-global-nav-links li a {
+ border-radius: 6px;
+ color: var(--bwa-color-text);
+ display: inline-flex;
+ flex: 1;
+ line-height: initial;
+ padding: var(--bwa-spacer-2) var(--bwa-spacer);
+ transition: background-color var(--bwa-transition-speed) var(--bwa-transition-timing-fast), color var(--bwa-transition-speed) var(--bwa-transition-timing-fast);
+ text-decoration: none;
+ white-space: nowrap;
+ width: 100%;
+ }
+ .nav-global .nav-global-nav-links li a:hover,
+ .nav-global .nav-global-nav-links li a.nav-global-link-active {
+ background-color: var(--bwa-color-accent-bg);
+ color: var(--bwa-color-accent);
+ text-decoration: none;
+ }
+}
+.nav-global .nav-global-nav-links li a.nav-global-link-active {
+ font-variation-settings: "wght" 700;
+ font-weight: bold;
+}
+
+/* Site-specific tweaks. */
+/* Make sure to start every line with ".nav-global"
+* so changes affect the developer navbar only. */
+/* Limit navbar width on large screens (optional). */
+/*
+@media (min-width: 1380px) { // grid breakpoint 'xl'
+ .nav-global .nav-global-container {
+ max-width: var(--container-width);
+ }
+}
+*/
+.notifications {
+ align-items: end;
+ display: flex;
+ flex-direction: column;
+}
+
+.notifications-item {
+ border-bottom: 0.1rem solid var(--border-color);
+ display: flex;
+ list-style: none;
+ margin-bottom: 1.6rem;
+ padding-bottom: 1.6rem;
+}
+.notifications-item:last-child {
+ border: 0;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+.notifications-item.is-read {
+ color: var(--color-text-secondary);
+}
+.notifications-item.is-read .nav-item-mark-as-read {
+ display: none;
+}
+.notifications-item.is-read .nav-item-mark-as-unread {
+ display: block;
+}
+.notifications-item.is-read .notifications-item-dot {
+ display: none;
+}
+.notifications-item.is-read .notifications-item-content {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--font-weight);
+}
+.notifications-item.is-read .notifications-item-nav-hover {
+ display: none;
+}
+.notifications-item:hover .notifications-item-nav-hover {
+ opacity: 1;
+}
+.notifications-item:not(.is-read) .nav-item-mark-as-read {
+ margin-bottom: 0;
+}
+.notifications-item .nav-item-mark-as-unread {
+ display: none;
+}
+
+.notifications-item-btns,
+.notifications-item-time {
+ white-space: nowrap;
+}
+
+.notifications-item-content,
+.notifications-item-time {
+ margin-right: 2.4rem;
+ transform: translateY(0.4rem);
+}
+
+.notifications-item-content {
+ width: 100%;
+}
+.notifications-item-content a {
+ display: block;
+}
+.notifications-item-content a:hover {
+ color: var(--color-accent);
+ text-decoration: none;
+}
+
+.notifications-item-dot {
+ background-color: var(--color-accent);
+ border-radius: var(--spacer-1);
+ display: inline-block;
+ height: var(--spacer-2);
+ width: var(--spacer-2);
+}
+
+.notifications-item-nav {
+ display: flex;
+ justify-content: end;
+}
+
+.notifications-item-nav-hover {
+ transition: opacity var(--transition-speed);
+}
+
+@media (min-width: 980px) {
+ .notifications-item-nav-hover {
+ opacity: 0;
+ }
+}
+.notifications-item-time {
+ font-family: var(--font-family-mono);
+ font-size: var(--fs-sm);
+ min-width: 6ch;
+ text-align: right;
+ /* Align vertical text baseline */
+ padding-top: 0.1rem;
+}
+@media (min-width: 1220px) {
+ .notifications-item-time {
+ font-size: 1.6rem;
+ }
+}
+
+.toast-title {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+}
+
+.toast-message {
+ word-wrap: break-word;
+}
+.toast-message a,
+.toast-message label {
+ color: rgba(255, 255, 255, 0.8);
+}
+.toast-message a a:hover,
+.toast-message label a:hover {
+ color: white;
+ text-decoration: none;
+}
+.toast-message button {
+ border-color: white;
+ color: white;
+ display: inline-block;
+ margin-left: 1.6rem;
+ margin-right: 1.6rem;
+ margin-bottom: auto;
+ margin-top: auto;
+}
+.toast-message small {
+ font-size: var(--fs-xs);
+ opacity: 0.9;
+}
+
+.toast-close-button {
+ position: relative;
+ right: calc(var(--spacer-1) * -1);
+ top: calc(var(--spacer-1) * -1);
+ float: right;
+ font-size: 2rem;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ color: white;
+ text-shadow: 0 0.1rem 0 rgb(255, 255, 255);
+ opacity: 0.8;
+ line-height: 1;
+}
+.toast-close-button:hover, .toast-close-button:focus {
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.4;
+}
+
+.rtl .toast-close-button {
+ left: calc(var(--spacer-1) * -1);
+ float: left;
+ right: var(--spacer-1);
+}
+
+/*Additional properties for button version
+ * iOS requires the button element instead of an anchor tag.
+ * If you want the anchor version, it requires `href="#"`.*/
+button.toast-close-button {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+}
+
+#toast-container {
+ position: fixed;
+ z-index: 999999;
+ /* The container should not be clickable. */
+ pointer-events: none;
+ /*overrides*/
+}
+#toast-container * {
+ box-sizing: border-box;
+}
+#toast-container > div {
+ position: relative;
+ /* The toast itself should be clickable. */
+ pointer-events: auto;
+ overflow: hidden;
+ margin: 0;
+ margin-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ padding-right: 2.4rem;
+ padding-left: 4.8rem;
+ padding-bottom: calc(var(--spacer) * 0.75);
+ max-width: 35rem;
+ border-radius: var(--spacer-1);
+ background-position: var(--spacer) center;
+ background-repeat: no-repeat;
+ box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
+ color: white;
+}
+#toast-container > div:before {
+ position: absolute;
+ top: var(--spacer);
+ left: var(--spacer);
+ font-family: "pillar-font";
+}
+#toast-container > div.rtl {
+ direction: rtl;
+ padding-top: 1.6rem;
+ padding-right: 4.8rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ background-position: right var(--spacer) center;
+}
+#toast-container > div:hover {
+ box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+}
+#toast-container > .toast-info:before {
+ content: "\e84c";
+}
+#toast-container > .toast-error:before {
+ content: "\e850";
+}
+#toast-container > .toast-success:before {
+ content: "\e84a";
+}
+#toast-container > .toast-warning:before {
+ content: "\e868";
+}
+#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
+ width: 30rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
+ width: 96%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.toast {
+ background-color: var(--color-bg-tertiary);
+}
+
+.toast-progress {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ height: var(--spacer-1);
+ background-color: #4d4e53;
+ opacity: 0.4;
+}
+
+/*Responsive Design*/
+@media all and (max-width: 240px) {
+ #toast-container > div {
+ padding: 0.8rem;
+ padding-left: 4.8rem;
+ width: 11em;
+ }
+ #toast-container > div.rtl {
+ padding-left: 0.8rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ padding-right: 4.8rem;
+ }
+ #toast-container .toast-close-button {
+ right: -0.2em;
+ top: -0.2em;
+ }
+ #toast-container .rtl .toast-close-button {
+ left: -0.2em;
+ right: 0.2em;
+ }
+}
+@media all and (min-width: 241px) and (max-width: 480px) {
+ #toast-container > div {
+ padding-right: 0.8rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ padding-left: 4.8rem;
+ width: 18em;
+ }
+ #toast-container > div.rtl {
+ padding-left: 0.8rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ padding-right: 4.8rem;
+ }
+ #toast-container .toast-close-button {
+ right: -0.2em;
+ top: -0.2em;
+ }
+ #toast-container .rtl .toast-close-button {
+ left: -0.2em;
+ right: 0.2em;
+ }
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+ #toast-container > div {
+ padding-right: 1.6rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ padding-left: 4.8rem;
+ width: 25em;
+ }
+ #toast-container > div.rtl {
+ padding-left: 1.6rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ padding-right: 4.8rem;
+ }
+}
+.pagination {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ padding-left: 0;
+ list-style: none;
+ margin: 0;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+}
+.pagination.left {
+ justify-content: flex-start;
+ padding-left: 0;
+ padding-right: 0;
+}
+.pagination.right {
+ justify-content: flex-end;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.page-item {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+ line-height: var(--lh-base);
+ margin-left: 0.4rem;
+ margin-right: 0.4rem;
+}
+.page-item.active a {
+ background-color: var(--color-bg-primary-subtle);
+ color: var(--color-accent);
+}
+.page-item a {
+ color: var(--btn-color);
+ border-radius: var(--border-radius);
+ display: inline-block;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ transition: background-color ease-in-out var(--transition-speed);
+ text-decoration: none !important;
+}
+.page-item:hover a {
+ background-color: var(--btn-color-bg);
+ text-decoration: none;
+}
+
+.page-prev i:before, .page-first i:before,
+.page-next i:before, .page-last i:before {
+ left: 0;
+ position: relative;
+ transition: left var(--transition-speed) ease-in-out;
+}
+
+.page-prev:hover i:before,
+.page-first:hover i:before {
+ left: calc(var(--spacer-1) * -1);
+}
+
+.page-next:hover i:before,
+.page-last:hover i:before {
+ left: var(--spacer-1);
+}
+
+.page-current {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+.box .page-item:hover a, .wp-block-group.is-style-box .page-item:hover a,
+.wp-block-column.is-style-box .page-item:hover a,
+.wp-block-columns.is-style-box .page-item:hover a, .support__listing_section .page-item:hover a, .post-password-form .page-item:hover a, details .page-item:hover a, .notifications-list .page-item:hover a {
+ background-color: var(--color-bg);
+}
+
+.sidebar-nav > ul {
+ padding-left: 0;
+ list-style: none;
+}
+.sidebar-nav > ul > li {
+ margin-bottom: 0.4rem;
+}
+.sidebar-nav a {
+ border-radius: var(--border-radius);
+ color: var(--color-text);
+ display: block;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ text-decoration: none;
+ transition: background-color var(--transition-speed-fast) ease-in-out, color var(--transition-speed-fast) ease-in-out;
+}
+.sidebar-nav a:hover, .sidebar-nav a.active {
+ background-color: var(--color-accent-bg);
+ color: var(--color-accent);
+}
+.sidebar-nav i {
+ margin-right: 0.8rem;
+ position: relative;
+}
+
+table, .table {
+ background-color: var(--box-bg-color);
+ box-shadow: var(--box-shadow-card);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ color: var(--box-text-color);
+ background-color: var(--table-bg-color);
+ border-collapse: collapse;
+ border-radius: var(--border-radius-lg);
+ width: 100%;
+}
+@media (min-width: 900px) {
+ table thead, .table thead {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+}
+table > thead > tr, .table > thead > tr {
+ box-shadow: inset 0 -0.2rem 0 0 var(--table-border-color);
+}
+table th, .table th {
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+}
+table tr td, .table tr td {
+ padding-top: 0.8rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.2rem;
+}
+table tr td a:not(.btn):not(.navbar-mobile-toggler), .table tr td a:not(.btn):not(.navbar-mobile-toggler) {
+ display: block;
+ padding: 0.8rem;
+}
+table tr:first-child td, .table tr:first-child td {
+ padding-bottom: 0.3rem;
+}
+table tr:last-child td, .table tr:last-child td {
+ --table-border-color: transparent;
+}
+table.table-hover > tbody > tr:hover > td, .table.table-hover > tbody > tr:hover > td {
+ background-color: var(--table-border-color);
+}
+table.table-hover > tbody > tr:last-child:hover > td:first-child, .table.table-hover > tbody > tr:last-child:hover > td:first-child {
+ border-bottom-left-radius: var(--border-radius-lg);
+}
+table.table-hover > tbody > tr:last-child:hover > td:last-child, .table.table-hover > tbody > tr:last-child:hover > td:last-child {
+ border-bottom-right-radius: var(--border-radius-lg);
+}
+table tbody tr, .table tbody tr {
+ border-bottom: var(--border-width) solid var(--table-border-color);
+}
+table tbody tr:last-child, .table tbody tr:last-child {
+ --table-border-color: transparent;
+}
+
+table .table-row-link:hover > tr,
+.table .table-row-link:hover > tr,
+table .table-row-link:hover > td,
+.table .table-row-link:hover > td {
+ color: var(--color-accent);
+ cursor: pointer;
+}
+
+.table-no-box {
+ background-color: transparent;
+ box-shadow: none;
+}
+.table-no-box tr td {
+ padding: 0;
+}
+
+.box table a, .wp-block-group.is-style-box table a,
+.wp-block-column.is-style-box table a,
+.wp-block-columns.is-style-box table a, .support__listing_section table a, .post-password-form table a, details table a, .notifications-list table a {
+ text-decoration: none;
+}
+.box table a:hover, .wp-block-group.is-style-box table a:hover,
+.wp-block-column.is-style-box table a:hover,
+.wp-block-columns.is-style-box table a:hover, .support__listing_section table a:hover, .post-password-form table a:hover, details table a:hover, .notifications-list table a:hover {
+ text-decoration: underline;
+}
+
+/* Data Tables */
+.dataTable {
+ font-size: 14px;
+}
+.dataTable th, .dataTable td {
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+}
+.dataTable td {
+ font-family: var(--font-family-mono);
+}
+
+.dataTable .group {
+ font-size: 200%;
+ font-family: var(--font-family-body);
+ text-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
+}
+
+.dataTable .group td,
+.dataTable .group td:hover {
+ background-color: #68B3C8 !important;
+ color: white !important;
+ border: none !important;
+ border-bottom: 0.2rem solid hsl(var(#68B3C8-h), var(#68B3C8-s), calc(var(#68B3C8-l) - 10%)) !important;
+ padding-bottom: 0;
+ padding-top: 0.8rem;
+}
+
+.dataTable .sorting {
+ position: relative;
+}
+
+.dataTable .fa-sort {
+ font-size: 80%;
+ position: absolute;
+ color: hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 40%));
+ top: calc(var(--spacer) * 0.75);
+ right: 0.2rem;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+ margin-bottom: 1.6rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ line-height: 1;
+}
+
+h1 {
+ font-size: var(--fs-h1);
+ line-height: 1.1428571429;
+}
+@media (min-width: 900px) {
+ h1 {
+ line-height: 1.25;
+ }
+}
+
+h2 {
+ font-size: var(--fs-h2);
+ line-height: 1.1666666667;
+}
+@media (min-width: 900px) {
+ h2 {
+ line-height: 1.1428571429;
+ }
+}
+
+h3 {
+ font-size: var(--fs-h3);
+ line-height: 1.1428571429;
+}
+@media (min-width: 900px) {
+ h3 {
+ line-height: 1.1666666667;
+ }
+}
+
+h4 {
+ font-size: var(--fs-h4);
+ line-height: 1.3333333333;
+}
+@media (min-width: 900px) {
+ h4 {
+ line-height: 1.1428571429;
+ }
+}
+
+h5,
+h6 {
+ line-height: 1.4285714286;
+}
+@media (min-width: 900px) {
+ h5,
+ h6 {
+ line-height: 1.3333333333;
+ }
+}
+
+h5 {
+ font-size: var(--fs-h5);
+}
+
+h6 {
+ font-size: var(--fs-h6);
+}
+
+strong, b {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+}
+
+small {
+ font-size: var(--fs-sm);
+}
+
+/* Quotes. */
+blockquote {
+ background-color: var(--color-bg-secondary);
+ border-left: var(--spacer-2) solid var(--color-bg-tertiary);
+ border-radius: var(--border-radius);
+ box-shadow: var(--box-shadow-card);
+ margin: 0;
+ margin-bottom: 4.8rem;
+ padding: 1.6rem;
+ /* Author/caption. */
+}
+blockquote p:last-child {
+ margin-bottom: 0;
+}
+blockquote cite {
+ color: var(--color-text-tertiary);
+ font-size: var(--fs-sm);
+}
+
+/* Inline quote. */
+q {
+ font-style: italic;
+}
+
+hr {
+ margin-bottom: 1.6rem;
+ margin-top: 1.6rem;
+ border: 0;
+ border-top: var(--border-width) solid var(--border-color);
+}
+
+/* Bootstrap 5 utilities custom. */
+/*!
+ * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
+ * Copyright 2011-2023 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+}
+
+.sticky-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-sm-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-md-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-lg-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xxl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.visually-hidden:not(caption),
+.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
+ position: absolute !important;
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.object-fit-contain {
+ object-fit: contain !important;
+}
+
+.object-fit-cover {
+ object-fit: cover !important;
+}
+
+.object-fit-fill {
+ object-fit: fill !important;
+}
+
+.object-fit-scale {
+ object-fit: scale-down !important;
+}
+
+.object-fit-none {
+ object-fit: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-inline-grid {
+ display: inline-grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ box-shadow: var(--box-shadow) !important;
+}
+
+.shadow-lg {
+ box-shadow: var(--box-shadow-lg) !important;
+}
+
+.shadow-none {
+ box-shadow: none !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: sticky !important;
+}
+
+.top-0 {
+ top: 0 !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ left: 0 !important;
+}
+
+.start-50 {
+ left: 50% !important;
+}
+
+.start-100 {
+ left: 100% !important;
+}
+
+.end-0 {
+ right: 0 !important;
+}
+
+.end-50 {
+ right: 50% !important;
+}
+
+.end-100 {
+ right: 100% !important;
+}
+
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: var(--border-width) var(--bwa-border-style) var(--border-color) !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: var(--border-width) var(--bwa-border-style) var(--border-color) !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: var(--border-width) var(--bwa-border-style) var(--border-color) !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: var(--border-width) var(--bwa-border-style) var(--border-color) !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: var(--border-width) var(--bwa-border-style) var(--border-color) !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-primary-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-secondary {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-secondary-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-success {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-success-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-info {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-info-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-warning {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-warning-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-danger {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-danger-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-light {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-light-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-dark {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-dark-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-black {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-black-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.border-white {
+ --bwa-border-opacity: 1;
+ border-color: rgba(var(--bwa-white-rgb), var(--bwa-border-opacity)) !important;
+}
+
+.w-1 {
+ width: var(--spacer-1) !important;
+}
+
+.w-2 {
+ width: var(--spacer-2) !important;
+}
+
+.w-3 {
+ width: var(--spacer-3) !important;
+}
+
+.w-4 {
+ width: var(--spacer-4) !important;
+}
+
+.w-5 {
+ width: var(--spacer-5) !important;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-1 {
+ height: var(--spacer-1) !important;
+}
+
+.h-2 {
+ height: var(--spacer-2) !important;
+}
+
+.h-3 {
+ height: var(--spacer-3) !important;
+}
+
+.h-4 {
+ height: var(--spacer-4) !important;
+}
+
+.h-5 {
+ height: var(--spacer-5) !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ flex-direction: row !important;
+}
+
+.flex-column {
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ align-content: center !important;
+}
+
+.align-content-between {
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ align-self: auto !important;
+}
+
+.align-self-start {
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ align-self: stretch !important;
+}
+
+.order-first {
+ order: -1 !important;
+}
+
+.order-0 {
+ order: 0 !important;
+}
+
+.order-1 {
+ order: 1 !important;
+}
+
+.order-2 {
+ order: 2 !important;
+}
+
+.order-3 {
+ order: 3 !important;
+}
+
+.order-4 {
+ order: 4 !important;
+}
+
+.order-5 {
+ order: 5 !important;
+}
+
+.order-last {
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: var(--spacer-1) !important;
+}
+
+.m-2 {
+ margin: var(--spacer-2) !important;
+}
+
+.m-3 {
+ margin: var(--spacer-3) !important;
+}
+
+.m-4 {
+ margin: var(--spacer-4) !important;
+}
+
+.m-5 {
+ margin: var(--spacer-5) !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+}
+
+.mx-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+}
+
+.mx-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+}
+
+.mx-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+}
+
+.mx-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+}
+
+.my-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+}
+
+.my-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+}
+
+.my-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+}
+
+.my-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: var(--spacer-1) !important;
+}
+
+.mt-2 {
+ margin-top: var(--spacer-2) !important;
+}
+
+.mt-3 {
+ margin-top: var(--spacer-3) !important;
+}
+
+.mt-4 {
+ margin-top: var(--spacer-4) !important;
+}
+
+.mt-5 {
+ margin-top: var(--spacer-5) !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: var(--spacer-1) !important;
+}
+
+.me-2 {
+ margin-right: var(--spacer-2) !important;
+}
+
+.me-3 {
+ margin-right: var(--spacer-3) !important;
+}
+
+.me-4 {
+ margin-right: var(--spacer-4) !important;
+}
+
+.me-5 {
+ margin-right: var(--spacer-5) !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: var(--spacer-1) !important;
+}
+
+.mb-2 {
+ margin-bottom: var(--spacer-2) !important;
+}
+
+.mb-3 {
+ margin-bottom: var(--spacer-3) !important;
+}
+
+.mb-4 {
+ margin-bottom: var(--spacer-4) !important;
+}
+
+.mb-5 {
+ margin-bottom: var(--spacer-5) !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: var(--spacer-1) !important;
+}
+
+.ms-2 {
+ margin-left: var(--spacer-2) !important;
+}
+
+.ms-3 {
+ margin-left: var(--spacer-3) !important;
+}
+
+.ms-4 {
+ margin-left: var(--spacer-4) !important;
+}
+
+.ms-5 {
+ margin-left: var(--spacer-5) !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: var(--spacer-1) !important;
+}
+
+.p-2 {
+ padding: var(--spacer-2) !important;
+}
+
+.p-3 {
+ padding: var(--spacer-3) !important;
+}
+
+.p-4 {
+ padding: var(--spacer-4) !important;
+}
+
+.p-5 {
+ padding: var(--spacer-5) !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+}
+
+.px-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+}
+
+.px-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+}
+
+.px-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+}
+
+.px-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+}
+
+.py-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+}
+
+.py-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+}
+
+.py-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+}
+
+.py-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: var(--spacer-1) !important;
+}
+
+.pt-2 {
+ padding-top: var(--spacer-2) !important;
+}
+
+.pt-3 {
+ padding-top: var(--spacer-3) !important;
+}
+
+.pt-4 {
+ padding-top: var(--spacer-4) !important;
+}
+
+.pt-5 {
+ padding-top: var(--spacer-5) !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: var(--spacer-1) !important;
+}
+
+.pe-2 {
+ padding-right: var(--spacer-2) !important;
+}
+
+.pe-3 {
+ padding-right: var(--spacer-3) !important;
+}
+
+.pe-4 {
+ padding-right: var(--spacer-4) !important;
+}
+
+.pe-5 {
+ padding-right: var(--spacer-5) !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: var(--spacer-1) !important;
+}
+
+.pb-2 {
+ padding-bottom: var(--spacer-2) !important;
+}
+
+.pb-3 {
+ padding-bottom: var(--spacer-3) !important;
+}
+
+.pb-4 {
+ padding-bottom: var(--spacer-4) !important;
+}
+
+.pb-5 {
+ padding-bottom: var(--spacer-5) !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: var(--spacer-1) !important;
+}
+
+.ps-2 {
+ padding-left: var(--spacer-2) !important;
+}
+
+.ps-3 {
+ padding-left: var(--spacer-3) !important;
+}
+
+.ps-4 {
+ padding-left: var(--spacer-4) !important;
+}
+
+.ps-5 {
+ padding-left: var(--spacer-5) !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: var(--spacer-1) !important;
+}
+
+.gap-2 {
+ gap: var(--spacer-2) !important;
+}
+
+.gap-3 {
+ gap: var(--spacer-3) !important;
+}
+
+.gap-4 {
+ gap: var(--spacer-4) !important;
+}
+
+.gap-5 {
+ gap: var(--spacer-5) !important;
+}
+
+.row-gap-0 {
+ row-gap: 0 !important;
+}
+
+.row-gap-1 {
+ row-gap: var(--spacer-1) !important;
+}
+
+.row-gap-2 {
+ row-gap: var(--spacer-2) !important;
+}
+
+.row-gap-3 {
+ row-gap: var(--spacer-3) !important;
+}
+
+.row-gap-4 {
+ row-gap: var(--spacer-4) !important;
+}
+
+.row-gap-5 {
+ row-gap: var(--spacer-5) !important;
+}
+
+.column-gap-0 {
+ column-gap: 0 !important;
+}
+
+.column-gap-1 {
+ column-gap: var(--spacer-1) !important;
+}
+
+.column-gap-2 {
+ column-gap: var(--spacer-2) !important;
+}
+
+.column-gap-3 {
+ column-gap: var(--spacer-3) !important;
+}
+
+.column-gap-4 {
+ column-gap: var(--spacer-4) !important;
+}
+
+.column-gap-5 {
+ column-gap: var(--spacer-5) !important;
+}
+
+.font-monospace {
+ font-family: var(--font-family-mono) !important;
+}
+
+.fs-1 {
+ font-size: var(--fs-h1) !important;
+}
+
+.fs-2 {
+ font-size: var(--fs-h2) !important;
+}
+
+.fs-3 {
+ font-size: var(--fs-h3) !important;
+}
+
+.fs-4 {
+ font-size: var(--fs-h4) !important;
+}
+
+.fs-5 {
+ font-size: var(--fs-h5) !important;
+}
+
+.fs-6 {
+ font-size: var(--fs-h6) !important;
+}
+
+.fs-base {
+ font-size: var(--fs-base) !important;
+}
+
+.fs-lg {
+ font-size: var(--fs-lg) !important;
+}
+
+.fs-sm {
+ font-size: var(--fs-sm) !important;
+}
+
+.fs-xs {
+ font-size: var(--fs-xs) !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: var(--fw-light) !important;
+}
+
+.fw-normal {
+ font-weight: var(--font-weight) !important;
+}
+
+.fw-bold {
+ font-weight: var(--fw-bold) !important;
+}
+
+.fw-title {
+ font-weight: var(--fw-title) !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: var(--lh-sm) !important;
+}
+
+.lh-base {
+ line-height: var(--lh-base) !important;
+}
+
+.lh-lg {
+ line-height: var(--lh-lg) !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary, .features__releaselogs_index a:hover {
+ --bwa-text-opacity: 1;
+ color: var(--color-text-primary) !important;
+}
+
+.text-secondary {
+ --bwa-text-opacity: 1;
+ color: var(--color-text-secondary) !important;
+}
+
+.text-success {
+ --bwa-text-opacity: 1;
+ color: var(--color-success) !important;
+}
+
+.text-info {
+ --bwa-text-opacity: 1;
+ color: var(--color-info) !important;
+}
+
+.text-warning {
+ --bwa-text-opacity: 1;
+ color: var(--color-warning) !important;
+}
+
+.text-danger {
+ --bwa-text-opacity: 1;
+ color: var(--color-danger) !important;
+}
+
+.text-light {
+ --bwa-text-opacity: 1;
+ color: rgba(var(--bwa-light-rgb), var(--bwa-text-opacity)) !important;
+}
+
+.text-dark {
+ --bwa-text-opacity: 1;
+ color: rgba(var(--bwa-dark-rgb), var(--bwa-text-opacity)) !important;
+}
+
+.text-black {
+ --bwa-text-opacity: 1;
+ color: rgba(var(--bwa-black-rgb), var(--bwa-text-opacity)) !important;
+}
+
+.text-white {
+ --bwa-text-opacity: 1;
+ color: rgba(var(--bwa-white-rgb), var(--bwa-text-opacity)) !important;
+}
+
+.text-body {
+ --bwa-text-opacity: 1;
+ color: rgba(var(--bwa-body-color-rgb), var(--bwa-text-opacity)) !important;
+}
+
+.text-color {
+ --bwa-text-opacity: 1;
+ color: var(--color-text) !important;
+}
+
+.text-tertiary {
+ --bwa-text-opacity: 1;
+ color: var(--color-text-tertiary) !important;
+}
+
+.text-opacity-25 {
+ --bwa-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --bwa-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --bwa-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --bwa-text-opacity: 1;
+}
+
+.bg-primary {
+ --bwa-bg-opacity: 1;
+ background-color: var(--color-bg-primary) !important;
+}
+
+.bg-secondary {
+ --bwa-bg-opacity: 1;
+ background-color: var(--color-bg-secondary) !important;
+}
+
+.bg-success {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-success-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-info {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-info-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-warning {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-warning-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-danger {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-danger-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-light {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-light-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-dark {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-dark-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-black {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-black-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-white {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-white-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-body {
+ --bwa-bg-opacity: 1;
+ background-color: rgba(var(--bwa-body-bg-rgb), var(--bwa-bg-opacity)) !important;
+}
+
+.bg-color {
+ --bwa-bg-opacity: 1;
+ background-color: var(--color-bg) !important;
+}
+
+.bg-tertiary {
+ --bwa-bg-opacity: 1;
+ background-color: var(--color-bg-tertiary) !important;
+}
+
+.bg-transparent {
+ --bwa-bg-opacity: 1;
+ background-color: transparent !important;
+}
+
+.rounded {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-lg {
+ border-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-top {
+ border-top-left-radius: var(--border-radius) !important;
+ border-top-right-radius: var(--border-radius) !important;
+}
+
+.rounded-top-0 {
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
+
+.rounded-top-lg {
+ border-top-left-radius: var(--border-radius-lg) !important;
+ border-top-right-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-top-circle {
+ border-top-left-radius: 50% !important;
+ border-top-right-radius: 50% !important;
+}
+
+.rounded-end {
+ border-top-right-radius: var(--border-radius) !important;
+ border-bottom-right-radius: var(--border-radius) !important;
+}
+
+.rounded-end-0 {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.rounded-end-lg {
+ border-top-right-radius: var(--border-radius-lg) !important;
+ border-bottom-right-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-end-circle {
+ border-top-right-radius: 50% !important;
+ border-bottom-right-radius: 50% !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: var(--border-radius) !important;
+ border-bottom-left-radius: var(--border-radius) !important;
+}
+
+.rounded-bottom-0 {
+ border-bottom-right-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+}
+
+.rounded-bottom-lg {
+ border-bottom-right-radius: var(--border-radius-lg) !important;
+ border-bottom-left-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-bottom-circle {
+ border-bottom-right-radius: 50% !important;
+ border-bottom-left-radius: 50% !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: var(--border-radius) !important;
+ border-top-left-radius: var(--border-radius) !important;
+}
+
+.rounded-start-0 {
+ border-bottom-left-radius: 0 !important;
+ border-top-left-radius: 0 !important;
+}
+
+.rounded-start-lg {
+ border-bottom-left-radius: var(--border-radius-lg) !important;
+ border-top-left-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-start-circle {
+ border-bottom-left-radius: 50% !important;
+ border-top-left-radius: 50% !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+.z-n1 {
+ z-index: -1 !important;
+}
+
+.z-0 {
+ z-index: 0 !important;
+}
+
+.z-1 {
+ z-index: 1 !important;
+}
+
+.z-2 {
+ z-index: 2 !important;
+}
+
+.z-3 {
+ z-index: 3 !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
+ }
+ .float-sm-end {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+ .object-fit-sm-contain {
+ object-fit: contain !important;
+ }
+ .object-fit-sm-cover {
+ object-fit: cover !important;
+ }
+ .object-fit-sm-fill {
+ object-fit: fill !important;
+ }
+ .object-fit-sm-scale {
+ object-fit: scale-down !important;
+ }
+ .object-fit-sm-none {
+ object-fit: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ order: 5 !important;
+ }
+ .order-sm-last {
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: var(--spacer-1) !important;
+ }
+ .m-sm-2 {
+ margin: var(--spacer-2) !important;
+ }
+ .m-sm-3 {
+ margin: var(--spacer-3) !important;
+ }
+ .m-sm-4 {
+ margin: var(--spacer-4) !important;
+ }
+ .m-sm-5 {
+ margin: var(--spacer-5) !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+ }
+ .mx-sm-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+ }
+ .mx-sm-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+ }
+ .mx-sm-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+ }
+ .mx-sm-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+ }
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .my-sm-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .my-sm-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .my-sm-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .my-sm-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: var(--spacer-1) !important;
+ }
+ .mt-sm-2 {
+ margin-top: var(--spacer-2) !important;
+ }
+ .mt-sm-3 {
+ margin-top: var(--spacer-3) !important;
+ }
+ .mt-sm-4 {
+ margin-top: var(--spacer-4) !important;
+ }
+ .mt-sm-5 {
+ margin-top: var(--spacer-5) !important;
+ }
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+ .me-sm-1 {
+ margin-right: var(--spacer-1) !important;
+ }
+ .me-sm-2 {
+ margin-right: var(--spacer-2) !important;
+ }
+ .me-sm-3 {
+ margin-right: var(--spacer-3) !important;
+ }
+ .me-sm-4 {
+ margin-right: var(--spacer-4) !important;
+ }
+ .me-sm-5 {
+ margin-right: var(--spacer-5) !important;
+ }
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-left: var(--spacer-1) !important;
+ }
+ .ms-sm-2 {
+ margin-left: var(--spacer-2) !important;
+ }
+ .ms-sm-3 {
+ margin-left: var(--spacer-3) !important;
+ }
+ .ms-sm-4 {
+ margin-left: var(--spacer-4) !important;
+ }
+ .ms-sm-5 {
+ margin-left: var(--spacer-5) !important;
+ }
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: var(--spacer-1) !important;
+ }
+ .p-sm-2 {
+ padding: var(--spacer-2) !important;
+ }
+ .p-sm-3 {
+ padding: var(--spacer-3) !important;
+ }
+ .p-sm-4 {
+ padding: var(--spacer-4) !important;
+ }
+ .p-sm-5 {
+ padding: var(--spacer-5) !important;
+ }
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-sm-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+ }
+ .px-sm-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+ }
+ .px-sm-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+ }
+ .px-sm-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+ }
+ .px-sm-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .py-sm-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .py-sm-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .py-sm-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .py-sm-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pt-sm-1 {
+ padding-top: var(--spacer-1) !important;
+ }
+ .pt-sm-2 {
+ padding-top: var(--spacer-2) !important;
+ }
+ .pt-sm-3 {
+ padding-top: var(--spacer-3) !important;
+ }
+ .pt-sm-4 {
+ padding-top: var(--spacer-4) !important;
+ }
+ .pt-sm-5 {
+ padding-top: var(--spacer-5) !important;
+ }
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pe-sm-1 {
+ padding-right: var(--spacer-1) !important;
+ }
+ .pe-sm-2 {
+ padding-right: var(--spacer-2) !important;
+ }
+ .pe-sm-3 {
+ padding-right: var(--spacer-3) !important;
+ }
+ .pe-sm-4 {
+ padding-right: var(--spacer-4) !important;
+ }
+ .pe-sm-5 {
+ padding-right: var(--spacer-5) !important;
+ }
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-sm-1 {
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .pb-sm-3 {
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .pb-sm-4 {
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .pb-sm-5 {
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+ .ps-sm-1 {
+ padding-left: var(--spacer-1) !important;
+ }
+ .ps-sm-2 {
+ padding-left: var(--spacer-2) !important;
+ }
+ .ps-sm-3 {
+ padding-left: var(--spacer-3) !important;
+ }
+ .ps-sm-4 {
+ padding-left: var(--spacer-4) !important;
+ }
+ .ps-sm-5 {
+ padding-left: var(--spacer-5) !important;
+ }
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+ .gap-sm-1 {
+ gap: var(--spacer-1) !important;
+ }
+ .gap-sm-2 {
+ gap: var(--spacer-2) !important;
+ }
+ .gap-sm-3 {
+ gap: var(--spacer-3) !important;
+ }
+ .gap-sm-4 {
+ gap: var(--spacer-4) !important;
+ }
+ .gap-sm-5 {
+ gap: var(--spacer-5) !important;
+ }
+ .row-gap-sm-0 {
+ row-gap: 0 !important;
+ }
+ .row-gap-sm-1 {
+ row-gap: var(--spacer-1) !important;
+ }
+ .row-gap-sm-2 {
+ row-gap: var(--spacer-2) !important;
+ }
+ .row-gap-sm-3 {
+ row-gap: var(--spacer-3) !important;
+ }
+ .row-gap-sm-4 {
+ row-gap: var(--spacer-4) !important;
+ }
+ .row-gap-sm-5 {
+ row-gap: var(--spacer-5) !important;
+ }
+ .column-gap-sm-0 {
+ column-gap: 0 !important;
+ }
+ .column-gap-sm-1 {
+ column-gap: var(--spacer-1) !important;
+ }
+ .column-gap-sm-2 {
+ column-gap: var(--spacer-2) !important;
+ }
+ .column-gap-sm-3 {
+ column-gap: var(--spacer-3) !important;
+ }
+ .column-gap-sm-4 {
+ column-gap: var(--spacer-4) !important;
+ }
+ .column-gap-sm-5 {
+ column-gap: var(--spacer-5) !important;
+ }
+ .text-sm-start {
+ text-align: left !important;
+ }
+ .text-sm-end {
+ text-align: right !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
+ .float-md-end {
+ float: right !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+ .object-fit-md-contain {
+ object-fit: contain !important;
+ }
+ .object-fit-md-cover {
+ object-fit: cover !important;
+ }
+ .object-fit-md-fill {
+ object-fit: fill !important;
+ }
+ .object-fit-md-scale {
+ object-fit: scale-down !important;
+ }
+ .object-fit-md-none {
+ object-fit: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-grid {
+ display: grid !important;
+ }
+ .d-md-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-md-none {
+ display: none !important;
+ }
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-md-row {
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
+ .order-md-first {
+ order: -1 !important;
+ }
+ .order-md-0 {
+ order: 0 !important;
+ }
+ .order-md-1 {
+ order: 1 !important;
+ }
+ .order-md-2 {
+ order: 2 !important;
+ }
+ .order-md-3 {
+ order: 3 !important;
+ }
+ .order-md-4 {
+ order: 4 !important;
+ }
+ .order-md-5 {
+ order: 5 !important;
+ }
+ .order-md-last {
+ order: 6 !important;
+ }
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .m-md-1 {
+ margin: var(--spacer-1) !important;
+ }
+ .m-md-2 {
+ margin: var(--spacer-2) !important;
+ }
+ .m-md-3 {
+ margin: var(--spacer-3) !important;
+ }
+ .m-md-4 {
+ margin: var(--spacer-4) !important;
+ }
+ .m-md-5 {
+ margin: var(--spacer-5) !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-md-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+ }
+ .mx-md-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+ }
+ .mx-md-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+ }
+ .mx-md-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+ }
+ .mx-md-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+ }
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-md-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .my-md-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .my-md-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .my-md-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .my-md-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .mt-md-1 {
+ margin-top: var(--spacer-1) !important;
+ }
+ .mt-md-2 {
+ margin-top: var(--spacer-2) !important;
+ }
+ .mt-md-3 {
+ margin-top: var(--spacer-3) !important;
+ }
+ .mt-md-4 {
+ margin-top: var(--spacer-4) !important;
+ }
+ .mt-md-5 {
+ margin-top: var(--spacer-5) !important;
+ }
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+ .me-md-1 {
+ margin-right: var(--spacer-1) !important;
+ }
+ .me-md-2 {
+ margin-right: var(--spacer-2) !important;
+ }
+ .me-md-3 {
+ margin-right: var(--spacer-3) !important;
+ }
+ .me-md-4 {
+ margin-right: var(--spacer-4) !important;
+ }
+ .me-md-5 {
+ margin-right: var(--spacer-5) !important;
+ }
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-md-1 {
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .mb-md-2 {
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .mb-md-3 {
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .mb-md-4 {
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .mb-md-5 {
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+ .ms-md-1 {
+ margin-left: var(--spacer-1) !important;
+ }
+ .ms-md-2 {
+ margin-left: var(--spacer-2) !important;
+ }
+ .ms-md-3 {
+ margin-left: var(--spacer-3) !important;
+ }
+ .ms-md-4 {
+ margin-left: var(--spacer-4) !important;
+ }
+ .ms-md-5 {
+ margin-left: var(--spacer-5) !important;
+ }
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .p-md-1 {
+ padding: var(--spacer-1) !important;
+ }
+ .p-md-2 {
+ padding: var(--spacer-2) !important;
+ }
+ .p-md-3 {
+ padding: var(--spacer-3) !important;
+ }
+ .p-md-4 {
+ padding: var(--spacer-4) !important;
+ }
+ .p-md-5 {
+ padding: var(--spacer-5) !important;
+ }
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-md-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+ }
+ .px-md-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+ }
+ .px-md-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+ }
+ .px-md-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+ }
+ .px-md-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+ }
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-md-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .py-md-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .py-md-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .py-md-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .py-md-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .pt-md-1 {
+ padding-top: var(--spacer-1) !important;
+ }
+ .pt-md-2 {
+ padding-top: var(--spacer-2) !important;
+ }
+ .pt-md-3 {
+ padding-top: var(--spacer-3) !important;
+ }
+ .pt-md-4 {
+ padding-top: var(--spacer-4) !important;
+ }
+ .pt-md-5 {
+ padding-top: var(--spacer-5) !important;
+ }
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+ .pe-md-1 {
+ padding-right: var(--spacer-1) !important;
+ }
+ .pe-md-2 {
+ padding-right: var(--spacer-2) !important;
+ }
+ .pe-md-3 {
+ padding-right: var(--spacer-3) !important;
+ }
+ .pe-md-4 {
+ padding-right: var(--spacer-4) !important;
+ }
+ .pe-md-5 {
+ padding-right: var(--spacer-5) !important;
+ }
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-md-1 {
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .pb-md-2 {
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .pb-md-3 {
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .pb-md-4 {
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .pb-md-5 {
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+ .ps-md-1 {
+ padding-left: var(--spacer-1) !important;
+ }
+ .ps-md-2 {
+ padding-left: var(--spacer-2) !important;
+ }
+ .ps-md-3 {
+ padding-left: var(--spacer-3) !important;
+ }
+ .ps-md-4 {
+ padding-left: var(--spacer-4) !important;
+ }
+ .ps-md-5 {
+ padding-left: var(--spacer-5) !important;
+ }
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+ .gap-md-1 {
+ gap: var(--spacer-1) !important;
+ }
+ .gap-md-2 {
+ gap: var(--spacer-2) !important;
+ }
+ .gap-md-3 {
+ gap: var(--spacer-3) !important;
+ }
+ .gap-md-4 {
+ gap: var(--spacer-4) !important;
+ }
+ .gap-md-5 {
+ gap: var(--spacer-5) !important;
+ }
+ .row-gap-md-0 {
+ row-gap: 0 !important;
+ }
+ .row-gap-md-1 {
+ row-gap: var(--spacer-1) !important;
+ }
+ .row-gap-md-2 {
+ row-gap: var(--spacer-2) !important;
+ }
+ .row-gap-md-3 {
+ row-gap: var(--spacer-3) !important;
+ }
+ .row-gap-md-4 {
+ row-gap: var(--spacer-4) !important;
+ }
+ .row-gap-md-5 {
+ row-gap: var(--spacer-5) !important;
+ }
+ .column-gap-md-0 {
+ column-gap: 0 !important;
+ }
+ .column-gap-md-1 {
+ column-gap: var(--spacer-1) !important;
+ }
+ .column-gap-md-2 {
+ column-gap: var(--spacer-2) !important;
+ }
+ .column-gap-md-3 {
+ column-gap: var(--spacer-3) !important;
+ }
+ .column-gap-md-4 {
+ column-gap: var(--spacer-4) !important;
+ }
+ .column-gap-md-5 {
+ column-gap: var(--spacer-5) !important;
+ }
+ .text-md-start {
+ text-align: left !important;
+ }
+ .text-md-end {
+ text-align: right !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
+ .float-lg-end {
+ float: right !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+ .object-fit-lg-contain {
+ object-fit: contain !important;
+ }
+ .object-fit-lg-cover {
+ object-fit: cover !important;
+ }
+ .object-fit-lg-fill {
+ object-fit: fill !important;
+ }
+ .object-fit-lg-scale {
+ object-fit: scale-down !important;
+ }
+ .object-fit-lg-none {
+ object-fit: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-grid {
+ display: grid !important;
+ }
+ .d-lg-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-lg-none {
+ display: none !important;
+ }
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
+ .order-lg-first {
+ order: -1 !important;
+ }
+ .order-lg-0 {
+ order: 0 !important;
+ }
+ .order-lg-1 {
+ order: 1 !important;
+ }
+ .order-lg-2 {
+ order: 2 !important;
+ }
+ .order-lg-3 {
+ order: 3 !important;
+ }
+ .order-lg-4 {
+ order: 4 !important;
+ }
+ .order-lg-5 {
+ order: 5 !important;
+ }
+ .order-lg-last {
+ order: 6 !important;
+ }
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .m-lg-1 {
+ margin: var(--spacer-1) !important;
+ }
+ .m-lg-2 {
+ margin: var(--spacer-2) !important;
+ }
+ .m-lg-3 {
+ margin: var(--spacer-3) !important;
+ }
+ .m-lg-4 {
+ margin: var(--spacer-4) !important;
+ }
+ .m-lg-5 {
+ margin: var(--spacer-5) !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-lg-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+ }
+ .mx-lg-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+ }
+ .mx-lg-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+ }
+ .mx-lg-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+ }
+ .mx-lg-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+ }
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-lg-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .my-lg-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .my-lg-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .my-lg-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .my-lg-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mt-lg-1 {
+ margin-top: var(--spacer-1) !important;
+ }
+ .mt-lg-2 {
+ margin-top: var(--spacer-2) !important;
+ }
+ .mt-lg-3 {
+ margin-top: var(--spacer-3) !important;
+ }
+ .mt-lg-4 {
+ margin-top: var(--spacer-4) !important;
+ }
+ .mt-lg-5 {
+ margin-top: var(--spacer-5) !important;
+ }
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+ .me-lg-1 {
+ margin-right: var(--spacer-1) !important;
+ }
+ .me-lg-2 {
+ margin-right: var(--spacer-2) !important;
+ }
+ .me-lg-3 {
+ margin-right: var(--spacer-3) !important;
+ }
+ .me-lg-4 {
+ margin-right: var(--spacer-4) !important;
+ }
+ .me-lg-5 {
+ margin-right: var(--spacer-5) !important;
+ }
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-lg-1 {
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .mb-lg-3 {
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .mb-lg-4 {
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .mb-lg-5 {
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+ .ms-lg-1 {
+ margin-left: var(--spacer-1) !important;
+ }
+ .ms-lg-2 {
+ margin-left: var(--spacer-2) !important;
+ }
+ .ms-lg-3 {
+ margin-left: var(--spacer-3) !important;
+ }
+ .ms-lg-4 {
+ margin-left: var(--spacer-4) !important;
+ }
+ .ms-lg-5 {
+ margin-left: var(--spacer-5) !important;
+ }
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .p-lg-1 {
+ padding: var(--spacer-1) !important;
+ }
+ .p-lg-2 {
+ padding: var(--spacer-2) !important;
+ }
+ .p-lg-3 {
+ padding: var(--spacer-3) !important;
+ }
+ .p-lg-4 {
+ padding: var(--spacer-4) !important;
+ }
+ .p-lg-5 {
+ padding: var(--spacer-5) !important;
+ }
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-lg-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+ }
+ .px-lg-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+ }
+ .px-lg-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+ }
+ .px-lg-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+ }
+ .px-lg-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+ }
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-lg-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .py-lg-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .py-lg-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .py-lg-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .py-lg-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pt-lg-1 {
+ padding-top: var(--spacer-1) !important;
+ }
+ .pt-lg-2 {
+ padding-top: var(--spacer-2) !important;
+ }
+ .pt-lg-3 {
+ padding-top: var(--spacer-3) !important;
+ }
+ .pt-lg-4 {
+ padding-top: var(--spacer-4) !important;
+ }
+ .pt-lg-5 {
+ padding-top: var(--spacer-5) !important;
+ }
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pe-lg-1 {
+ padding-right: var(--spacer-1) !important;
+ }
+ .pe-lg-2 {
+ padding-right: var(--spacer-2) !important;
+ }
+ .pe-lg-3 {
+ padding-right: var(--spacer-3) !important;
+ }
+ .pe-lg-4 {
+ padding-right: var(--spacer-4) !important;
+ }
+ .pe-lg-5 {
+ padding-right: var(--spacer-5) !important;
+ }
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-lg-1 {
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .pb-lg-3 {
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .pb-lg-4 {
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .pb-lg-5 {
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+ .ps-lg-1 {
+ padding-left: var(--spacer-1) !important;
+ }
+ .ps-lg-2 {
+ padding-left: var(--spacer-2) !important;
+ }
+ .ps-lg-3 {
+ padding-left: var(--spacer-3) !important;
+ }
+ .ps-lg-4 {
+ padding-left: var(--spacer-4) !important;
+ }
+ .ps-lg-5 {
+ padding-left: var(--spacer-5) !important;
+ }
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+ .gap-lg-1 {
+ gap: var(--spacer-1) !important;
+ }
+ .gap-lg-2 {
+ gap: var(--spacer-2) !important;
+ }
+ .gap-lg-3 {
+ gap: var(--spacer-3) !important;
+ }
+ .gap-lg-4 {
+ gap: var(--spacer-4) !important;
+ }
+ .gap-lg-5 {
+ gap: var(--spacer-5) !important;
+ }
+ .row-gap-lg-0 {
+ row-gap: 0 !important;
+ }
+ .row-gap-lg-1 {
+ row-gap: var(--spacer-1) !important;
+ }
+ .row-gap-lg-2 {
+ row-gap: var(--spacer-2) !important;
+ }
+ .row-gap-lg-3 {
+ row-gap: var(--spacer-3) !important;
+ }
+ .row-gap-lg-4 {
+ row-gap: var(--spacer-4) !important;
+ }
+ .row-gap-lg-5 {
+ row-gap: var(--spacer-5) !important;
+ }
+ .column-gap-lg-0 {
+ column-gap: 0 !important;
+ }
+ .column-gap-lg-1 {
+ column-gap: var(--spacer-1) !important;
+ }
+ .column-gap-lg-2 {
+ column-gap: var(--spacer-2) !important;
+ }
+ .column-gap-lg-3 {
+ column-gap: var(--spacer-3) !important;
+ }
+ .column-gap-lg-4 {
+ column-gap: var(--spacer-4) !important;
+ }
+ .column-gap-lg-5 {
+ column-gap: var(--spacer-5) !important;
+ }
+ .text-lg-start {
+ text-align: left !important;
+ }
+ .text-lg-end {
+ text-align: right !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
+ .float-xl-end {
+ float: right !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+ .object-fit-xl-contain {
+ object-fit: contain !important;
+ }
+ .object-fit-xl-cover {
+ object-fit: cover !important;
+ }
+ .object-fit-xl-fill {
+ object-fit: fill !important;
+ }
+ .object-fit-xl-scale {
+ object-fit: scale-down !important;
+ }
+ .object-fit-xl-none {
+ object-fit: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-grid {
+ display: grid !important;
+ }
+ .d-xl-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xl-none {
+ display: none !important;
+ }
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xl-first {
+ order: -1 !important;
+ }
+ .order-xl-0 {
+ order: 0 !important;
+ }
+ .order-xl-1 {
+ order: 1 !important;
+ }
+ .order-xl-2 {
+ order: 2 !important;
+ }
+ .order-xl-3 {
+ order: 3 !important;
+ }
+ .order-xl-4 {
+ order: 4 !important;
+ }
+ .order-xl-5 {
+ order: 5 !important;
+ }
+ .order-xl-last {
+ order: 6 !important;
+ }
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .m-xl-1 {
+ margin: var(--spacer-1) !important;
+ }
+ .m-xl-2 {
+ margin: var(--spacer-2) !important;
+ }
+ .m-xl-3 {
+ margin: var(--spacer-3) !important;
+ }
+ .m-xl-4 {
+ margin: var(--spacer-4) !important;
+ }
+ .m-xl-5 {
+ margin: var(--spacer-5) !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xl-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+ }
+ .mx-xl-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+ }
+ .mx-xl-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+ }
+ .mx-xl-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+ }
+ .mx-xl-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+ }
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xl-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .my-xl-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .my-xl-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .my-xl-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .my-xl-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xl-1 {
+ margin-top: var(--spacer-1) !important;
+ }
+ .mt-xl-2 {
+ margin-top: var(--spacer-2) !important;
+ }
+ .mt-xl-3 {
+ margin-top: var(--spacer-3) !important;
+ }
+ .mt-xl-4 {
+ margin-top: var(--spacer-4) !important;
+ }
+ .mt-xl-5 {
+ margin-top: var(--spacer-5) !important;
+ }
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xl-1 {
+ margin-right: var(--spacer-1) !important;
+ }
+ .me-xl-2 {
+ margin-right: var(--spacer-2) !important;
+ }
+ .me-xl-3 {
+ margin-right: var(--spacer-3) !important;
+ }
+ .me-xl-4 {
+ margin-right: var(--spacer-4) !important;
+ }
+ .me-xl-5 {
+ margin-right: var(--spacer-5) !important;
+ }
+ .me-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xl-1 {
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .mb-xl-3 {
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .mb-xl-4 {
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .mb-xl-5 {
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xl-1 {
+ margin-left: var(--spacer-1) !important;
+ }
+ .ms-xl-2 {
+ margin-left: var(--spacer-2) !important;
+ }
+ .ms-xl-3 {
+ margin-left: var(--spacer-3) !important;
+ }
+ .ms-xl-4 {
+ margin-left: var(--spacer-4) !important;
+ }
+ .ms-xl-5 {
+ margin-left: var(--spacer-5) !important;
+ }
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .p-xl-1 {
+ padding: var(--spacer-1) !important;
+ }
+ .p-xl-2 {
+ padding: var(--spacer-2) !important;
+ }
+ .p-xl-3 {
+ padding: var(--spacer-3) !important;
+ }
+ .p-xl-4 {
+ padding: var(--spacer-4) !important;
+ }
+ .p-xl-5 {
+ padding: var(--spacer-5) !important;
+ }
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xl-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+ }
+ .px-xl-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+ }
+ .px-xl-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+ }
+ .px-xl-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+ }
+ .px-xl-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+ }
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xl-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .py-xl-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .py-xl-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .py-xl-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .py-xl-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xl-1 {
+ padding-top: var(--spacer-1) !important;
+ }
+ .pt-xl-2 {
+ padding-top: var(--spacer-2) !important;
+ }
+ .pt-xl-3 {
+ padding-top: var(--spacer-3) !important;
+ }
+ .pt-xl-4 {
+ padding-top: var(--spacer-4) !important;
+ }
+ .pt-xl-5 {
+ padding-top: var(--spacer-5) !important;
+ }
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xl-1 {
+ padding-right: var(--spacer-1) !important;
+ }
+ .pe-xl-2 {
+ padding-right: var(--spacer-2) !important;
+ }
+ .pe-xl-3 {
+ padding-right: var(--spacer-3) !important;
+ }
+ .pe-xl-4 {
+ padding-right: var(--spacer-4) !important;
+ }
+ .pe-xl-5 {
+ padding-right: var(--spacer-5) !important;
+ }
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xl-1 {
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .pb-xl-3 {
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .pb-xl-4 {
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .pb-xl-5 {
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .ps-xl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xl-1 {
+ padding-left: var(--spacer-1) !important;
+ }
+ .ps-xl-2 {
+ padding-left: var(--spacer-2) !important;
+ }
+ .ps-xl-3 {
+ padding-left: var(--spacer-3) !important;
+ }
+ .ps-xl-4 {
+ padding-left: var(--spacer-4) !important;
+ }
+ .ps-xl-5 {
+ padding-left: var(--spacer-5) !important;
+ }
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
+ .gap-xl-1 {
+ gap: var(--spacer-1) !important;
+ }
+ .gap-xl-2 {
+ gap: var(--spacer-2) !important;
+ }
+ .gap-xl-3 {
+ gap: var(--spacer-3) !important;
+ }
+ .gap-xl-4 {
+ gap: var(--spacer-4) !important;
+ }
+ .gap-xl-5 {
+ gap: var(--spacer-5) !important;
+ }
+ .row-gap-xl-0 {
+ row-gap: 0 !important;
+ }
+ .row-gap-xl-1 {
+ row-gap: var(--spacer-1) !important;
+ }
+ .row-gap-xl-2 {
+ row-gap: var(--spacer-2) !important;
+ }
+ .row-gap-xl-3 {
+ row-gap: var(--spacer-3) !important;
+ }
+ .row-gap-xl-4 {
+ row-gap: var(--spacer-4) !important;
+ }
+ .row-gap-xl-5 {
+ row-gap: var(--spacer-5) !important;
+ }
+ .column-gap-xl-0 {
+ column-gap: 0 !important;
+ }
+ .column-gap-xl-1 {
+ column-gap: var(--spacer-1) !important;
+ }
+ .column-gap-xl-2 {
+ column-gap: var(--spacer-2) !important;
+ }
+ .column-gap-xl-3 {
+ column-gap: var(--spacer-3) !important;
+ }
+ .column-gap-xl-4 {
+ column-gap: var(--spacer-4) !important;
+ }
+ .column-gap-xl-5 {
+ column-gap: var(--spacer-5) !important;
+ }
+ .text-xl-start {
+ text-align: left !important;
+ }
+ .text-xl-end {
+ text-align: right !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
+ .float-xxl-end {
+ float: right !important;
+ }
+ .float-xxl-none {
+ float: none !important;
+ }
+ .object-fit-xxl-contain {
+ object-fit: contain !important;
+ }
+ .object-fit-xxl-cover {
+ object-fit: cover !important;
+ }
+ .object-fit-xxl-fill {
+ object-fit: fill !important;
+ }
+ .object-fit-xxl-scale {
+ object-fit: scale-down !important;
+ }
+ .object-fit-xxl-none {
+ object-fit: none !important;
+ }
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-grid {
+ display: grid !important;
+ }
+ .d-xxl-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-xxl-none {
+ display: none !important;
+ }
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
+ .order-xxl-first {
+ order: -1 !important;
+ }
+ .order-xxl-0 {
+ order: 0 !important;
+ }
+ .order-xxl-1 {
+ order: 1 !important;
+ }
+ .order-xxl-2 {
+ order: 2 !important;
+ }
+ .order-xxl-3 {
+ order: 3 !important;
+ }
+ .order-xxl-4 {
+ order: 4 !important;
+ }
+ .order-xxl-5 {
+ order: 5 !important;
+ }
+ .order-xxl-last {
+ order: 6 !important;
+ }
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: var(--spacer-1) !important;
+ }
+ .m-xxl-2 {
+ margin: var(--spacer-2) !important;
+ }
+ .m-xxl-3 {
+ margin: var(--spacer-3) !important;
+ }
+ .m-xxl-4 {
+ margin: var(--spacer-4) !important;
+ }
+ .m-xxl-5 {
+ margin: var(--spacer-5) !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xxl-1 {
+ margin-right: var(--spacer-1) !important;
+ margin-left: var(--spacer-1) !important;
+ }
+ .mx-xxl-2 {
+ margin-right: var(--spacer-2) !important;
+ margin-left: var(--spacer-2) !important;
+ }
+ .mx-xxl-3 {
+ margin-right: var(--spacer-3) !important;
+ margin-left: var(--spacer-3) !important;
+ }
+ .mx-xxl-4 {
+ margin-right: var(--spacer-4) !important;
+ margin-left: var(--spacer-4) !important;
+ }
+ .mx-xxl-5 {
+ margin-right: var(--spacer-5) !important;
+ margin-left: var(--spacer-5) !important;
+ }
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xxl-1 {
+ margin-top: var(--spacer-1) !important;
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .my-xxl-2 {
+ margin-top: var(--spacer-2) !important;
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .my-xxl-3 {
+ margin-top: var(--spacer-3) !important;
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .my-xxl-4 {
+ margin-top: var(--spacer-4) !important;
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .my-xxl-5 {
+ margin-top: var(--spacer-5) !important;
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xxl-1 {
+ margin-top: var(--spacer-1) !important;
+ }
+ .mt-xxl-2 {
+ margin-top: var(--spacer-2) !important;
+ }
+ .mt-xxl-3 {
+ margin-top: var(--spacer-3) !important;
+ }
+ .mt-xxl-4 {
+ margin-top: var(--spacer-4) !important;
+ }
+ .mt-xxl-5 {
+ margin-top: var(--spacer-5) !important;
+ }
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xxl-1 {
+ margin-right: var(--spacer-1) !important;
+ }
+ .me-xxl-2 {
+ margin-right: var(--spacer-2) !important;
+ }
+ .me-xxl-3 {
+ margin-right: var(--spacer-3) !important;
+ }
+ .me-xxl-4 {
+ margin-right: var(--spacer-4) !important;
+ }
+ .me-xxl-5 {
+ margin-right: var(--spacer-5) !important;
+ }
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xxl-1 {
+ margin-bottom: var(--spacer-1) !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: var(--spacer-2) !important;
+ }
+ .mb-xxl-3 {
+ margin-bottom: var(--spacer-3) !important;
+ }
+ .mb-xxl-4 {
+ margin-bottom: var(--spacer-4) !important;
+ }
+ .mb-xxl-5 {
+ margin-bottom: var(--spacer-5) !important;
+ }
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xxl-1 {
+ margin-left: var(--spacer-1) !important;
+ }
+ .ms-xxl-2 {
+ margin-left: var(--spacer-2) !important;
+ }
+ .ms-xxl-3 {
+ margin-left: var(--spacer-3) !important;
+ }
+ .ms-xxl-4 {
+ margin-left: var(--spacer-4) !important;
+ }
+ .ms-xxl-5 {
+ margin-left: var(--spacer-5) !important;
+ }
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: var(--spacer-1) !important;
+ }
+ .p-xxl-2 {
+ padding: var(--spacer-2) !important;
+ }
+ .p-xxl-3 {
+ padding: var(--spacer-3) !important;
+ }
+ .p-xxl-4 {
+ padding: var(--spacer-4) !important;
+ }
+ .p-xxl-5 {
+ padding: var(--spacer-5) !important;
+ }
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xxl-1 {
+ padding-right: var(--spacer-1) !important;
+ padding-left: var(--spacer-1) !important;
+ }
+ .px-xxl-2 {
+ padding-right: var(--spacer-2) !important;
+ padding-left: var(--spacer-2) !important;
+ }
+ .px-xxl-3 {
+ padding-right: var(--spacer-3) !important;
+ padding-left: var(--spacer-3) !important;
+ }
+ .px-xxl-4 {
+ padding-right: var(--spacer-4) !important;
+ padding-left: var(--spacer-4) !important;
+ }
+ .px-xxl-5 {
+ padding-right: var(--spacer-5) !important;
+ padding-left: var(--spacer-5) !important;
+ }
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xxl-1 {
+ padding-top: var(--spacer-1) !important;
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .py-xxl-2 {
+ padding-top: var(--spacer-2) !important;
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .py-xxl-3 {
+ padding-top: var(--spacer-3) !important;
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .py-xxl-4 {
+ padding-top: var(--spacer-4) !important;
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .py-xxl-5 {
+ padding-top: var(--spacer-5) !important;
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xxl-1 {
+ padding-top: var(--spacer-1) !important;
+ }
+ .pt-xxl-2 {
+ padding-top: var(--spacer-2) !important;
+ }
+ .pt-xxl-3 {
+ padding-top: var(--spacer-3) !important;
+ }
+ .pt-xxl-4 {
+ padding-top: var(--spacer-4) !important;
+ }
+ .pt-xxl-5 {
+ padding-top: var(--spacer-5) !important;
+ }
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xxl-1 {
+ padding-right: var(--spacer-1) !important;
+ }
+ .pe-xxl-2 {
+ padding-right: var(--spacer-2) !important;
+ }
+ .pe-xxl-3 {
+ padding-right: var(--spacer-3) !important;
+ }
+ .pe-xxl-4 {
+ padding-right: var(--spacer-4) !important;
+ }
+ .pe-xxl-5 {
+ padding-right: var(--spacer-5) !important;
+ }
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xxl-1 {
+ padding-bottom: var(--spacer-1) !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: var(--spacer-2) !important;
+ }
+ .pb-xxl-3 {
+ padding-bottom: var(--spacer-3) !important;
+ }
+ .pb-xxl-4 {
+ padding-bottom: var(--spacer-4) !important;
+ }
+ .pb-xxl-5 {
+ padding-bottom: var(--spacer-5) !important;
+ }
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xxl-1 {
+ padding-left: var(--spacer-1) !important;
+ }
+ .ps-xxl-2 {
+ padding-left: var(--spacer-2) !important;
+ }
+ .ps-xxl-3 {
+ padding-left: var(--spacer-3) !important;
+ }
+ .ps-xxl-4 {
+ padding-left: var(--spacer-4) !important;
+ }
+ .ps-xxl-5 {
+ padding-left: var(--spacer-5) !important;
+ }
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
+ .gap-xxl-1 {
+ gap: var(--spacer-1) !important;
+ }
+ .gap-xxl-2 {
+ gap: var(--spacer-2) !important;
+ }
+ .gap-xxl-3 {
+ gap: var(--spacer-3) !important;
+ }
+ .gap-xxl-4 {
+ gap: var(--spacer-4) !important;
+ }
+ .gap-xxl-5 {
+ gap: var(--spacer-5) !important;
+ }
+ .row-gap-xxl-0 {
+ row-gap: 0 !important;
+ }
+ .row-gap-xxl-1 {
+ row-gap: var(--spacer-1) !important;
+ }
+ .row-gap-xxl-2 {
+ row-gap: var(--spacer-2) !important;
+ }
+ .row-gap-xxl-3 {
+ row-gap: var(--spacer-3) !important;
+ }
+ .row-gap-xxl-4 {
+ row-gap: var(--spacer-4) !important;
+ }
+ .row-gap-xxl-5 {
+ row-gap: var(--spacer-5) !important;
+ }
+ .column-gap-xxl-0 {
+ column-gap: 0 !important;
+ }
+ .column-gap-xxl-1 {
+ column-gap: var(--spacer-1) !important;
+ }
+ .column-gap-xxl-2 {
+ column-gap: var(--spacer-2) !important;
+ }
+ .column-gap-xxl-3 {
+ column-gap: var(--spacer-3) !important;
+ }
+ .column-gap-xxl-4 {
+ column-gap: var(--spacer-4) !important;
+ }
+ .column-gap-xxl-5 {
+ column-gap: var(--spacer-5) !important;
+ }
+ .text-xxl-start {
+ text-align: left !important;
+ }
+ .text-xxl-end {
+ text-align: right !important;
+ }
+ .text-xxl-center {
+ text-align: center !important;
+ }
+}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-grid {
+ display: grid !important;
+ }
+ .d-print-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-print-none {
+ display: none !important;
+ }
+}
+/* Specific styles for blender.org */
+:root {
+ --fs-xl: 6.4rem;
+ --page-card-icon-size: 7.8rem;
+}
+@media (min-width: 900px) {
+ :root {
+ --fs-xl: 5.6rem;
+ }
+}
+
+.page-card {
+ position: relative;
+}
+.page-card:nth-child(even) {
+ background-color: var(--color-bg);
+}
+.page-card.right {
+ flex-direction: row-reverse;
+}
+@media (max-width: 899.98px) {
+ .page-card.right {
+ flex-direction: column-reverse;
+ }
+}
+.page-card hr {
+ width: 100%;
+ height: 0.1rem;
+ display: block;
+ margin: 1rem auto;
+ padding: 0;
+ border: none;
+ background-color: var(--color-bg);
+}
+.page-card .page-card-title {
+ display: block;
+ position: relative;
+ font-size: var(--fs-h1);
+ color: var(--color-text);
+ margin-top: 0;
+ padding-bottom: 1.6rem;
+ position: relative;
+}
+.page-card .page-card-title small {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+ padding-left: 0.4rem;
+}
+.page-card .page-card-summary {
+ font-size: var(--fs-lg);
+ color: var(--color-text);
+ padding: 1.8rem 0 2.8rem 0;
+}
+.page-card .page-card-img {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 100%;
+ z-index: 0;
+}
+.page-card .page-card-img img {
+ left: 50%;
+ max-width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 100%;
+}
+.page-card .page-card-img span {
+ color: #646469;
+ display: block;
+ padding: 2rem 0;
+ text-align: center;
+}
+.page-card .page-card-icon {
+ display: block;
+ position: relative;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin: 0 auto;
+ width: calc(var(--page-card-icon-size) * 2);
+ height: calc(var(--page-card-icon-size) * 2);
+ border: 0.2rem solid rgba(187, 187, 189, 0.5);
+ border-radius: 50%;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ background-size: var(--page-card-icon-size);
+}
+@media (min-width: 900px) {
+ .page-card .page-card-icon {
+ width: calc(var(--page-card-icon-size) * 1.5);
+ height: calc(var(--page-card-icon-size) * 1.5);
+ background-size: calc(var(--page-card-icon-size) * 0.75);
+ }
+}
+@media (max-width: 899.98px) {
+ .page-card .page-card-icon {
+ width: calc(var(--page-card-icon-size) * 1.5);
+ height: calc(var(--page-card-icon-size) * 1.5);
+ background-size: calc(var(--page-card-icon-size) * 0.75);
+ margin: 4rem auto;
+ }
+}
+.page-card .page-card-icon svg {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+.page-card section.page-card-side {
+ width: 50%;
+ margin-bottom: 1.6rem;
+ margin-top: 1.6rem;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ z-index: 1;
+}
+.page-card section.page-card-side:first-child {
+ padding-right: 5rem;
+ border-right: none;
+}
+.page-card section.page-card-side:nth-child(2) {
+ padding-left: 5rem;
+ padding-right: 2rem;
+}
+.page-card section.page-card-side hr {
+ width: 100%;
+ margin: 2.8rem 0 1.8rem 0;
+}
+.page-card .page-card-headline {
+ position: relative;
+ font-size: 1.7em;
+}
+.page-card .page-card-box {
+ position: relative;
+ background-color: rgba(0, 0, 0, 0.8);
+ color: white;
+}
+.page-card ul.page-card-list {
+ margin: 0;
+ padding: 0;
+}
+.page-card ul.page-card-list li {
+ display: inline-block;
+ position: relative;
+}
+.page-card ul.page-card-list li:first-child:after {
+ display: none;
+}
+.page-card ul.page-card-list li a {
+ color: #646469;
+}
+.page-card ul.page-card-list li a:hover {
+ color: var(--color-accent);
+}
+.page-card.features {
+ color: var(--color-text);
+}
+.page-card.features .container, .page-card.features .page-header {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.page-card.features .page-card-title {
+ display: block;
+ font-size: var(--fs-hero-title);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-title);
+ margin-top: 1.6rem;
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-title {
+ font-size: var(--fs-h1);
+ }
+}
+.page-card.features .page-card-list {
+ margin: 2.8rem auto;
+ text-align: left;
+ width: 100%;
+}
+.page-card.features .page-card-list li.feature-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 80px 0;
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-list li.feature-item {
+ display: block;
+ padding: 4.8rem 0;
+ }
+ .page-card.features .page-card-list li.feature-item:before {
+ content: "";
+ width: 70%;
+ border-top: 0.2rem solid rgba(235, 94, 40, 0.6);
+ left: 50%;
+ transform: translateX(-50%);
+ }
+}
+.page-card.features .page-card-list li.feature-item:not(:first-child) {
+ padding-left: 0;
+}
+.page-card.features .page-card-list li.feature-item:not(:first-child):before {
+ content: "";
+}
+.page-card.features .page-card-list li.feature-item:nth-child(even) {
+ flex-direction: row-reverse;
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-list li.feature-item:nth-child(even) {
+ flex-direction: column;
+ }
+}
+.page-card.features .page-card-list li.feature-item:nth-child(even) .feature-image img {
+ margin: 0 auto 0 -9.6rem;
+}
+.page-card.features .page-card-list li.feature-item .feature-details {
+ margin-bottom: 1.6rem;
+ margin-top: 1.6rem;
+ flex: 1;
+ margin: 0 auto;
+}
+.page-card.features .page-card-list li.feature-item .feature-details ul li {
+ display: block;
+}
+.page-card.features .page-card-list li.feature-item .feature-title {
+ font-size: var(--fs-h1);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-list li.feature-item .feature-title {
+ padding: 0 1.8rem;
+ }
+}
+.page-card.features .page-card-list li.feature-item .feature-desc {
+ font-size: var(--fs-lg);
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ padding-right: 1.6rem;
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-list li.feature-item .feature-desc {
+ padding: 1.8rem;
+ }
+}
+.page-card.features .page-card-list li.feature-item .feature-desc ul {
+ padding: 0;
+}
+.page-card.features .page-card-list li.feature-item .feature-image {
+ flex: 1;
+ cursor: pointer;
+}
+@media (max-width: 899.98px) {
+ .page-card.features .page-card-list li.feature-item .feature-image {
+ margin: 2rem 0;
+ }
+}
+.page-card.features .page-card-list li.feature-item .feature-image img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ display: block;
+ max-width: 100%;
+ transition: transform 150ms ease-in-out;
+}
+.page-card.features .page-card-list li.feature-item .feature-image img:hover {
+ transform: scale(1.02);
+}
+@media (min-width: 1380px) {
+ .page-card.features .page-card-list li.feature-item .feature-image img {
+ transform: scale(1.2);
+ margin: 0 -4.8rem 0 auto;
+ }
+ .page-card.features .page-card-list li.feature-item .feature-image img:hover {
+ transform: scale(1.22);
+ }
+}
+
+.page-triplet-container {
+ padding: 2.8rem 3rem;
+}
+@media (min-width: 980px) {
+ .page-triplet-container .row, .page-triplet-container div[class^=col-md] {
+ display: flex;
+ }
+}
+@media (min-width: 1220px) {
+ .page-triplet-container .row, .page-triplet-container div[class^=col-md] {
+ display: flex;
+ }
+}
+.page-triplet-container .triplet-card {
+ width: 100%;
+ position: relative;
+ background-color: white;
+ border-radius: 0.3rem;
+ box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.1), 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
+ display: flex;
+ flex-direction: column;
+}
+.page-triplet-container .triplet-card .triplet-card-thumbnail img {
+ border-top-left-radius: 0.3rem;
+ border-top-right-radius: 0.3rem;
+ border-bottom: 0.3rem solid var(--color-accent);
+ width: 100%;
+}
+.page-triplet-container .triplet-card .triplet-card-info {
+ padding: 1.8rem;
+ text-align: center;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+}
+.page-triplet-container .triplet-card .triplet-card-info h3 {
+ margin-top: 1rem;
+ color: #EB5E28;
+ padding-bottom: 2rem;
+ position: relative;
+}
+.page-triplet-container .triplet-card .triplet-card-info h3:after {
+ content: "";
+ border-bottom: 0.2rem solid rgba(235, 94, 40, 0.8);
+ width: 3.8rem;
+ position: absolute;
+ left: 50%;
+ bottom: 1rem;
+ transform: translateX(-50%);
+}
+.page-triplet-container .triplet-card .triplet-card-info p {
+ display: block;
+ font-size: 1.1em;
+ line-height: 1.5em;
+ color: #646469;
+ flex: 1;
+}
+.page-triplet-container .triplet-card .triplet-cta {
+ display: block;
+ font-size: 0.9em;
+ padding: 1rem 0;
+ color: var(--color-accent);
+ cursor: pointer;
+}
+.page-triplet-container .triplet-card .triplet-cta:hover {
+ text-decoration: underline;
+}
+
+/* Lists */
+ul.checklist > li {
+ padding-left: 1rem;
+}
+ul.checklist > li:after {
+ color: #9E9FA2;
+ content: "\f00c";
+ font-family: "FontAwesome";
+ font-size: 0.8em;
+ top: 0.2rem;
+}
+
+/* Tables */
+.table {
+ display: table;
+ width: 100%;
+}
+
+.table-row {
+ display: table-row;
+}
+
+.table-head {
+ display: table-header-group;
+}
+.table-head .table-cell {
+ font-size: 0.9em;
+ color: #9E9FA2;
+}
+
+.table-body {
+ display: table-row-group;
+}
+
+.table-cell {
+ display: table-cell;
+}
+
+/* Overlay on the whole page to preview images */
+.lightbox-container, #isolated {
+ align-items: center;
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ left: 0;
+ padding: 1.6rem;
+ position: fixed;
+ right: 0;
+ top: 0;
+ transition: opacity 250ms ease-in-out;
+ z-index: 1030;
+}
+.lightbox-container img, #isolated img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ margin: 1.6rem;
+ max-width: 100%;
+ max-height: 95%;
+ object-fit: scale-down;
+ position: relative;
+ z-index: 1;
+}
+.lightbox-container iframe, .lightbox-container object, .lightbox-container embed, #isolated iframe, #isolated object, #isolated embed {
+ left: 50%;
+ height: 80%;
+ max-height: 80%;
+ max-width: 80%;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 80%;
+}
+
+.lightbox-caption {
+ background-color: #222;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ bottom: 3.2rem;
+ color: white;
+ max-width: 1000px;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ text-align: center;
+ text-shadow: 0 0 2.8rem rgba(0, 0, 0, 0.5);
+ z-index: 1;
+ position: absolute;
+}
+
+.lightbox-underlay {
+ backdrop-filter: blur(1.8rem);
+ background-color: rgba(0, 0, 0, 0.8);
+ bottom: 0;
+ content: "";
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+}
+.lightbox-underlay:after {
+ color: var(--color-text-secondary);
+ content: "\e817";
+ cursor: pointer;
+ font-family: "fontutti";
+ font-size: 3.2rem;
+ position: fixed;
+ right: 0.8rem;
+ top: 0.4rem;
+ z-index: 2;
+}
+.lightbox-underlay:after:hover {
+ color: white;
+}
+
+body.is-lightbox-active {
+ overflow: hidden;
+}
+
+/* Web Assets Overrides. TODO: move to separate partial */
+:root {
+ --bwa-white-rgb: 255, 255, 255;
+ --page-with-header-content-offset: calc(var(--spacer) * 6);
+}
+
+.cards-item-title {
+ font-size: var(--fs-h4);
+}
+
+details {
+ padding: 0.8rem;
+}
+details p,
+details ul {
+ padding-left: 4.8rem;
+ padding-right: 4.8rem;
+}
+
+summary {
+ padding: 1.6rem;
+ padding-left: 4.8rem;
+}
+summary:before {
+ left: var(--spacer);
+ top: var(--spacer);
+}
+
+/* BLOG */
+.blog-container {
+ background-color: var(--color-bg);
+}
+
+.blog {
+ --comment-border-color: var(--color-text-tertiary);
+ line-height: 1.8em;
+ word-break: break-word;
+}
+@media (max-width: 899.98px) {
+ .blog {
+ margin: 0;
+ padding: 0;
+ }
+}
+.blog img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ height: auto;
+ max-width: 100%;
+}
+.blog img.aligncenter {
+ display: block;
+ margin-bottom: 2.8rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+.blog .entry-content {
+ font-size: 2.1rem;
+ line-height: 3.2rem;
+}
+@media (max-width: 899.98px) {
+ .blog .entry-content {
+ font-size: 1.6rem;
+ }
+}
+.blog .entry-content .cards a {
+ text-decoration: none;
+}
+.blog .entry-content ol a, .blog .entry-content ul a {
+ text-decoration: underline;
+}
+.blog .entry-content h1 {
+ font-size: var(--fs-xl);
+}
+.blog .entry-content h2 {
+ font-size: var(--fs-h1);
+}
+.blog .entry-content h3 {
+ font-size: var(--fs-h2);
+}
+.blog .entry-content h1, .blog .entry-content h2, .blog .entry-content h3 {
+ margin-top: 4.8rem;
+}
+.blog .entry-content > p {
+ margin-top: 1.6rem;
+ margin-bottom: 2.4rem;
+ /* Old posts may contain images without a block. */
+}
+.blog .entry-content > p img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+.blog .entry-content > ol:not(.nav-tabs),
+.blog .entry-content > ul:not(.nav-tabs) {
+ margin-bottom: 2.4rem;
+}
+.blog .entry-content iframe {
+ background-color: var(--color-bg-tertiary);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ margin-left: -5%;
+ min-height: 44rem;
+ padding: 0.8rem;
+ width: 110%;
+}
+@media (max-width: 899.98px) {
+ .blog .entry-content iframe {
+ min-height: 300px;
+ }
+}
+.blog .entry-content .twitter-video, .blog .entry-content iframe {
+ width: 110%;
+}
+@media (max-width: 899.98px) {
+ .blog .entry-content .twitter-video, .blog .entry-content iframe {
+ width: 100%;
+ margin: 0 auto;
+ min-height: auto;
+ }
+}
+.blog .entry-content .twitter-video + p, .blog .entry-content iframe + p {
+ margin-top: 0;
+}
+.blog .entry-content .alignleft, .blog .entry-content .alignright {
+ margin: 2rem 0;
+}
+.blog .has-sm-font-size {
+ line-height: 2.3rem;
+}
+
+.entry-content sub a, .entry-content sup a {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ padding-left: 0.4rem;
+ padding-right: 0.4rem;
+}
+
+.navbar-search {
+ display: flex;
+ position: relative;
+ margin-left: 1.6rem;
+}
+@media (min-width: 900px) {
+ .navbar-search {
+ margin-right: 0.8rem;
+ }
+}
+.navbar-search input[type=text] {
+ background-color: var(--color-bg);
+ color: var(--color-text);
+ padding-right: 2.8rem;
+}
+.navbar-search button {
+ color: var(--color-text-secondary);
+ position: absolute;
+ right: 0.2rem;
+ top: 0.2rem;
+}
+.navbar-search button:hover {
+ background-color: transparent !important;
+ color: var(--color-text-primary);
+}
+
+.is-heading-anchor {
+ display: block;
+}
+.is-heading-anchor h1, .is-heading-anchor h2, .is-heading-anchor h3 {
+ position: relative;
+}
+.is-heading-anchor h1:before, .is-heading-anchor h2:before, .is-heading-anchor h3:before {
+ color: var(--color-text-secondary);
+ content: "\e846";
+ font-family: "fontutti";
+ font-size: 80%;
+ left: -2.8rem;
+ opacity: 0;
+ padding-right: 1.6rem;
+ position: absolute;
+ top: 0.5rem;
+ transition: opacity ease-in-out var(--transition-speed), left ease-in-out var(--transition-speed);
+}
+@media (min-width: 980px) {
+ .is-heading-anchor:hover h1:before {
+ left: -2.8rem;
+ opacity: 1;
+ }
+ .is-heading-anchor:hover h2:before, .is-heading-anchor:hover h3:before {
+ left: -3.2rem;
+ opacity: 1;
+ }
+}
+
+.blog-header {
+ margin: 4rem auto;
+ text-align: center;
+ position: relative;
+}
+.blog-header > h1 {
+ font-size: var(--fs-h1);
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-light);
+ padding: 2.4rem;
+}
+.blog-header > ul {
+ padding-left: 0;
+ list-style: none;
+ display: inline-block;
+ font-size: var(--fs-sm);
+ position: relative;
+ text-transform: uppercase;
+ width: 100%;
+ z-index: 1;
+}
+.blog-header > ul:after {
+ background-color: var(--color-text-tertiary);
+ bottom: 1.6rem;
+ content: "";
+ display: block;
+ height: 0.1rem;
+ left: 0;
+ position: absolute;
+ right: 0;
+ z-index: -1;
+}
+.blog-header > ul > li {
+ background-color: var(--color-bg);
+ color: var(--color-text-secondary);
+ display: inline-block;
+ margin: 0;
+ padding: 0 1rem;
+ white-space: nowrap;
+}
+.blog-header > ul > li:after {
+ display: none;
+}
+.blog-header > ul > li a {
+ color: var(--color-text-secondary);
+}
+
+.blog .entry-content,
+.blog-comments .comment-body {
+ word-break: break-word;
+}
+.blog .entry-content .wp-caption,
+.blog-comments .comment-body .wp-caption {
+ max-width: 100%;
+}
+.blog .entry-content .wp-caption img,
+.blog-comments .comment-body .wp-caption img {
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+.blog .entry-content .wp-caption p.wp-caption-text,
+.blog-comments .comment-body .wp-caption p.wp-caption-text {
+ background-color: var(--color-bg-tertiary);
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+ font-size: 0.85em;
+ margin-top: 0;
+ padding: 0.8rem 1.8rem;
+}
+.blog .entry-content .embed-responsive iframe, .blog .entry-content .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .blog .entry-content .wp-block-embed__wrapper iframe,
+.blog .entry-content .wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .blog .entry-content .wp-block-embed__wrapper iframe,
+.blog-comments .comment-body .embed-responsive iframe,
+.blog-comments .comment-body .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-vimeo.wp-embed-aspect-16-9 .blog-comments .comment-body .wp-block-embed__wrapper iframe,
+.blog-comments .comment-body .wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .blog-comments .comment-body .wp-block-embed__wrapper iframe {
+ width: 100%;
+ margin: 0;
+ min-height: initial;
+}
+
+.blog-comments .comment-body textarea, .blog-comments .comment-body input {
+ background-color: var(--color-bg-secondary);
+ color: var(--color-text);
+ border-radius: var(--border-radius);
+}
+.blog-comments .comment-body label {
+ color: var(--color-text-secondary);
+}
+
+.blog-bottom {
+ background-color: var(--color-bg-tertiary);
+ border-top: var(--border-width) solid var(--color-bg-secondary);
+}
+
+.blog-comments-header {
+ border-top: var(--border-width) solid var(--comment-border-color);
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+ margin-top: 2.4rem;
+ text-align: center;
+}
+.blog-comments-header > span {
+ background-color: var(--color-bg-tertiary);
+ display: inline-block;
+ margin: 0 auto;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ top: -1.4rem;
+}
+.blog-comments ol, .blog-comments ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.blog-comments-list li.comment {
+ display: flex;
+ flex-direction: column;
+ line-height: 1.5em;
+ margin-top: 1.6rem;
+ padding-top: 1.6rem;
+}
+.blog-comments-list li.comment:first-child {
+ margin-top: 0;
+ padding-top: 0;
+}
+.blog-comments-list li.comment .reply-form {
+ padding-top: 0;
+ margin-bottom: 0;
+}
+.blog-comments-list li.comment .reply-form li.comment {
+ border-left: none;
+}
+.blog-comments-list li.comment .reply-form .comment-body {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top: none;
+ border-radius: 0;
+ background-color: var(--color-bg);
+}
+.blog-comments-list li.comment.is-replying-to {
+ margin-bottom: 0;
+}
+.blog-comments-list li.comment.is-replying-to + li.comment {
+ margin-top: 0;
+}
+.blog-comments-list li.comment.is-replying-to .comment-body {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom: none;
+}
+.blog-comments-list li.comment.is-replying-to .comment-body,
+.blog-comments-list li.comment.is-replying-to .reply-form {
+ background-color: var(--color-bg);
+}
+.blog-comments-list > ul.children {
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+}
+@media (max-width: 899.98px) {
+ .blog-comments-list > ul.children {
+ margin-left: 0;
+ padding-left: 0;
+ }
+}
+.blog-comments-list ul.children {
+ border: var(--border-width) solid var(--comment-border-color);
+ border-top: none;
+}
+@media (max-width: 899.98px) {
+ .blog-comments-list ul.children {
+ margin-left: 0;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+.blog-comments-list ul.children .is-replying-to {
+ margin-bottom: 0;
+}
+.blog-comments-list ul.children .is-replying-to .comment-body-extra.footer {
+ display: none;
+}
+.blog-comments-list ul.children .is-replying-to .comment-body {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.blog-comments-list ul.children ul.children {
+ border: none;
+ border-left: var(--border-width) solid var(--comment-border-color);
+ margin-left: 2.4rem;
+}
+.blog-comments-list ul.children li.comment {
+ border-left: var(--border-width) solid var(--comment-border-color);
+ border-radius: 0;
+ margin-left: 2.4rem;
+ margin-top: 0;
+}
+.blog-comments-list ul.children .comment-body {
+ border: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding-left: 2.4rem;
+}
+.blog-comments-list ul.comment-body-extra {
+ align-items: center;
+ color: var(--color-text-secondary);
+ display: flex;
+ flex-wrap: wrap;
+ font-size: var(--fs-sm);
+ gap: var(--spacer);
+ margin-bottom: 0.8rem;
+}
+.blog-comments-list ul.comment-body-extra.footer {
+ margin: 0;
+}
+.blog-comments-list ul.comment-body-extra li {
+ display: inline-block;
+}
+.blog-comments-list ul.comment-body-extra li:after {
+ content: "";
+}
+.blog-comments-list ul.comment-body-extra li:first-child {
+ padding: 0;
+ margin: 0;
+}
+.blog-comments-list ul.comment-body-extra li.author {
+ margin-right: auto;
+}
+.blog-comments-list ul.comment-body-extra li.author span {
+ margin-left: 0.4rem;
+}
+.blog-comments-list.reply-form {
+ padding-top: 1.6rem;
+}
+.blog-comments-list.reply-form h3, .blog-comments-list.reply-form h3 small {
+ font-size: var(--fs-base);
+ font-weight: normal;
+ font-variation-settings: "wght" 400;
+ padding-bottom: 0.8rem;
+ color: var(--color-text-secondary);
+}
+.blog-comments-list.reply-form small {
+ float: right;
+}
+.blog-comments-list.reply-form .comment-body {
+ width: 100%;
+}
+.blog-comments .logged-in-as {
+ display: flex;
+}
+.blog-comments .logged-in-as a {
+ color: var(--color-text-secondary);
+ padding-left: 0.8rem;
+}
+.blog-comments .logged-in-as .required-field-message {
+ order: -1;
+}
+.blog-comments .form-submit,
+.blog-comments #recaptcha-submit-btn-area {
+ margin-top: 1.6rem;
+ display: flex;
+ justify-content: flex-end;
+}
+.blog-comments .comment-form .logged-in-as {
+ float: right;
+ font-size: 0.9em;
+}
+.blog-comments .comment-form .comment-form-comment {
+ margin: 0;
+}
+.blog-comments .comment-form textarea, .blog-comments .comment-form input[type=text] {
+ border: var(--border-width) solid var(--comment-border-color);
+ padding: 1.6rem;
+ width: 100%;
+}
+.blog-comments .comment-form textarea {
+ min-height: 100px;
+}
+.blog-comments .comment-replying {
+ color: var(--color-text-secondary);
+ display: block;
+ padding-bottom: 1.6rem;
+}
+.blog-comments .comment-replying > a {
+ color: var(--color-text-secondary);
+ font-weight: var(--fw-bold);
+}
+.blog-comments .required {
+ color: var(--color-danger);
+}
+.blog-comments .no-comments,
+.blog-comments .must-log-in {
+ font-size: var(--fs-sm);
+}
+
+.comment-body {
+ border: var(--border-width) solid var(--comment-border-color);
+ border-radius: var(--border-radius);
+ padding-left: 2.4rem;
+ padding-right: 2.4rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ transition: background-color var(--transition-speed) ease-in-out;
+ width: 100%;
+}
+.comment-body:hover {
+ background-color: hsla(0, 0%, 100%, 0.02);
+}
+.comment-body.has-children {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom: none;
+}
+.comment-body.is-moderated {
+ background-color: hsla(42, 89%, 48%, 0.1);
+ border-color: var(--color-warning);
+}
+.comment-body .author, .comment-body .date {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.comment-notes {
+ padding-bottom: 1.6rem;
+}
+
+.blog-social {
+ border-top: var(--border-width) solid var(--comment-border-color);
+ color: var(--color-text-secondary);
+ font-size: var(--fs-sm);
+ margin-top: 2.4rem;
+ text-align: center;
+ margin-bottom: 4.8rem;
+ margin-top: 4.8rem;
+ --social-icon-size: 2.0rem;
+}
+.blog-social > span {
+ background-color: var(--color-bg-tertiary);
+ display: inline-block;
+ margin: 0 auto;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ top: -1.4rem;
+}
+.blog-social > ul {
+ margin-bottom: 0.8rem;
+ margin-top: 0.8rem;
+ display: flex;
+ justify-content: space-around;
+ list-style-type: none;
+ padding: 0;
+}
+@media (max-width: 899.98px) {
+ .blog-social > ul {
+ flex-wrap: wrap;
+ }
+}
+.blog-social > ul li {
+ display: inline-block;
+ padding: 0;
+ margin: 0;
+ position: relative;
+}
+.blog-social > ul li:after {
+ display: none;
+}
+.blog-social > ul li a {
+ color: var(--color-text-secondary);
+ display: flex;
+ flex-direction: column;
+ padding: 1rem 2.8rem;
+ text-decoration: none;
+ transition: color var(--transition-speed) ease-in-out;
+}
+.blog-social > ul li a:hover, .blog-social > ul li a:hover svg {
+ color: var(--color-accent);
+ fill: var(--color-accent);
+}
+@media (max-width: 899.98px) {
+ .blog-social > ul li a {
+ padding-top: 2.8rem;
+ }
+}
+.blog-social > ul li i {
+ font-size: 1.5em;
+ padding-bottom: 0.8rem;
+}
+.blog-social svg {
+ fill: var(--color-text-secondary);
+ height: var(--social-icon-size);
+ margin: auto auto 1.2rem;
+ transition: fill var(--transition-speed) ease-in-out;
+ width: var(--social-icon-size);
+}
+
+.blog-navigation {
+ clear: both;
+}
+.blog-navigation:after {
+ /* Basically same as .clearfix from Bootstrap. */
+ clear: both;
+ display: block;
+ content: " ";
+}
+.blog-navigation a {
+ align-items: center;
+ border-radius: var(--border-radius-lg);
+ color: var(--color-text-tertiary);
+ display: flex;
+ flex: 1;
+ margin-bottom: 2.4rem;
+ margin-top: 2.4rem;
+ overflow: hidden;
+ transition: background-color var(--transition-speed) ease-in-out, color var(--transition-speed) ease-in-out;
+}
+.blog-navigation a:hover {
+ background-color: var(--color-accent-bg);
+ color: var(--color-accent-text);
+ text-decoration: none;
+}
+.blog-navigation a:hover i {
+ transform: translateX(-0.8rem);
+}
+@media (max-width: 899.98px) {
+ .blog-navigation a {
+ width: 100%;
+ }
+}
+.blog-navigation a + a {
+ justify-content: flex-end;
+ text-align: right;
+}
+.blog-navigation a + a:hover i {
+ transform: translateX(0.8rem);
+}
+.blog-navigation a + a span {
+ padding-left: 1.6rem;
+ padding-right: 0;
+}
+.blog-navigation a span {
+ overflow: hidden;
+ padding: 1.6rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.blog-navigation a i {
+ font-size: 1.8rem;
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ transition: transform var(--transition-speed) ease-in-out;
+}
+.blog-navigation.single {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+}
+@media (max-width: 899.98px) {
+ .blog-navigation.single {
+ flex-direction: column;
+ }
+}
+.blog-navigation.posts {
+ flex-direction: row-reverse;
+}
+.blog-navigation.posts.is-first-page a {
+ justify-content: flex-start;
+}
+.blog-navigation.posts a {
+ justify-content: flex-end;
+}
+.blog-navigation.posts a + a {
+ justify-content: flex-start;
+}
+
+.post-password-form {
+ margin-top: 4.8rem;
+}
+.community {
+ --community-thumbnail-size: 6.4rem;
+}
+.community .cards {
+ --cards-items-per-row: 2;
+ --grid-gap-size: 1.6rem;
+}
+.community .cards-item-content {
+ flex-direction: row;
+ padding: 1.6rem;
+ position: relative;
+ text-decoration: none;
+ z-index: 2;
+}
+.community .cards-item-content:hover .cards-item-title {
+ color: var(--color-accent);
+}
+.community .cards-item-thumbnail {
+ height: var(--community-thumbnail-size);
+ margin: 0;
+ min-height: var(--community-thumbnail-size);
+ min-width: var(--community-thumbnail-size);
+ width: var(--community-thumbnail-size);
+}
+.community .cards-item-thumbnail img {
+ border-radius: var(--border-radius-lg);
+ height: 100%;
+ object-fit: cover;
+}
+.community .cards-item-excerpt {
+ font-size: var(--fs-sm);
+ flex: 1;
+ padding-bottom: 0.8rem;
+ white-space: wrap;
+}
+.community .cards-item-details {
+ display: flex;
+ flex-direction: column;
+}
+.community .cards-item-title {
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ padding-bottom: 0.4rem;
+ padding-top: 0;
+ transition: color var(--transition-speed);
+}
+.community .cards-item-url {
+ align-items: center;
+ color: var(--color-text-secondary);
+ display: flex;
+ font-size: var(--fs-sm);
+ margin-top: auto;
+ padding-left: 1.6rem;
+}
+.community .cards-item-url span {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.community .cards-item-url img {
+ border-radius: var(--border-radius);
+ margin-right: 0.8rem;
+ max-height: 1.6rem;
+ max-width: 1.6rem;
+}
+
+.community-group {
+ order: 2;
+ padding-bottom: 4.8rem;
+ padding-top: 4.8rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ border-bottom: var(--border-width) var(--border-color) solid;
+ /* This class is added by checking for the browser language. See page-community.php */
+}
+.community-group.en {
+ order: 1;
+}
+.community-group.active {
+ order: 0;
+ box-shadow: none;
+ border-radius: 0;
+ border-bottom: var(--border-width) var(--border-color) solid;
+ padding-bottom: 4.8rem;
+ padding-top: 0;
+}
+
+.community-group-list {
+ display: flex;
+ flex-direction: column;
+}
+
+.community-language {
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ margin-bottom: 2.4rem;
+}
+
+.community-languages-list {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.6rem;
+ justify-content: center;
+ margin-bottom: 4.8rem;
+}
+.community-languages-list a {
+ background-color: white;
+ box-shadow: var(--box-shadow-card);
+}
+
+/* This class is added to the body, so define variables here. */
+.ps-download, .ps-thanks {
+ --header-bg-color: #111316;
+ --header-text-shadow: rgba(black, .2);
+ --download-other-button-bg-color: hsl(214deg 14% 20%);
+ --download-menu-bg-color: hsl(214deg 12% 15%);
+ --download-menu-bg-color-current: hsl(214deg 12% 20%);
+ --download-menu-bg-color-highlight: hsl(214deg 12% 25%);
+}
+
+.hero.download {
+ background-color: var(--header-bg-color);
+ overflow: initial;
+ /* Highlight other builds (portable, stores, etc) for the current OS. */
+}
+.hero.download h1 {
+ font-size: var(--fs-xl);
+ line-height: var(--fs-xl);
+ margin-top: 2.4rem;
+ text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.33), 0.1rem 0.1rem 5rem var(--header-bg-color);
+}
+.hero.download .container, .hero.download .page-header,
+.hero.download .hero-content,
+.hero.download .hero-credits {
+ z-index: 2;
+}
+.hero.download [class*=dl-os-] {
+ display: none;
+}
+.hero.download .dl-os-windows {
+ display: block;
+}
+.hero.download .dl-os-windows.active {
+ display: block;
+}
+.hero.download .dl-other-list-os-macos .os.macos,
+.hero.download [class*=dl-other-list-os-macos-apple-silicon] .os.macos-apple-silicon,
+.hero.download [class*=dl-other-list-os-windows] .os.windows,
+.hero.download [class*=dl-other-list-os-linux] .os.linux,
+.hero.download [class*=dl-other-list-os-linux] .os.snap {
+ /* Highlight the OS icon. */
+}
+.hero.download .dl-other-list-os-macos .os.macos:before,
+.hero.download [class*=dl-other-list-os-macos-apple-silicon] .os.macos-apple-silicon:before,
+.hero.download [class*=dl-other-list-os-windows] .os.windows:before,
+.hero.download [class*=dl-other-list-os-linux] .os.linux:before,
+.hero.download [class*=dl-other-list-os-linux] .os.snap:before {
+ color: white;
+}
+.hero.download .dl-other-list-os-macos .os.macos a,
+.hero.download [class*=dl-other-list-os-macos-apple-silicon] .os.macos-apple-silicon a,
+.hero.download [class*=dl-other-list-os-windows] .os.windows a,
+.hero.download [class*=dl-other-list-os-linux] .os.linux a,
+.hero.download [class*=dl-other-list-os-linux] .os.snap a {
+ border-color: var(--download-menu-bg-color-current);
+ position: relative;
+ /* Show a dot indicator on the left. */
+}
+.hero.download .dl-other-list-os-macos .os.macos a:hover::before,
+.hero.download [class*=dl-other-list-os-macos-apple-silicon] .os.macos-apple-silicon a:hover::before,
+.hero.download [class*=dl-other-list-os-windows] .os.windows a:hover::before,
+.hero.download [class*=dl-other-list-os-linux] .os.linux a:hover::before,
+.hero.download [class*=dl-other-list-os-linux] .os.snap a:hover::before {
+ left: 0.5rem;
+}
+.hero.download .dl-other-list-os-macos .os.macos a::before,
+.hero.download [class*=dl-other-list-os-macos-apple-silicon] .os.macos-apple-silicon a::before,
+.hero.download [class*=dl-other-list-os-windows] .os.windows a::before,
+.hero.download [class*=dl-other-list-os-linux] .os.linux a::before,
+.hero.download [class*=dl-other-list-os-linux] .os.snap a::before {
+ background-color: var(--color-accent);
+ border-radius: 999rem;
+ bottom: 0;
+ content: "";
+ display: block;
+ height: 0.8rem;
+ left: 0;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ transition: left var(--transition-speed) ease-in-out;
+ width: 0.8rem;
+}
+.hero .hero-overlay {
+ background-color: transparent;
+}
+
+/* Details (OS, type, size, info icon) of the featured build. */
+.dl-build-details {
+ padding-left: 0;
+ list-style: none;
+ margin-bottom: 1.6rem;
+ margin-top: 1.6rem;
+ text-shadow: 0.1rem 0.1rem 0 var(--header-text-shadow), 0.1rem 0.1rem 2.8rem black, 0.1rem 0.1rem 0.8rem rgba(0, 0, 0, 0.5);
+ position: relative;
+ z-index: 1;
+}
+.dl-build-details li {
+ display: inline-block;
+ padding-left: 0.4rem;
+ padding-right: 0.4rem;
+ margin-left: 0.4rem;
+ margin-right: 0.4rem;
+ /* Info icon. */
+}
+.dl-build-details li::after {
+ color: white;
+ content: "ยท";
+ font-weight: normal;
+ font-variation-settings: "wght" 600;
+ left: 0.8rem;
+ opacity: 0.5;
+ position: relative;
+ user-select: none;
+}
+.dl-build-details li:last-child::after {
+ display: none;
+}
+.dl-build-details li:last-child {
+ text-decoration: underline;
+}
+.dl-build-details li i::before {
+ position: relative;
+ top: 0.1rem;
+}
+.dl-build-details li.active.popup-toggle {
+ background-color: white;
+ color: black;
+}
+.dl-build-details .popup-toggle {
+ align-content: center;
+ border-radius: 50%;
+ display: inline-flex;
+ height: 2.6rem;
+ justify-content: center;
+ width: 2.6rem;
+}
+.dl-build-details.has-alert .popup-toggle {
+ background-color: var(--color-warning);
+ color: black;
+ text-shadow: none;
+}
+
+/* Pop-up shown when clicking on the info icon.
+ * * Displaying info such as build requirements, md5, and sha256. */
+.dl-build-details-popup {
+ background-color: var(--download-menu-bg-color);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ box-shadow: 0.1rem 1rem 3rem rgba(0, 0, 0, 0.33);
+ left: 50%;
+ opacity: 0;
+ padding: 1.6rem;
+ position: absolute;
+ transform: translateX(-50%);
+ transition: opacity var(--transition-speed) ease-in-out;
+ visibility: hidden;
+ white-space: nowrap;
+ z-index: 2;
+}
+.dl-build-details-popup small {
+ color: var(--color-text-secondary);
+ display: inline-block;
+}
+.dl-build-details-popup small.checksum {
+ padding-left: 0.8rem;
+}
+.dl-build-details-popup.active {
+ opacity: 1;
+ visibility: visible;
+}
+.dl-build-details-popup.active.has-alert .alert {
+ display: block;
+}
+.dl-build-details-popup .alert {
+ display: none;
+ text-shadow: none;
+ margin-bottom: 1.6rem;
+ border: none;
+}
+.dl-build-details-popup .alert-warning {
+ color: var(--color-warning);
+ background-color: hsla(42, 79%, 30%, 0.45);
+}
+
+/* Container for the download button and build details. */
+.dl-header-cta {
+ margin: 1.6rem;
+ position: relative;
+}
+
+/* Big Download button. */
+.dl-header-cta-button {
+ padding-left: 4.8rem;
+ padding-right: 4.8rem;
+}
+
+/* Dropdown button to show other versions available. */
+.dl-header-other {
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+ background-color: var(--download-other-button-bg-color);
+ border-color: var(--download-other-button-bg-color);
+ color: white;
+ margin-top: 2.4rem;
+}
+@media (min-width: 900px) {
+ .dl-header-other {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.dl-header-other:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.dl-header-other:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.dl-header-other:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.dl-header-other:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.dl-header-other i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.dl-header-other i svg {
+ max-width: 12px;
+}
+.dl-header-other i + span {
+ margin-left: 0.8rem;
+}
+.dl-header-other small {
+ font-size: var(--fs-xs);
+}
+.dl-header-other[disabled], .dl-header-other.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+.dl-header-other:hover {
+ background-color: var(--download-menu-bg-color-highlight);
+ border-color: var(--download-menu-bg-color-highlight);
+ color: white;
+}
+.dl-header-other i {
+ font-size: 1.15em;
+ left: 0.8rem;
+ top: 0.1rem;
+ position: relative;
+}
+.dl-header-other.current-os-windows .ot.windows, .dl-header-other.current-os-windows-64 .ot.windows, .dl-header-other.current-os-macos .ot.macos, .dl-header-other.current-os-macos-apple-silicon .ot.macos, .dl-header-other.current-os-linux .ot.linux {
+ display: none;
+}
+
+/* Dropdown menu with a list of other versions. */
+.dl-header-other-list {
+ background-color: var(--download-menu-bg-color);
+ border: 0.2rem solid var(--download-menu-bg-color);
+ border-radius: var(--border-radius-lg);
+ box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2), 0 1rem 2.8rem rgba(0, 0, 0, 0.6);
+ padding-left: 0;
+ list-style: none;
+ left: 50%;
+ margin-top: 1.6rem;
+ opacity: 0;
+ padding: 0.4rem;
+ position: absolute;
+ transform: translateX(-50%);
+ transition: opacity var(--transition-speed);
+ visibility: hidden;
+ white-space: nowrap;
+ /* Little triangle on top. */
+}
+.dl-header-other-list::before {
+ border: 0.7rem solid var(--download-menu-bg-color);
+ border-left-color: transparent;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: " ";
+ left: 50%;
+ position: absolute;
+ top: -1.8rem;
+ transform: translateX(-50%);
+}
+.dl-header-other-list.active {
+ opacity: 1;
+ visibility: visible;
+}
+.dl-header-other-list a {
+ align-items: center;
+ border-radius: var(--border-radius);
+ color: white;
+ display: flex;
+ gap: 0.8rem;
+ padding: 0.8rem;
+ padding-left: calc(var(--spacer) * 2.5);
+ text-decoration: none;
+ transition: background-color ease-in-out var(--transition-speed), color ease-in-out var(--transition-speed);
+ user-select: none;
+}
+.dl-header-other-list a:hover {
+ color: white;
+ background-color: var(--download-menu-bg-color-highlight);
+}
+.dl-header-other-list a:hover span {
+ color: white;
+}
+.dl-header-other-list li {
+ position: relative;
+ transition: box-shadow ease-in-out var(--transition-speed);
+}
+.dl-header-other-list li:first-child {
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+.dl-header-other-list li:last-child {
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+}
+.dl-header-other-list li.os a:hover::before {
+ color: white;
+}
+.dl-header-other-list li.separator {
+ border-top: var(--border-width) solid var(--download-menu-bg-color-current);
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.4rem;
+ margin-top: 0.4rem;
+ padding: 0;
+ width: calc(100% - 0.66rem);
+}
+.dl-header-other-list li.os {
+ /* Operating System icon on the left. */
+}
+.dl-header-other-list li.os + .os {
+ margin-top: 0;
+}
+.dl-header-other-list li.os::before {
+ color: var(--color-text-secondary);
+ font-family: "fontutti";
+ left: 1.2rem;
+ pointer-events: none;
+ position: absolute;
+ top: 0.8rem;
+ z-index: 1;
+}
+.dl-header-other-list li.os.windows::before {
+ content: "\f17a";
+}
+.dl-header-other-list li.os.macos::before, .dl-header-other-list li.os.macos-apple-silicon::before {
+ content: "\f179";
+}
+.dl-header-other-list li.os.linux::before {
+ content: "\f17c";
+}
+.dl-header-other-list li.os.snap::before {
+ content: "\e84a";
+}
+.dl-header-other-list li.os.steam::before {
+ content: "\f1b6";
+}
+.dl-header-other-list li.os.source::before {
+ content: "\e8be";
+}
+.dl-header-other-list li.os.macos + .separator {
+ display: none;
+}
+.dl-header-other-list li span {
+ display: block;
+ line-height: initial;
+ text-shadow: none;
+ transition: color ease-in-out var(--transition-speed);
+}
+.dl-header-other-list li .build {
+ color: var(--color-text-secondary);
+}
+.dl-header-other-list li .size {
+ color: var(--color-text);
+ margin-left: auto;
+ padding-left: 1.6rem;
+ text-align: right;
+}
+
+.dl-buttons-container {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.hero-overlay-bottom {
+ background-color: transparent;
+ background-image: linear-gradient(transparent, var(--header-bg-color));
+ height: 25rem;
+ top: initial;
+ z-index: 1;
+}
+
+.hero-overlay-top {
+ background-color: transparent;
+ background-image: linear-gradient(var(--header-bg-color), transparent);
+ height: 25rem;
+ opacity: 0.5;
+ top: 0;
+}
+
+.hero-bg-faded {
+ display: flex;
+ height: 100%;
+ justify-content: center;
+ overflow: hidden;
+ position: absolute;
+ width: 100%;
+ /* Overlay a slight blue tint. */
+}
+.hero-bg-faded:after {
+ background-color: rgba(0, 81, 255, 0.1);
+ bottom: 0;
+ content: "";
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1;
+}
+
+.hero-bg-faded-img {
+ position: absolute;
+ top: -370px;
+}
+.hero-bg-faded-img img {
+ max-width: 1500px;
+}
+.hero-bg-faded-img:before, .hero-bg-faded-img:after {
+ background-image: linear-gradient(90deg, var(--header-bg-color), transparent);
+ content: "";
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ z-index: 1;
+}
+.hero-bg-faded-img:after {
+ background-image: linear-gradient(90deg, transparent, var(--header-bg-color));
+ position: absolute;
+ right: 0;
+}
+
+.dl-features {
+ background-color: var(--header-bg-color);
+ color: white;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ padding: 200px 0;
+ position: relative;
+}
+@media (max-width: 899.98px) {
+ .dl-features {
+ padding: 100px 0;
+ }
+}
+.dl-features a:hover h1 {
+ text-decoration: none;
+}
+.dl-features .btn, .dl-features .navbar-mobile-toggler, .dl-features .nav-cta a, .nav-cta .dl-features a, .dl-features .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .dl-features a, .dl-features .blog-comments .form-submit input.submit, .blog-comments .form-submit .dl-features input.submit,
+.dl-features .blog-comments #recaptcha-submit-btn-area input.submit,
+.blog-comments #recaptcha-submit-btn-area .dl-features input.submit, .dl-features .post-password-form input[type=submit], .post-password-form .dl-features input[type=submit] {
+ color: white;
+ background-color: #8861ff;
+ background-image: linear-gradient(350deg, hsl(264, 100%, 69%), hsl(211, 90%, 62%));
+ box-shadow: 0.2rem 0.8rem 0.8rem hsla(220, 100%, 50%, 0.1), 0.1rem 1rem 2.8rem hsla(220, 100%, 50%, 0.1), 0.2rem 1rem 5rem hsla(276, 100%, 50%, 0.5);
+ border: none;
+ transition: background-img var(--transition-speed), transform var(--transition-speed);
+}
+.dl-features .btn:hover, .dl-features .navbar-mobile-toggler:hover, .dl-features .nav-cta a:hover, .nav-cta .dl-features a:hover, .dl-features .navbar-primary .navbar-nav > li:last-child a:hover, .navbar-primary .navbar-nav > li:last-child .dl-features a:hover, .dl-features .blog-comments .form-submit input.submit:hover, .blog-comments .form-submit .dl-features input.submit:hover,
+.dl-features .blog-comments #recaptcha-submit-btn-area input.submit:hover,
+.blog-comments #recaptcha-submit-btn-area .dl-features input.submit:hover, .dl-features .post-password-form input[type=submit]:hover, .post-password-form .dl-features input[type=submit]:hover {
+ background-image: linear-gradient(350deg, hsl(264, 100%, 72%), hsl(211, 90%, 65%));
+}
+.dl-features .dl-overlay.bottom {
+ background-image: linear-gradient(-1deg, #d0253f 49%, transparent 50%);
+}
+.dl-features .dl-bg-img {
+ display: none;
+ background-position: right;
+}
+@media (min-width: 980px) {
+ .dl-features .dl-bg-img {
+ display: block;
+ right: 25%;
+ }
+}
+@media (min-width: 1220px) {
+ .dl-features .dl-bg-img {
+ display: block;
+ right: 42%;
+ }
+}
+@media (min-width: 1220px) {
+ .dl-features .dl-bg-img {
+ display: block;
+ }
+}
+
+.dl-features-moar {
+ font-size: var(--fs-sm);
+ margin-top: 1.6rem;
+}
+
+.dl-bleeding,
+.dl-features-text {
+ line-height: calc(var(--spacer) * 2);
+}
+
+.dl-features-text {
+ font-size: var(--fs-lg);
+ padding-left: 4.8rem;
+}
+.dl-features-text p {
+ margin-bottom: 2.4rem;
+}
+
+.dl-overlay-text {
+ background-image: linear-gradient(to right, #8861ff, #00ff72);
+ bottom: -100%;
+ box-shadow: 0 0 15rem #4321ab;
+ left: 50%;
+ position: absolute;
+ right: -100%;
+ top: -100%;
+ transform: rotate(15deg);
+}
+.dl-overlay-text + .dl-overlay-text {
+ box-shadow: none;
+ left: 45%;
+ opacity: 0.33;
+ display: none;
+}
+
+.dl-bg-img {
+ background-color: var(--color-bg-secondary);
+ background-position: center center;
+ background-size: cover;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.dl-bleeding {
+ --experimental-color-h: 351;
+ --experimental-color-s: 70%;
+ --experimental-color-l: 48%;
+ --experimental-color: hsl(var(--experimental-color-h), var(--experimental-color-s), var(--experimental-color-l));
+ --experimental-btn-color-h: 351;
+ --experimental-btn-color-s: 90%;
+ --experimental-btn-color-l: 60%;
+ --experimental-btn-color: hsl(var(--experimental-btn-color-h), var(--experimental-btn-color-s), var(--experimental-btn-color-l));
+ background-color: #d0253f;
+ background-image: linear-gradient(#d0253f, hsl(340.8771929825, 100%, 40%));
+ color: white;
+ display: flex;
+ flex-direction: column;
+ font-size: var(--fs-lg);
+ justify-content: center;
+ position: relative;
+}
+.dl-bleeding a.btn, .dl-bleeding a.navbar-mobile-toggler, .dl-bleeding .nav-cta a, .nav-cta .dl-bleeding a, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a {
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+ --btn-color: white;
+ --btn-color-bg: var(--experimental-btn-color);
+ --btn-box-shadow: .2rem .8rem .8rem hsl(340deg, 100%, 31%, .15), .1rem 1.0rem 2.8rem hsl(340deg, 100%, 32%, .2), .2rem 1.0rem 5.0rem hsl(340deg, 100%, 32%, .2);
+ margin-top: 0.8rem;
+ padding-left: 4.8rem;
+ padding-right: 4.8rem;
+}
+@media (min-width: 900px) {
+ .dl-bleeding a.btn, .dl-bleeding a.navbar-mobile-toggler, .dl-bleeding .nav-cta a, .nav-cta .dl-bleeding a, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.dl-bleeding a.btn:hover, .dl-bleeding a.navbar-mobile-toggler:hover, .dl-bleeding .nav-cta a:hover, .nav-cta .dl-bleeding a:hover, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a:hover, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.dl-bleeding a.btn:focus, .dl-bleeding a.navbar-mobile-toggler:focus, .dl-bleeding .nav-cta a:focus, .nav-cta .dl-bleeding a:focus, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a:focus, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.dl-bleeding a.btn:focus-visible, .dl-bleeding a.navbar-mobile-toggler:focus-visible, .dl-bleeding .nav-cta a:focus-visible, .nav-cta .dl-bleeding a:focus-visible, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a:focus-visible, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.dl-bleeding a.btn:active, .dl-bleeding a.navbar-mobile-toggler:active, .dl-bleeding .nav-cta a:active, .nav-cta .dl-bleeding a:active, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a:active, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.dl-bleeding a.btn i, .dl-bleeding a.navbar-mobile-toggler i, .dl-bleeding .nav-cta a i, .nav-cta .dl-bleeding a i, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a i, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.dl-bleeding a.btn i svg, .dl-bleeding a.navbar-mobile-toggler i svg, .dl-bleeding .nav-cta a i svg, .nav-cta .dl-bleeding a i svg, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a i svg, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a i svg {
+ max-width: 12px;
+}
+.dl-bleeding a.btn i + span, .dl-bleeding a.navbar-mobile-toggler i + span, .dl-bleeding .nav-cta a i + span, .nav-cta .dl-bleeding a i + span, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a i + span, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a i + span {
+ margin-left: 0.8rem;
+}
+.dl-bleeding a.btn small, .dl-bleeding a.navbar-mobile-toggler small, .dl-bleeding .nav-cta a small, .nav-cta .dl-bleeding a small, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a small, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a small {
+ font-size: var(--fs-xs);
+}
+.dl-bleeding a.btn[disabled], .dl-bleeding a[disabled].navbar-mobile-toggler, .dl-bleeding .nav-cta a[disabled], .nav-cta .dl-bleeding a[disabled], .dl-bleeding .navbar-primary .navbar-nav > li:last-child a[disabled], .navbar-primary .navbar-nav > li:last-child .dl-bleeding a[disabled], .dl-bleeding a.btn.disabled, .dl-bleeding a.disabled.navbar-mobile-toggler, .dl-bleeding .nav-cta a.disabled, .nav-cta .dl-bleeding a.disabled, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a.disabled, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+.dl-bleeding a.btn:hover, .dl-bleeding a.navbar-mobile-toggler:hover, .dl-bleeding .nav-cta a:hover, .nav-cta .dl-bleeding a:hover, .dl-bleeding .navbar-primary .navbar-nav > li:last-child a:hover, .navbar-primary .navbar-nav > li:last-child .dl-bleeding a:hover {
+ background-color: hsl(var(--experimental-btn-color-h), var(--experimental-btn-color-s), 65%);
+ border-color: transparent;
+ color: white;
+}
+.dl-bleeding .dl-overlay {
+ background-image: linear-gradient(-2deg, transparent 49%, var(--color-bg-secondary) 50%);
+}
+.dl-bleeding .container, .dl-bleeding .page-header {
+ margin-bottom: 9.6rem;
+ margin-top: 9.6rem;
+}
+
+.dl-bleeding-icon {
+ align-items: center;
+ display: none;
+ height: 100%;
+ justify-content: center;
+ margin-top: auto;
+ overflow: hidden;
+ padding-bottom: 9.6rem;
+ padding-top: 9.6rem;
+ transition: transform 250ms ease-out, border-color 250ms ease-out;
+ width: 100%;
+}
+@media (min-width: 980px) {
+ .dl-bleeding-icon {
+ display: flex;
+ }
+}
+.dl-bleeding-icon:hover svg {
+ transform: scale(2.4) rotate(-45deg);
+ opacity: 1;
+}
+.dl-bleeding-icon svg {
+ display: block;
+ fill: white;
+ transform: scale(2.4);
+ margin: auto;
+ opacity: 0.5;
+ transition: transform 350ms ease-in-out, opacity 1s ease-in-out;
+}
+
+.dl-overlay {
+ background-image: linear-gradient(2deg, transparent 49%, var(--header-bg-color) 50%);
+ height: 5rem;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 0;
+}
+.dl-overlay.bottom {
+ bottom: 0;
+ top: initial;
+}
+
+.js-toggle-menu {
+ cursor: pointer;
+}
+
+.dl-announcement {
+ color: var(--color-text-tertiary);
+ font-size: var(--fs-sm);
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 400px;
+ padding: 1.6rem;
+}
+.dl-announcement a {
+ text-decoration: underline;
+}
+
+.hero-overlay,
+.dl-overlay {
+ pointer-events: none;
+}
+
+.ps-thanks {
+ --box-shadow-card-lg: rgba(black, 0.2) 0 .8rem 2.4rem;
+}
+.ps-thanks .hero {
+ --header-bg-color: hsl(213, 10%, 0%);
+ height: 88vh;
+ max-height: unset;
+ min-height: 84rem;
+}
+.ps-thanks .hero h1 {
+ text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.33), 0 1rem 5rem rgba(0, 0, 0, 0.5);
+}
+.ps-thanks .hero-bg-faded-img {
+ filter: blur(5rem);
+}
+.ps-thanks details {
+ background-color: rgba(0, 0, 0, 0.15);
+ display: inline-block;
+ font-size: var(--fs-sm);
+ margin: 0 auto;
+ max-width: 680px;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.8rem;
+ padding-top: 0.8rem;
+ text-align: center;
+}
+.ps-thanks details[open] summary {
+ opacity: 0.5;
+}
+.ps-thanks details[open] u {
+ text-decoration: none;
+}
+.ps-thanks details summary {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--font-weight);
+ padding: 0;
+ opacity: 0.75;
+}
+.ps-thanks details summary:before {
+ display: none;
+}
+.ps-thanks .container-main {
+ overflow: hidden;
+}
+
+.download-status {
+ text-align: center;
+}
+
+.d-alt-mirrors {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+}
+.d-alt-mirrors ul {
+ margin: 0;
+ padding: 0.8rem;
+ justify-content: center;
+}
+.d-alt-mirrors ul li a {
+ background-color: rgba(255, 255, 255, 0.2);
+ border-radius: var(--border-radius);
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+}
+
+.features-cards {
+ margin-top: 2rem;
+}
+.features-cards h1 {
+ padding-left: 1rem;
+}
+.features-cards .cards-item-excerpt {
+ font-size: 1.6rem;
+ padding-top: 0.8rem;
+}
+
+.features-nav {
+ background-color: white;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ position: sticky;
+ top: calc(var(--navbar-primary-height) * 2);
+ width: 100%;
+ padding: 1.6rem;
+}
+.features-nav ul {
+ list-style-type: none;
+}
+.features-nav li {
+ position: relative;
+}
+.features-nav ul, .features-nav ul li, .features-nav ul li a {
+ margin: 0;
+ padding: 0;
+}
+.features-nav a {
+ display: flex;
+ width: 100%;
+}
+.features-nav ul.nav {
+ flex-direction: column;
+ border-left: 0.3rem solid var(--color-bg-secondary);
+}
+.features-nav ul.nav > li {
+ margin-top: 1rem;
+ /* Feature Category (Cycles, Eevee, etc) */
+ /* Feature Detail (Bake, GPU, etc) */
+}
+.features-nav ul.nav > li:first-child {
+ border: none;
+ margin-top: 0;
+}
+.features-nav ul.nav > li > a {
+ display: flex;
+ font-size: 1.25em;
+ padding: 1rem 1.8rem;
+}
+.features-nav ul.nav > li.active > a {
+ color: var(--color-accent);
+}
+.features-nav ul.nav > li > ul > li > a {
+ padding: 0.7rem 1.8rem 0.7rem 3.8rem;
+}
+.features-nav ul.nav > li > ul > li > a:before {
+ content: "";
+ position: absolute;
+ top: 1.8rem;
+ left: 1.7rem;
+ width: 0.4rem;
+ height: 0.4rem;
+ border-radius: 50%;
+ background-color: var(--color-text-tertiary);
+ transition: all 100ms ease-in-out;
+}
+.features-nav ul.nav > li > ul > li > a:hover:before {
+ background-color: var(--color-accent);
+}
+.features-nav ul.nav > li > ul > li.active > a {
+ color: var(--color-accent);
+}
+.features-nav ul.nav > li > ul > li.active > a:before {
+ width: 0.7rem;
+ height: 0.7rem;
+ background-color: var(--color-accent);
+ top: 1.4rem;
+ left: 1.6rem;
+}
+
+.features-index .category-row {
+ display: flex;
+ width: 100%;
+ padding: 1rem;
+}
+@media (max-width: 899.98px) {
+ .features-index .category-row {
+ flex-direction: column;
+ }
+}
+.features-index .category-row a {
+ color: var(--color-text-secondary);
+}
+.features-index .category-row a:hover {
+ color: var(--color-accent);
+ text-decoration: underline;
+}
+.features-index .category-row .category-title, .features-index .category-row .category-sub-title {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ max-width: 100px;
+ min-width: 100px;
+ text-align: right;
+}
+@media (max-width: 899.98px) {
+ .features-index .category-row .category-title, .features-index .category-row .category-sub-title {
+ margin-bottom: 2rem;
+ }
+}
+.features-index .category-row .category-sub-row {
+ display: flex;
+ flex: 1;
+ margin: 0 0 0 2rem;
+ padding: 0 1rem;
+}
+.features-index .category-row .category-sub-details {
+ border-left: 0.3rem solid rgba(77, 78, 83, 0.1);
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ margin: 0 0 0 1rem;
+ padding: 0;
+}
+.features-index .category-row .category-sub-details > li {
+ padding: 0 1rem;
+}
+.features-index .category-row .category-sub-details > li a {
+ color: var(--color-accent);
+}
+
+.cards.features-category {
+ --cards-items-per-row: 1;
+}
+.cards.features-category .js-isolify {
+ cursor: pointer;
+}
+.cards.features-category .cards-item {
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+}
+.cards.features-category .cards-item-pretitle {
+ color: var(--color-text-secondary);
+}
+.cards.features-category .cards-item-pretitle a {
+ color: var(--color-text-secondary);
+}
+.cards.features-category .cards-item-pretitle i {
+ color: var(--color-text-tertiary);
+ font-size: 0.8em;
+ padding: 0 0.8rem;
+}
+.cards.features-category .cards-item-title {
+ font-size: 2rem;
+ padding-top: 2rem;
+}
+.cards.features-category .cards-item-description {
+ font-size: 1.6rem;
+}
+.cards.features-category a.cards-item-title:hover {
+ color: #4d4e53;
+}
+.cards.features-category .cards-item-thumbnail:hover img {
+ transform: initial;
+}
+.cards.features-category .subcat .cards-item-content .cards-item-title {
+ font-size: var(--fs-h2);
+ font-weight: normal;
+}
+
+.cards-item-label {
+ background-color: rgba(77, 78, 83, 0.05);
+ border-radius: var(--border-radius);
+ color: rgba(77, 78, 83, 0.66);
+ float: right;
+ font-size: 0.9rem;
+ font-weight: normal;
+ line-height: 1.8em;
+ padding: 0 1.8rem;
+}
+
+.nav a .cards-item-label {
+ font-size: 1rem;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ padding: 0 0.8rem;
+ float: unset;
+ line-height: 1em;
+ background-color: unset;
+}
+
+/* Support - listing cards (tutorials, user-stories, etc) */
+.container.listing_cards .row + .row, .listing_cards.page-header .row + .row {
+ margin-top: 2rem !important;
+}
+
+.support__listing_section {
+ padding: 2rem;
+ display: flex;
+ flex-wrap: wrap;
+}
+.support__listing_section h2 {
+ margin: 0;
+ width: 100%;
+}
+.support__listing_section p {
+ position: initial;
+ margin: 0;
+}
+.support__listing_section-item-regular, .support__listing_section-item-featured {
+ width: 50%;
+ margin: 2.8rem 0 0.8rem 0;
+}
+@media (max-width: 899.98px) {
+ .support__listing_section-item-regular, .support__listing_section-item-featured {
+ width: 100%;
+ }
+}
+@media (min-width: 900px) {
+ .support__listing_section-item-regular, .support__listing_section-item-featured {
+ width: 100%;
+ }
+}
+.support__listing_section-item-regular-title, .support__listing_section-item-featured-title {
+ display: block;
+ margin: 0 0 0.8rem 0 !important;
+ padding: 0 1.8rem 0 0;
+ font-size: 1.6em;
+}
+.support__listing_section-item-regular-description, .support__listing_section-item-featured-description {
+ display: block;
+ margin: 0;
+ padding: 0 1.8rem 0 0;
+ line-height: 1.6em;
+}
+.support__listing_section-item-regular-description p, .support__listing_section-item-featured-description p {
+ margin-bottom: 1.8rem;
+}
+.support__listing_section-item-regular-thumbnail, .support__listing_section-item-featured-thumbnail {
+ display: block;
+ float: left;
+ margin: 0 1.8rem 0 0;
+}
+.support__listing_section-item-regular-thumbnail:hover, .support__listing_section-item-featured-thumbnail:hover {
+ opacity: 0.9;
+}
+.support__listing_section-item-regular-thumbnail img, .support__listing_section-item-featured-thumbnail img {
+ border-radius: 0.3rem;
+}
+.support__listing_section-item-featured {
+ width: 100%;
+ padding: 0 0 2rem 0;
+ border-bottom: thin solid hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 62%));
+}
+.support__listing_section-item-featured-title {
+ display: block;
+ margin: 0 0 0.8rem 0 !important;
+ padding: 0 1.8rem 0 0;
+ font-size: 2.3em;
+}
+@media (max-width: 899.98px) {
+ .support__listing_section-item-featured-title {
+ font-size: 1.8em;
+ }
+}
+@media (min-width: 900px) {
+ .support__listing_section-item-featured-title {
+ font-size: 1.8em;
+ }
+}
+.support__listing_section-item-featured-thumbnail {
+ max-width: 50%;
+}
+@media (max-width: 899.98px) {
+ .support__listing_section-item-featured-thumbnail {
+ width: 100%;
+ margin-bottom: 1.8rem;
+ }
+}
+@media (min-width: 900px) {
+ .support__listing_section-item-featured-thumbnail {
+ width: 100%;
+ margin-bottom: 1.8rem;
+ }
+}
+.support__listing_section-item-featured-thumbnail img {
+ max-width: 100%;
+ max-height: 400px;
+ object-fit: contain;
+}
+.support__listing_section-item-featured-description {
+ font-size: 1.2em;
+ padding: 1rem 1.8rem 0 0;
+}
+
+/* Release Logs */
+.release-logs-header {
+ --header-bg-blursize: 1.8rem;
+ position: relative;
+ overflow: hidden;
+}
+.release-logs-header-bg {
+ background-size: cover;
+ bottom: calc(var(--header-bg-blursize) * -1);
+ filter: blur(var(--header-bg-blursize));
+ left: calc(var(--header-bg-blursize) * -2);
+ position: absolute;
+ right: calc(var(--header-bg-blursize) * -2);
+ top: calc(var(--header-bg-blursize) * -2);
+ z-index: 0;
+}
+.release-logs-header-info {
+ padding-top: 1.8rem;
+ position: relative;
+ z-index: 1;
+}
+.release-logs-header .featured-overlay {
+ background-color: rgba(34, 34, 51, 0.7);
+}
+.release-logs .cards-item-excerpt {
+ font-size: 1.4rem;
+}
+
+.features__releaselogs-splash_image {
+ align-self: baseline;
+ cursor: pointer;
+ margin-bottom: 2.8rem;
+ padding-top: 2.8rem;
+ position: relative;
+ text-align: center;
+}
+.features__releaselogs-splash_image:hover .features__releaselogs_section-thumbnail-credits {
+ opacity: 1;
+}
+.features__releaselogs-splash_image img {
+ background-color: #222;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ max-width: 50.1rem;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs-splash_image img {
+ width: 100%;
+ }
+}
+.features__releaselogs_introduction {
+ display: flex;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_introduction {
+ flex-direction: column;
+ }
+}
+.features__releaselogs_introduction-box {
+ color: white;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: space-between;
+ margin: 2.8rem;
+ padding: 0 1rem;
+ text-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.5);
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_introduction-box {
+ margin: 0;
+ }
+}
+.features__releaselogs_introduction-box p {
+ padding-bottom: 0.8rem;
+}
+.features__releaselogs_introduction-box ul {
+ padding-left: 2rem;
+}
+.features__releaselogs_introduction-box ul + p {
+ padding-top: 1.8rem;
+}
+.features__releaselogs_introduction-box ul > li {
+ margin-bottom: 0.3rem;
+}
+.features__releaselogs_introduction-box ul > li:after {
+ content: "ยท";
+ color: white;
+ left: -1.8rem;
+}
+.features__releaselogs_introduction-text {
+ padding: 0 1rem 1rem;
+ font-size: 1.1em;
+}
+.features__releaselogs_introduction-text a {
+ color: white;
+ text-decoration: underline;
+}
+.features__releaselogs_introduction-text a:hover {
+ color: var(--color-accent);
+}
+.features__releaselogs_introduction-text ul li:last-child {
+ margin-bottom: 0;
+}
+.features__releaselogs_introduction-download_container {
+ align-items: center;
+ border-top: thin solid #646469;
+ display: flex;
+ justify-content: center;
+ margin-top: 1.8rem;
+ padding-top: 1.8rem;
+}
+.features__releaselogs_introduction-download_button {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ color: rgba(255, 255, 255, 0.87) !important;
+ display: block;
+ flex: 1;
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-bold);
+ text-align: center;
+}
+.features__releaselogs_introduction-download_button:hover {
+ color: white !important;
+ text-decoration: underline;
+}
+.features__releaselogs_introduction-download_old, .features__releaselogs_introduction-download_old:visited {
+ color: rgba(255, 255, 255, 0.54);
+ display: inline-block;
+ flex: 1;
+ text-align: center;
+}
+.features__releaselogs_introduction-download_old:hover, .features__releaselogs_introduction-download_old:visited:hover {
+ color: rgba(255, 255, 255, 0.87);
+ text-decoration: underline;
+}
+.features__releaselogs_index {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ position: relative;
+ padding-left: 100px;
+ padding-right: 100px;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_index {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+}
+.features__releaselogs_index a {
+ display: inline-block;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+}
+.features__releaselogs_whatsnew {
+ font-weight: normal;
+ font-variation-settings: "wght" 300;
+ position: relative;
+ text-align: center;
+ width: 100%;
+}
+.features__releaselogs_whatsnew h1.text-overlay {
+ animation: huerotate 10s linear infinite;
+ background: linear-gradient(to right, cyan, violet);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ z-index: 1;
+}
+.features__releaselogs_section {
+ background-color: var(--color-bg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding: 5rem 1rem;
+ position: relative;
+ /* Give text on tabs same color as the rest. */
+}
+@media (min-width: 1220px) {
+ .features__releaselogs_section {
+ padding: 8rem 1.6rem;
+ }
+}
+.features__releaselogs_section hr {
+ width: 100%;
+ margin: 1.8rem auto;
+}
+.features__releaselogs_section .nav-link {
+ color: currentColor;
+ opacity: 0.6;
+}
+.features__releaselogs_section .nav-link.active {
+ color: currentColor;
+ opacity: 1;
+}
+.features__releaselogs_section.odd {
+ background-color: var(--color-bg-secondary);
+}
+.features__releaselogs_section.odd .cards-item-content {
+ background-color: var(--color-bg);
+}
+.features__releaselogs_section.compatibility-warning {
+ padding-bottom: 4.8rem;
+ padding-top: 4.8rem;
+ border-top: 0.2rem solid rgba(235, 94, 40, 0.2);
+}
+.features__releaselogs_section.compatibility-warning .features__releaselogs_section-title {
+ color: #EB5E28;
+}
+.features__releaselogs_section.compatibility-warning .features__releaselogs_section-title:after {
+ background-color: #EB5E28;
+}
+.features__releaselogs_section.minor-feature, .features__releaselogs_section.compatibility-warning {
+ padding-bottom: 2.8rem;
+ padding-top: 2.8rem;
+}
+.features__releaselogs_section.minor-feature .features__releaselogs_section-description, .features__releaselogs_section.compatibility-warning .features__releaselogs_section-description {
+ padding-bottom: 0;
+}
+.features__releaselogs_section.minor-feature .description-text, .features__releaselogs_section.compatibility-warning .description-text {
+ font-size: 1.6rem;
+}
+.features__releaselogs_section.minor-feature .features__releaselogs_section-title, .features__releaselogs_section.compatibility-warning .features__releaselogs_section-title {
+ font-size: 1.5em;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-title {
+ margin-bottom: 1.8rem;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-intro {
+ flex-direction: column-reverse;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-intro ul {
+ text-align: left;
+ max-width: 500px;
+ margin: 0 auto;
+}
+.features__releaselogs_section.major-feature .description-text {
+ font-size: 2.1rem;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-thumbnail {
+ width: 100%;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-thumbnail img {
+ max-height: 680px;
+}
+.features__releaselogs_section.major-feature .features__releaselogs_section-gallery {
+ justify-content: center;
+}
+.features__releaselogs_section-box {
+ display: flex;
+ flex-direction: column;
+}
+.features__releaselogs_section-description {
+ clear: both;
+ display: block;
+ padding: 0 5rem 3rem;
+ width: 100%;
+ word-break: break-word;
+}
+.features__releaselogs_section-description:after {
+ /* Basically same as .clearfix from Bootstrap. */
+ clear: both;
+ display: block;
+ content: " ";
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-description {
+ width: 100%;
+ margin-top: 1.8rem;
+ padding: 0 0 3rem;
+ }
+}
+.features__releaselogs_section-description ul {
+ margin-bottom: 1.8rem;
+}
+.features__releaselogs_section-description .description-text {
+ font-size: 1.8rem;
+ max-width: 700px;
+}
+@media (min-width: 1220px) {
+ .features__releaselogs_section-description .description-text {
+ max-width: 1000px;
+ }
+}
+.features__releaselogs_section-description .description-text img {
+ max-width: 100%;
+}
+.features__releaselogs_section-description .description-text a {
+ color: currentColor;
+ text-decoration: underline;
+}
+.features__releaselogs_section-description .read-more {
+ color: currentColor;
+ display: inline-block;
+ margin-top: 1.8rem;
+ margin-bottom: 1.8rem;
+ opacity: 0.5;
+ padding: 0.8rem 0;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-description .read-more {
+ display: block;
+ text-align: center;
+ }
+}
+.features__releaselogs_section-description .read-more:hover {
+ border-color: #ff8844;
+}
+.features__releaselogs_section-intro {
+ display: flex;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-intro {
+ flex-direction: column;
+ }
+}
+.features__releaselogs_section-intro.section-flip {
+ flex-direction: row-reverse;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-intro.section-flip {
+ flex-direction: column;
+ }
+}
+.features__releaselogs_section-title, .features__releaselogs_section-title:visited {
+ color: currentColor;
+ display: inline-block;
+ font-size: 1.8em;
+ padding-bottom: 1rem;
+ position: relative;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-title, .features__releaselogs_section-title:visited {
+ font-size: 1.5em;
+ padding-top: 1rem;
+ }
+}
+.features__releaselogs_section-title:hover, .features__releaselogs_section-title:visited:hover {
+ color: inherit;
+}
+.features__releaselogs_section-title:hover span, .features__releaselogs_section-title:visited:hover span {
+ opacity: 1;
+}
+.features__releaselogs_section-title span, .features__releaselogs_section-title:visited span {
+ color: var(--color-accent);
+ font-size: 0.7em;
+ opacity: 0;
+ padding: 0.8rem;
+ position: absolute;
+ right: -3.8rem;
+ top: 0.2rem;
+}
+.features__releaselogs_section-title span:hover, .features__releaselogs_section-title:visited span:hover {
+ color: var(--color-accent);
+}
+.features__releaselogs_section-gallery {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 1.8rem auto;
+ width: 100%;
+}
+.features__releaselogs_section-gallery figure {
+ background-color: var(--color-bg-secondary);
+ box-shadow: 0.1rem 0.1rem 0.8rem rgba(0, 0, 0, 0.1);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ margin-bottom: 0.8rem;
+ margin-left: 0;
+ margin-right: 2rem;
+ margin-top: 1rem;
+ max-height: 12rem;
+ max-width: 20.28rem;
+ overflow: hidden;
+ position: relative;
+}
+.features__releaselogs_section-gallery figure img {
+ min-width: 12rem;
+ min-height: 12rem;
+ object-fit: cover;
+ transition: opacity 150ms ease-in-out;
+}
+.features__releaselogs_section-gallery figure:hover {
+ cursor: pointer;
+}
+.features__releaselogs_section-gallery figure:hover img {
+ opacity: 0.8;
+}
+.features__releaselogs_section-gallery figure i.gallery-item-icon {
+ bottom: 1.8rem;
+ color: white;
+ font-size: 1.2rem;
+ left: 1.8rem;
+ pointer-events: none;
+ position: absolute;
+ z-index: 1;
+}
+.features__releaselogs_section-thumbnail {
+ align-items: flex-start;
+ align-self: baseline;
+ cursor: zoom-in;
+ display: flex;
+ justify-content: center;
+ min-width: 35rem;
+ position: relative;
+ width: 35rem;
+}
+@media (max-width: 899.98px) {
+ .features__releaselogs_section-thumbnail {
+ min-width: auto;
+ width: 100%;
+ }
+}
+@media (min-width: 900px) {
+ .features__releaselogs_section-thumbnail {
+ min-width: auto;
+ }
+}
+.features__releaselogs_section-thumbnail:hover .features__releaselogs_section-thumbnail-credits {
+ opacity: 1;
+}
+.features__releaselogs_section-thumbnail img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ max-width: 100%;
+ max-height: 300px;
+ display: inline-block;
+ object-fit: contain;
+}
+.features__releaselogs_section-thumbnail-credits {
+ background-color: #4d4e53;
+ border-radius: 0.2rem;
+ bottom: 1rem;
+ box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
+ color: rgba(255, 255, 255, 0.87);
+ font-size: 0.7em;
+ left: 50%;
+ opacity: 0;
+ padding: 0.2rem 0.8rem;
+ position: absolute;
+ transform: translateX(-50%);
+ transition: opacity 250ms ease-in-out;
+ z-index: 1;
+}
+.features__releaselogs_section-thumbnail-credits a {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+.support-container {
+ background-color: var(--color-bg-secondary);
+ position: relative;
+ z-index: 1;
+}
+
+.section-bg {
+ position: relative;
+}
+@media (min-width: 1220px) {
+ .section-bg {
+ position: absolute;
+ bottom: 0;
+ height: 100%;
+ overflow: hidden;
+ top: 0;
+ }
+}
+.section-bg img {
+ margin-bottom: 4.8rem;
+ max-width: 100%;
+}
+@media (min-width: 1220px) {
+ .section-bg img {
+ margin-bottom: 0;
+ max-width: unset;
+ }
+}
+
+@media (min-width: 1220px) {
+ .bg-align-left {
+ left: 0;
+ right: calc(50vw - (50vw - 50%));
+ }
+ .bg-align-left img {
+ float: right;
+ }
+}
+@media (min-width: 1220px) {
+ .bg-align-right {
+ left: calc(50vw - (50vw - 50%));
+ right: 0;
+ }
+}
+
+.box-align-left, .box-align-right {
+ width: 100%;
+}
+@media (min-width: 1220px) {
+ .box-align-left {
+ margin-left: auto;
+ width: 50%;
+ }
+}
+@media (min-width: 1220px) {
+ .box-align-right {
+ width: 50%;
+ }
+}
+
+.trainer-thumbnail {
+ overflow: hidden;
+ border-radius: 50%;
+ position: relative;
+ height: 180px;
+ min-height: 180px;
+ min-width: 180px;
+ position: relative;
+ width: 180px;
+}
+.trainer-thumbnail img {
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ max-width: 100%;
+ min-width: 100%;
+}
+
+.in-viewport-fade {
+ opacity: 0;
+ transform: translate(0);
+ transition: opacity 1s, transform 0.5s;
+}
+.in-viewport-fade.fade-up {
+ transform: translateY(6rem);
+}
+.in-viewport-fade.fade-down {
+ transform: translateY(-6rem);
+}
+.in-viewport-fade.fade-left {
+ transform: translateX(-6rem);
+}
+.in-viewport-fade.fade-right {
+ transform: translateX(6rem);
+}
+.in-viewport-fade.in-viewport {
+ opacity: 1;
+ transform: translate(0);
+}
+
+.is-style-rounded {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ /* Some blocks have overlays in :before. */
+}
+.is-style-rounded:before {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+.is-style-rounded .wp-block-cover__gradient-bg,
+.is-style-rounded .wp-block-cover__image-bg {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+.is-style-cover-left-half,
+.is-style-cover-right-half {
+ background-color: unset;
+ background-position-x: 50vw !important;
+ background-repeat: no-repeat;
+ /* When using half background, assume first column. */
+}
+.is-style-cover-left-half .wp-block-column:first-child p,
+.is-style-cover-right-half .wp-block-column:first-child p {
+ padding-right: 3.2rem;
+}
+
+.wp-block-cover.is-style-cover-right-half {
+ /* 1.6rem is scrollbar width. */
+ background-position-x: calc(-50vw + 1.6rem) !important;
+ /* When using half background, assume 2 columns. */
+}
+.wp-block-cover.is-style-cover-right-half .wp-block-column + .wp-block-column {
+ padding-left: 8rem;
+}
+
+/* Style "Background Center Full Size". */
+.wp-block-cover.is-style-cover-center-full,
+.wp-block-cover.is-style-cover-center-full {
+ overflow: hidden;
+}
+.wp-block-cover.is-style-cover-center-full img.wp-block-cover__image-bg,
+.wp-block-cover.is-style-cover-center-full video.wp-block-cover__video-bg,
+.wp-block-cover.is-style-cover-center-full img.wp-block-cover__image-bg,
+.wp-block-cover.is-style-cover-center-full video.wp-block-cover__video-bg {
+ bottom: initial;
+ height: unset;
+ left: 50%;
+ object-fit: none;
+ object-position: top center;
+ right: initial;
+ transform: translateX(-50%);
+ width: unset;
+}
+
+/* Groups. */
+.wp-block-group.is-style-box + .box, .wp-block-group.is-style-box + .notifications-list, .wp-block-group.is-style-box + details, .wp-block-group.is-style-box + .post-password-form, .wp-block-group.is-style-box + .support__listing_section, .wp-block-group.is-style-box + .wp-block-group.is-style-box,
+.wp-block-group.is-style-box + .wp-block-column.is-style-box,
+.wp-block-group.is-style-box + .wp-block-columns.is-style-box,
+.wp-block-column.is-style-box + .box,
+.wp-block-column.is-style-box + .notifications-list,
+.wp-block-column.is-style-box + details,
+.wp-block-column.is-style-box + .post-password-form,
+.wp-block-column.is-style-box + .support__listing_section,
+.wp-block-column.is-style-box + .wp-block-group.is-style-box,
+.wp-block-column.is-style-box + .wp-block-column.is-style-box,
+.wp-block-column.is-style-box + .wp-block-columns.is-style-box,
+.wp-block-columns.is-style-box + .box,
+.wp-block-columns.is-style-box + .notifications-list,
+.wp-block-columns.is-style-box + details,
+.wp-block-columns.is-style-box + .post-password-form,
+.wp-block-columns.is-style-box + .support__listing_section,
+.wp-block-columns.is-style-box + .wp-block-group.is-style-box,
+.wp-block-columns.is-style-box + .wp-block-column.is-style-box,
+.wp-block-columns.is-style-box + .wp-block-columns.is-style-box {
+ margin-top: unset;
+}
+
+/* Columns. */
+@media (min-width: 1220px) {
+ .wp-block-columns.is-style-wide {
+ margin-left: -10%;
+ width: 120%;
+ }
+}
+
+/* Images. */
+.wp-block-image.is-style-circle-mask img,
+.wp-block-image.is-style-rounded img,
+.wp-block-image:not(.is-style-rounded) img {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+/* Paragraph Plus. */
+.wp-block-paragraph-plus {
+ display: block;
+ line-height: 1;
+ /* in this blocks have a background color, so add padding. */
+}
+.wp-block-paragraph-plus.float-center {
+ text-align: center;
+}
+.wp-block-paragraph-plus p {
+ margin-bottom: 0;
+}
+.wp-block-paragraph-plus em {
+ padding: 0.2rem 0.8rem;
+}
+.wp-block-paragraph-plus strong {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-title);
+}
+
+/* Massive titles style. */
+.is-style-massive-title {
+ font-weight: normal;
+ font-variation-settings: "wght" var(--fw-title);
+ font-size: var(--fs-hero-title);
+ line-height: 1.3em;
+}
+@media (max-width: 899.98px) {
+ .is-style-massive-title {
+ font-size: 6vh !important;
+ }
+}
+
+/* Image block. */
+.wp-block-image {
+ text-align: center;
+}
+
+.wp-block-image img,
+.wp-block-image:not(.is-style-rounded) {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ height: auto;
+}
+
+.wp-block-image.img-full,
+.wp-block-image.img-full figure,
+.wp-block-image.img-full figure img {
+ width: 100%;
+}
+
+.wp-block-image.is-style-js-isolify img {
+ cursor: pointer;
+ transition: transform 150ms ease-in-out;
+}
+.wp-block-image.is-style-js-isolify img:hover {
+ transform: scale(1.02);
+}
+
+/* Centered paragraph with large text.
+ * * Used mainly in the release notes as sections subtitles. */
+.is-style-paragraph-center-large {
+ font-size: var(--fs-lg);
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 680px;
+ text-align: center;
+}
+
+/* Captions. */
+.wp-block-image figcaption,
+.wp-block-embed figcaption,
+.wp-block-video figcaption {
+ color: inherit;
+ font-size: var(--fs-sm);
+ line-height: initial;
+ opacity: 0.6;
+ text-align: center;
+}
+.wp-block-image figcaption a,
+.wp-block-embed figcaption a,
+.wp-block-video figcaption a {
+ text-decoration: underline;
+}
+
+/* Video. */
+.wp-block-video video {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+/* Tweets. */
+.wp-block-embed-twitter .twitter-tweet {
+ background-color: unset;
+ border: none;
+ margin-inline: auto;
+}
+.wp-block-embed-twitter .twitter-tweet iframe {
+ background-color: transparent;
+}
+.wp-block-embed-twitter .twitter-tweet html body article {
+ background-color: red !important;
+}
+.wp-block-embed-twitter .twitter-tweet #app div {
+ border: none !important;
+}
+
+/* Separators. */
+.wp-block-separator {
+ position: relative;
+ background: none !important;
+ border: none;
+ height: auto;
+ line-height: 1;
+ text-align: center;
+}
+.wp-block-separator::before {
+ color: currentColor;
+ content: "ยทยทยท";
+ font-family: serif;
+ font-size: 1.5em;
+ letter-spacing: 2em;
+ padding-left: 2em;
+ opacity: 0.33;
+}
+
+/* Extend BS responsive classes in WP YouTube embeds. */
+.wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+/* Cards. */
+.cards.cards-center .cards {
+ justify-content: center;
+}
+
+/* Make the block-cover inner-container width. */
+@media (max-width: 899.98px) {
+ .wp-block-cover__inner-container {
+ width: 100vw !important;
+ }
+}
+
+/* Table */
+.wp-block-table {
+ border-bottom: none !important;
+ /* Custom width for the first cell in rows,
+ * * usually used to describe the content of the row. */
+}
+.wp-block-table table {
+ box-shadow: inset 0 0 0 0.2rem var(--table-border-color) !important;
+}
+.wp-block-table table th, .wp-block-table table td {
+ border: none;
+}
+.wp-block-table table thead {
+ border-color: var(--border-color);
+}
+.wp-block-table table tbody tr td:first-child {
+ border-bottom-left-radius: var(--border-radius-lg);
+}
+.wp-block-table table tbody tr td:last-child {
+ border-bottom-right-radius: var(--border-radius-lg);
+}
+.wp-block-table.is-style-stripes table tbody tr:nth-child(odd) {
+ background-color: rgba(0, 0, 0, 0.025);
+}
+.wp-block-table.table-first-cell-width {
+ --table-first-cell-width: 8ch;
+}
+.wp-block-table.table-first-cell-width tr {
+ display: flex;
+}
+.wp-block-table.table-first-cell-width tr th, .wp-block-table.table-first-cell-width tr td {
+ flex: 1;
+}
+.wp-block-table.table-first-cell-width tr th:first-child, .wp-block-table.table-first-cell-width tr td:first-child {
+ flex: 0 1 auto;
+ white-space: nowrap;
+ width: var(--table-first-cell-width, 8ch);
+}
+
+/* File attachments. */
+/* It needs to be nested in .entry-content to overcome specificity. */
+.entry-content .wp-block-file {
+ align-items: center;
+ background-color: var(--color-bg-secondary);
+ border-radius: var(--border-radius);
+ display: flex;
+ padding: 1.6rem;
+}
+.entry-content .wp-block-file > a:first-child {
+ flex: 1;
+ text-decoration: none;
+}
+.entry-content .wp-block-file > a:first-child:hover {
+ text-decoration: underline;
+}
+.entry-content .wp-block-file .wp-block-file__button {
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+ margin-left: auto;
+ padding-left: 4.8rem;
+ padding-right: 4.8rem;
+}
+@media (min-width: 900px) {
+ .entry-content .wp-block-file .wp-block-file__button {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.entry-content .wp-block-file .wp-block-file__button:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.entry-content .wp-block-file .wp-block-file__button:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.entry-content .wp-block-file .wp-block-file__button:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.entry-content .wp-block-file .wp-block-file__button:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.entry-content .wp-block-file .wp-block-file__button i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.entry-content .wp-block-file .wp-block-file__button i svg {
+ max-width: 12px;
+}
+.entry-content .wp-block-file .wp-block-file__button i + span {
+ margin-left: 0.8rem;
+}
+.entry-content .wp-block-file .wp-block-file__button small {
+ font-size: var(--fs-xs);
+}
+.entry-content .wp-block-file .wp-block-file__button[disabled], .entry-content .wp-block-file .wp-block-file__button.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+
+/* Accordion. */
+.wp-block-accordion {
+ margin-bottom: 2.4rem;
+}
+
+/* Buttons. */
+.wp-block-buttons .wp-block-button .wp-block-button__link,
+.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
+ transition: transform var(--transition-speed) ease-in-out;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+}
+.wp-block-buttons .wp-block-button .wp-block-button__link:hover,
+.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover {
+ transform: scale(1.033);
+}
+.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link,
+.wp-block-buttons .wp-block-button.is-style-text .wp-block-button__link {
+ background-color: transparent !important;
+ background-image: none !important;
+}
+.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
+ border: var(--border-width) solid currentColor;
+}
+.wp-block-buttons .wp-block-button.is-style-text .wp-block-button__link {
+ border-color: transparent;
+}
+.wp-block-buttons .wp-block-button__link {
+ background-color: var(--btn-color-bg);
+ background-image: var(--btn-bg-img);
+ backface-visibility: hidden;
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius);
+ border: none;
+ box-shadow: var(--btn-box-shadow);
+ color: var(--btn-color);
+ display: inline-block;
+ font-weight: normal;
+ font-variation-settings: "wght" 500;
+ line-height: var(--spacer-4);
+ outline: none;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none !important;
+ text-shadow: none;
+ transition: background-color var(--transition-speed), background-image var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed) ease-out, transform var(--transition-speed-fast);
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+@media (min-width: 900px) {
+ .wp-block-buttons .wp-block-button__link {
+ line-height: calc(var(--spacer) * 2);
+ }
+}
+.wp-block-buttons .wp-block-button__link:hover {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg-hover);
+ color: var(--btn-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.wp-block-buttons .wp-block-button__link:focus {
+ background-color: var(--btn-color-bg);
+ border-color: var(--btn-color);
+ color: var(--btn-color);
+ outline: none;
+}
+.wp-block-buttons .wp-block-button__link:focus-visible {
+ outline: calc(var(--border-width) * 2) solid var(--color-accent);
+}
+.wp-block-buttons .wp-block-button__link:active {
+ background-color: var(--btn-color-bg-hover);
+ background-image: var(--btn-bg-img-hover);
+ border-color: var(--btn-color-bg);
+ outline: none;
+ transform: scale(0.95);
+}
+.wp-block-buttons .wp-block-button__link i {
+ color: currentColor;
+ display: inline-block;
+ pointer-events: none;
+}
+.wp-block-buttons .wp-block-button__link i svg {
+ max-width: 12px;
+}
+.wp-block-buttons .wp-block-button__link i + span {
+ margin-left: 0.8rem;
+}
+.wp-block-buttons .wp-block-button__link small {
+ font-size: var(--fs-xs);
+}
+.wp-block-buttons .wp-block-button__link[disabled], .wp-block-buttons .wp-block-button__link.disabled {
+ opacity: 0.4;
+ pointer-events: none;
+}
+.wp-block-buttons .wp-block-button__link:hover {
+ text-decoration: none;
+}
+
+/* Words Cloud. */
+.block-word-cloud a {
+ text-decoration: none !important;
+}
+.block-word-cloud a:hover {
+ text-decoration: underline !important;
+}
+.block-word-cloud ul {
+ margin: 0;
+}
+
+.block-words-cloud-categories {
+ --words-cloud-column-count: 1;
+ column-count: var(--words-cloud-column-count);
+ column-gap: 1;
+ font-size: var(--fs-base);
+ line-height: 1.33;
+}
+@media (max-width: 899.98px) {
+ .block-words-cloud-categories {
+ column-count: 1 !important;
+ display: flex;
+ flex-direction: column;
+ }
+}
+@media (min-width: 900px) {
+ .block-words-cloud-categories {
+ column-count: 2;
+ }
+}
+.block-words-cloud-categories a {
+ color: var(--color-text-primary);
+}
+.block-words-cloud-categories > div {
+ --box-bg-color: var(--color-bg-primary);
+ background-color: var(--box-bg-color);
+ box-shadow: var(--box-shadow-card);
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+ color: var(--box-text-color);
+ margin-bottom: 1.6rem;
+}
+@media (min-width: 900px) {
+ .block-words-cloud-categories > div {
+ display: inline-block;
+ width: -moz-available;
+ width: -webkit-fill-available;
+ }
+}
+.block-words-cloud-categories > div h3 {
+ padding-left: 2.4rem;
+ padding-top: 1.6rem;
+ margin-bottom: 0;
+}
+.block-words-cloud-categories > div ul {
+ display: block;
+ margin-right: 1.6rem;
+ margin-bottom: 1.6rem;
+ margin-top: 1.6rem;
+}
+.block-words-cloud-categories > div ul li {
+ margin-bottom: 0.4rem;
+}
+.block-words-cloud-categories .category-title {
+ color: var(--color-text-secondary);
+ font-size: var(--fs-h3);
+ margin-left: 1.6rem;
+ margin-right: 1.6rem;
+ margin-top: 1.6rem;
+}
+
+/* Chart Bars. */
+.chart-bars {
+ --chart-align: flex-start;
+ --chart-bars-caption-width: 33%;
+ --chart-bars-height: .6rem;
+ --chart-width: 100%;
+ align-content: center;
+ display: flex;
+ flex-direction: column;
+ width: var(--chart-width);
+}
+.chart-bars > ul {
+ padding-left: 0;
+ list-style: none;
+ margin-bottom: 0 !important;
+ width: 100%;
+}
+
+.chart-bars-item {
+ padding-bottom: 1.6rem;
+}
+
+.chart-bars-item-caption {
+ white-space: nowrap;
+}
+
+.chart-bars-bars {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ position: relative;
+ width: 100%;
+}
+
+.chart-bars-bar-container {
+ position: relative;
+}
+
+.chart-bars-bar {
+ background-color: currentColor;
+ border-radius: 999em;
+ height: var(--chart-bars-height);
+ margin-block: 0.2rem;
+ position: relative;
+}
+.chart-bars-bar:hover .chart-bars-bar-value span {
+ top: -0.8rem;
+ opacity: 1;
+}
+.chart-bars-bar.background {
+ opacity: 0.08;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+}
+
+.chart-bars-bar-value {
+ font-size: 1.1rem;
+ position: absolute;
+ right: 0;
+ text-align: right;
+ top: calc(var(--fs-sm) * -2);
+ white-space: nowrap;
+ z-index: 1;
+}
+.chart-bars-bar-value span {
+ background-color: var(--color-bg);
+ border-radius: 0.3rem;
+ box-shadow: var(--box-shadow-lg);
+ padding-left: 0.4rem;
+ padding-right: 0.4rem;
+ position: relative;
+ top: 0;
+ opacity: 0;
+ transition: opacity var(--transition-speed) ease-out, top var(--transition-speed) ease-out;
+}
+
+.chart-bars-legend {
+ color: currentColor;
+ font-size: var(--fs-sm);
+ padding-bottom: 0.8rem;
+}
+.chart-bars-legend > ul {
+ align-items: center;
+ display: flex;
+ justify-content: var(--chart-align);
+ padding-left: 0;
+ list-style: none;
+ margin-bottom: 0;
+}
+.chart-bars-legend > ul > li {
+ align-items: center;
+ display: flex;
+}
+.chart-bars-legend > ul > li:not(:first-child) {
+ margin-left: 1.6rem;
+}
+.chart-bars-legend > ul > li span {
+ opacity: 0.66;
+}
+.chart-bars-legend > ul > li .chart-bars-legend-indicator {
+ opacity: 1;
+}
+
+.chart-bars-legend-indicator {
+ border-radius: 50%;
+ display: inline-block;
+ height: 0.8rem;
+ margin-right: 0.4rem;
+ width: 0.8rem;
+}
+
+.chart-bars-ticks {
+ font-size: var(--fs-sm);
+}
+.chart-bars-ticks ul {
+ display: flex;
+ justify-content: space-between;
+ padding-left: 0;
+ list-style: none;
+ position: relative;
+}
+.chart-bars-ticks ul li {
+ position: relative;
+ opacity: 0.5;
+}
+.chart-bars-ticks ul li:before {
+ background-color: currentColor;
+ border-radius: 999em;
+ content: "";
+ display: block;
+ height: 0.4rem;
+ left: 50%;
+ position: absolute;
+ top: -0.3rem;
+ transform: translateX(-50%);
+ width: 0.1rem;
+}
+.chart-bars-ticks ul li:first-child:before, .chart-bars-ticks ul li:last-child:before {
+ height: 0.6rem;
+ width: 0.2rem;
+}
+.chart-bars-ticks ul li:first-child:before {
+ left: 0;
+ transform: initial;
+}
+.chart-bars-ticks ul li:last-child:before {
+ left: unset;
+ right: 0;
+ transform: initial;
+}
+
+.wp-block-social-cards .cards-item-social {
+ margin-right: 0.8rem;
+}
+.wp-block-social-cards .cards-item-title {
+ backdrop-filter: blur(3rem);
+ background-color: rgba(0, 0, 0, 0.15);
+ border-radius: var(--border-radius);
+ display: inline-flex;
+ font-size: var(--fs-base);
+ margin-bottom: 0.8rem;
+ position: relative;
+ width: fit-content;
+}
+.wp-block-social-cards .cards-item-info {
+ background-image: linear-gradient(35deg, rgba(0, 0, 0, 0.66), transparent);
+ position: absolute;
+}
+.wp-block-social-cards .cards-item-info span:first-child {
+ margin-top: auto;
+}
+.wp-block-social-cards .cards-item-info .cards-item-excerpt {
+ flex: initial;
+}
+.wp-block-social-cards .cards-item-info .cards-item-excerpt p {
+ margin: 0;
+}
+
+/* RSS feed. */
+ul.wp-block-rss {
+ list-style: unset !important;
+ margin-left: 2.4rem;
+}
+
+.wp-block-footnotes {
+ border-top: var(--border-width) solid var(--border-color);
+ color: var(--color-text-secondary);
+ padding-top: 1.6rem;
+ margin-top: 1.6rem;
+}
+
+/* Lightbox. */
+.wp-lightbox-overlay .scrim {
+ background-color: black !important;
+}
+
+/* Utilities. */
+.wp-style-global-content-size-100 {
+ --wp--style--global--content-size: 100%;
+}
+
+.images-compare-notes {
+ color: #646469;
+ font-size: var(--fs-lg);
+ text-align: center;
+ padding-left: 1.6rem;
+ padding-right: 1.6rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+}
+.images-compare-credits {
+ color: currentColor;
+ font-size: var(--fs-sm);
+ opacity: 0.5;
+ padding-bottom: 1.6rem;
+ text-align: right;
+}
+
+.images-compare-container {
+ --imgs-compare-separator-color: hsla(0, 0%, 100%, .8);
+ --imgs-compare-separator-width: .2rem;
+ --imgs-compare-resize-handle-size: 3.8rem;
+ border-radius: var(--border-radius-lg);
+ display: inline-block;
+ overflow: hidden;
+ position: relative;
+}
+.images-compare-container:hover {
+ cursor: col-resize;
+}
+.images-compare-container:hover .images-compare-handle {
+ --imgs-compare-separator-color: white;
+ backdrop-filter: blur(0);
+ border-color: transparent;
+ box-shadow: none;
+ transform: translate(-50%, -50%) scale(1.2);
+}
+.images-compare-container:hover .images-compare-left-arrow,
+.images-compare-container:hover .images-compare-right-arrow {
+ animation: none;
+}
+.images-compare-container:hover .images-compare-left-arrow {
+ left: 0;
+}
+.images-compare-container:hover .images-compare-right-arrow {
+ right: 0;
+}
+.images-compare-container:hover .images-compare-separator {
+ opacity: 0.1;
+}
+
+.images-compare-before {
+ left: 0;
+ overflow: hidden;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ will-change: clip;
+ z-index: 2;
+}
+
+.images-compare-after {
+ pointer-events: none;
+}
+
+.images-compare-before,
+.images-compare-after {
+ display: inline-block;
+}
+
+.images-compare-before img,
+.images-compare-before video,
+.images-compare-after img,
+.images-compare-after video {
+ max-width: 100%;
+ height: auto;
+ display: block;
+}
+
+.images-compare-separator {
+ background-color: var(--imgs-compare-separator-color);
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ transition: opacity var(--transition-speed) ease-in-out;
+ width: var(--imgs-compare-separator-width);
+ z-index: 4;
+}
+
+.images-compare-handle {
+ backdrop-filter: blur(2rem);
+ border-radius: 50%;
+ border: var(--imgs-compare-separator-width) solid var(--imgs-compare-separator-color);
+ box-shadow: 0.1rem 0.1rem 2rem var(--imgs-compare-separator-color), inset 0.1rem 0.1rem 2rem var(--imgs-compare-separator-color);
+ cursor: col-resize;
+ height: var(--imgs-compare-resize-handle-size);
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) scale(1);
+ transition: border-color var(--transition-speed) ease-in-out, transform var(--transition-speed) ease-in-out;
+ width: var(--imgs-compare-resize-handle-size);
+ z-index: 4;
+}
+
+@keyframes images-compare-arrow-left {
+ 0% {
+ transform: translate(0%, -50%);
+ }
+ 100% {
+ transform: translate(-25%, -50%);
+ }
+}
+@keyframes images-compare-arrow-right {
+ 0% {
+ transform: translate(0%, -50%);
+ }
+ 100% {
+ transform: translate(25%, -50%);
+ }
+}
+.images-compare-left-arrow,
+.images-compare-right-arrow {
+ animation-direction: alternate;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: ease-in-out;
+ border: 0.6rem inset transparent;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ transition: left var(--transition-speed) ease-in-out, right var(--transition-speed) ease-in-out;
+ width: 0;
+}
+
+.images-compare-left-arrow {
+ border-right: 0.6rem solid var(--imgs-compare-separator-color);
+ left: 0.8rem;
+ animation-name: images-compare-arrow-left;
+}
+
+.images-compare-right-arrow {
+ border-left: 0.6rem solid var(--imgs-compare-separator-color);
+ right: 0.8rem;
+ animation-name: images-compare-arrow-right;
+}
+
+.images-compare-label {
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: var(--border-radius);
+ backdrop-filter: blur(1rem);
+ color: #ddd;
+ display: none;
+ font-size: var(--fs-sm);
+ left: 1rem;
+ top: 1rem;
+ padding-left: 0.8rem;
+ padding-right: 0.8rem;
+ padding-bottom: 0.4rem;
+ padding-top: 0.4rem;
+ pointer-events: none;
+ position: absolute;
+ z-index: 1;
+}
+
+.images-compare-container .images-compare-label {
+ display: inherit;
+}
+
+.images-compare-before .images-compare-label {
+ left: 1rem;
+}
+
+.images-compare-after .images-compare-label {
+ left: auto;
+ right: 1rem;
+}
+
+@media (max-width: 899.98px) {
+ ul.col-md-3 h4 {
+ font-size: 3em;
+ margin-top: 1em;
+ }
+}
+
+.parallax {
+ will-change: transform;
+}
+
+article.page .row:not(:last-child) {
+ margin-bottom: 2rem;
+}
+
+/* DROPDOWN MENUS */
+.box.flex, .flex.notifications-list, details.flex, .flex.post-password-form, .flex.support__listing_section, .flex.wp-block-group.is-style-box,
+.flex.wp-block-column.is-style-box,
+.flex.wp-block-columns.is-style-box {
+ display: flex;
+ flex-direction: column;
+}
+
+.entry-content {
+ position: relative;
+ z-index: 1;
+}
+
+ul.rss-aggregator {
+ padding: 0;
+ margin: 0;
+}
+@media (min-width: 900px) {
+ ul.rss-aggregator {
+ width: 100%;
+ }
+}
+ul.rss-aggregator li {
+ width: 100%;
+ margin: 1rem 1.8rem;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+ul.rss-aggregator li:last-child {
+ margin-bottom: 0;
+}
+ul.rss-aggregator .feed-source, ul.rss-aggregator .feed-date {
+ font-size: 0.8em;
+ color: #646469;
+ display: inline-block;
+}
+ul.rss-aggregator .feed-date {
+ margin-left: 0.6rem;
+ padding-left: 0.6rem;
+}
+ul.rss-aggregator .feed-date:before {
+ content: "ยท";
+ color: hsl(var(#4d4e53-h), var(#4d4e53-s), calc(var(#4d4e53-l) + 25%));
+ position: relative;
+ left: -0.6rem;
+}
+
+/* Get rid of the border-right on items */
+ul.rss-aggregator li.feed-item .wprss-feed-meta > span:after {
+ content: "";
+}
+
+.embed-container {
+ height: 0;
+ max-width: 100%;
+ overflow: hidden;
+ padding-bottom: 56.25%;
+ position: relative;
+}
+.embed-container iframe, .embed-container object, .embed-container embed {
+ left: 50%;
+ height: 80%;
+ position: absolute;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 80%;
+}
+
+.embed-responsive-item, .wp-block-embed-vimeo.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
+.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
+ /* Available sizes are set in config.sass */
+ border-radius: var(--border-radius-lg);
+}
+
+/* Variables. */
+.nav-global {
+ -webkit-font-smoothing: antialiased;
+ /*
+ *Variables come from, and match partial _variables, and are prefixed with 'bwa-'.
+ *Sizes must be defined in pixels as default rem-sizing might vary in projects.
+ */
+ --bwa-color-bg-primary: hsl(213, 10%, 21%);
+ --bwa-color-bg-tertiary: hsl(213, 10%, 14%);
+ --bwa-color-text: hsl(213, 10%, 80%);
+ --bwa-color-text-primary: hsl(213, 10%, 98%);
+ /* Colours Components. */
+ --bwa-border-color: hsla(213, 10%, 80%, .15);
+ --bwa-btn-color-bg-hover: hsl(213, 10%, 30%);
+ /* Colours Status. */
+ --bwa-color-accent: hsl(204deg, 100%, 50%);
+ --bwa-color-accent-bg: hsla(204deg, 100%, 50%, .1);
+ --bwa-color-accent-bg-hover: hsla(204deg, 100%, 50%, .2);
+ --bwa-border-radius: 6px;
+ --bwa-border-radius-lg: 12px;
+ --bwa-transition-speed: 150ms;
+ --bwa-zindex-fixed: 1030;
+ --bwa-zindex-dropdown: 1040;
+ /* Grid. */
+ --bwa-spacer: 16px;
+ --bwa-spacer-1: calc(var(--bwa-spacer) * 0.25);
+ --bwa-spacer-2: calc(var(--bwa-spacer) * 0.5);
+ --bwa-spacer-3: var(--bwa-spacer);
+ /* Type. */
+ --bwa-fs-base: 14px;
+}
+
+/* Reset. */
+@namespace svg "http://www.w3.org/2000/svg";
+.nav-global :not(svg|*),
+.nav-global *::before,
+.nav-global *::after {
+ all: unset;
+ display: revert;
+ box-sizing: border-box;
+}
+
+.nav-global [default-styles] {
+ all: revert;
+}
+
+.nav-global * {
+ -webkit-text-size-adjust: 100%;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-variation-settings: "wght" 400;
+ font-weight: normal;
+}
+
+.nav-global {
+ background-color: var(--bwa-color-bg-tertiary);
+ color: var(--bwa-color-text);
+ display: flex;
+ position: relative;
+ z-index: var(--zindex-fixed);
+}
+
+.nav-global h3,
+.nav-global h4,
+.nav-global strong {
+ font-variation-settings: "wght" 500;
+}
+
+.nav-global figure,
+.nav-global section {
+ display: block;
+}
+
+.nav-global svg:not(:root) {
+ overflow: hidden;
+ vertical-align: middle;
+}
+
+.nav-global .nav-global-container {
+ flex: 1;
+ margin: 0 auto;
+}
+
+/* Navigation. */
+.nav-global nav {
+ align-items: center;
+ display: flex;
+ line-height: var(--bwa-fs-base);
+ font-size: var(--bwa-fs-base);
+ justify-content: space-between;
+ min-height: calc(var(--bwa-spacer) * 4);
+ margin: 0 auto;
+ padding: 0 var(--bwa-spacer);
+ position: relative;
+}
+
+/* Links. */
+.nav-global a:not(.dropdown-item) {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+ transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global-nav-links {
+ flex-grow: 1;
+}
+
+.nav-global-nav-links a:not(.dropdown-item) {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.nav-global a:not(.dropdown-item):hover {
+ color: var(--bwa-color-text-primary);
+}
+
+/* Navigation items. */
+.nav-global nav > ul {
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.nav-global nav > ul,
+.nav-global nav > ul > li,
+.nav-global nav > ul > li > a,
+.nav-global-apps-dropdown-container {
+ align-items: center;
+ display: inline-flex;
+ height: 100%;
+}
+
+.nav-global-apps-dropdown-container {
+ position: relative;
+}
+
+.nav-global nav > ul > li > a {
+ padding: var(--bwa-spacer-2);
+}
+
+@media (min-width: 1320px) {
+ .nav-global nav > ul > li > a {
+ padding-left: var(--bwa-spacer);
+ padding-right: var(--bwa-spacer);
+ }
+}
+.nav-global nav > a.is-active,
+.nav-global nav > a.is-active svg,
+.nav-global nav > ul > li > a.is-active {
+ color: var(--bwa-color-text-primary) !important;
+ fill: var(--bwa-color-text-primary);
+ font-variation-settings: "wght", 500;
+ font-weight: bold;
+}
+
+.nav-global .nav-global-links-right {
+ flex-wrap: nowrap;
+ gap: 0 var(--bwa-spacer-2);
+}
+
+/* Logo. */
+.nav-global a.nav-global-logo {
+ margin-right: var(--bwa-spacer);
+ position: relative;
+ top: 2px;
+ white-space: nowrap;
+}
+
+.nav-global a.nav-global-logo strong {
+ margin-inline: var(--bwa-spacer-2);
+ font-size: 18px;
+}
+
+.nav-global .nav-global-logo svg,
+.nav-global .nav-global-logo img {
+ height: 21px;
+ pointer-events: none;
+}
+
+.nav-global a.nav-global-logo svg {
+ position: relative;
+ top: calc(var(--bwa-spacer-1) * -1);
+}
+
+.nav-global svg {
+ fill: var(--bwa-color-text);
+ transition: fill var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-logo:hover svg {
+ fill: var(--bwa-color-text-primary);
+}
+
+.nav-global .nav-global-logo.is-active,
+.nav-global .nav-global-logo.is-active svg,
+.nav-global button.nav-global-btn-active svg {
+ color: var(--bwa-color-text-primary);
+ fill: var(--bwa-color-text-primary);
+}
+
+/* Apps button. */
+.nav-global button,
+.nav-global .nav-global-btn {
+ -webkit-appearance: button;
+ align-items: center;
+ background-color: transparent;
+ border-radius: var(--bwa-border-radius);
+ border: 0;
+ color: var(--bwa-btn-color-text);
+ cursor: pointer;
+ display: inline-flex;
+ font: inherit;
+ height: calc(var(--bwa-spacer) * 2.25);
+ margin: 0;
+ outline: 0;
+ overflow: visible;
+ padding: var(--bwa-spacer-1) var(--bwa-spacer-2);
+ text-transform: none;
+ transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out, transform var(--bwa-transition-speed) ease-out;
+ white-space: nowrap;
+}
+
+.nav-global .nav-global-btn.nav-global-btn-primary {
+ padding-left: var(--bwa-spacer);
+ padding-right: var(--bwa-spacer);
+}
+
+.nav-global button span,
+.nav-global .nav-global-btn span {
+ white-space: nowrap;
+}
+
+.nav-global button:hover,
+.nav-global .nav-global-btn:hover,
+.nav-global button.nav-global-btn-active,
+.nav-global .nav-global-btn.nav-global-btn-active {
+ background-color: var(--bwa-btn-color-bg-hover);
+ color: var(--bwa-color-text-primary);
+ cursor: pointer;
+}
+
+.nav-global .nav-global-btn span {
+ margin-left: var(--bwa-spacer-2);
+}
+
+.nav-global .nav-global-btn-primary {
+ background-color: var(--bwa-color-accent-bg);
+ color: var(--bwa-color-accent) !important;
+}
+
+.nav-global .nav-global-btn-primary:hover {
+ background-color: var(--bwa-color-accent-bg-hover);
+}
+
+.nav-global .nav-global-icon {
+ height: 20px;
+ pointer-events: none;
+ width: 20px;
+}
+
+.nav-global .nav-global-icon-alt {
+ transform: rotate(90deg);
+}
+
+.nav-global .dropdown-toggle.active {
+ color: var(--bwa-color-text-primary);
+}
+
+.nav-global button:hover svg,
+.nav-global .nav-global-btn:hover svg {
+ fill: white;
+}
+
+/* Apps dropdown menu. */
+.nav-global .nav-global-apps-menu {
+ background-color: var(--bwa-color-bg-tertiary);
+ border-radius: var(--bwa-border-radius-lg);
+ border: thin solid var(--bwa-border-color);
+ box-shadow: 0 var(--bwa-spacer-1) var(--bwa-spacer) -2px rgba(0, 0, 0, 0.33), 0px var(--bwa-spacer-1) var(--bwa-spacer) calc(var(--bwa-spacer-1) * -1) rgba(0, 0, 0, 0.33);
+ display: none;
+ padding: var(--bwa-spacer-2);
+ position: absolute;
+ right: 0;
+ top: calc(100% + var(--bwa-spacer));
+ visibility: hidden;
+ width: 640px;
+ z-index: var(--bwa-zindex-dropdown);
+}
+
+.nav-global .nav-global-dropdown.is-visible {
+ display: block;
+ visibility: visible;
+}
+
+/* Tiny triangle in the corner. */
+.nav-global .nav-global-apps-menu::before {
+ background-color: var(--bwa-color-bg-tertiary);
+ border-radius: 3px;
+ border: 2px var(--bwa-color-bg-tertiary) solid;
+ content: "";
+ display: block;
+ height: 0.85rem;
+ position: absolute;
+ right: 0.85rem;
+ top: -0.25rem;
+ transform: rotate(45deg);
+ width: 1rem;
+ z-index: -1;
+}
+
+.nav-global .nav-global-apps-menu ul {
+ border-bottom: 2px solid rgba(255, 255, 255, 0.05);
+ display: grid;
+ gap: var(--bwa-spacer-2);
+ grid-template-columns: repeat(2, 1fr);
+ list-style: none;
+ margin: 0 0 var(--bwa-spacer-1) 0;
+ padding: var(--bwa-spacer-1) 0 var(--bwa-spacer-2) 0;
+}
+
+.nav-global .nav-global-apps-menu ul > li > a {
+ border-radius: var(--bwa-border-radius-lg);
+ display: flex;
+ flex: 1;
+ height: 100%;
+}
+
+.nav-global .nav-global-apps-menu ul > li > a:hover {
+ background-color: rgba(255, 255, 255, 0.05);
+ color: var(--bwa-color-text-primary);
+ box-shadow: 0px 1px var(--bwa-spacer-1) 0 rgba(0, 0, 0, 0.05), 0 var(--bwa-spacer) 20px -1px rgba(0, 0, 0, 0.025);
+}
+
+.nav-global .nav-global-apps-menu ul > li > a:hover h4,
+.nav-global .nav-global-apps-menu ul > li > a:hover svg {
+ color: var(--bwa-color-accent);
+ fill: var(--bwa-color-accent);
+}
+
+.nav-global .nav-global-apps-menu h3 {
+ color: white;
+ display: inline-block;
+ font-size: 12px;
+ line-height: var(--bwa-spacer);
+ margin: 0;
+ margin-top: 2px;
+ opacity: 0.3;
+ padding-left: var(--bwa-spacer);
+}
+
+.nav-global .nav-global-apps-menu h4 {
+ color: var(--bwa-color-text-primary);
+ font-size: 18px;
+ line-height: 20px;
+ margin: var(--bwa-spacer-1) 0 0;
+ padding: var(--bwa-spacer-2) var(--bwa-spacer) 0;
+ transition: color var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-apps-menu p {
+ font-size: var(--bwa-fs-base);
+ line-height: 20px;
+ margin: 0;
+ opacity: 0.8;
+ padding: var(--bwa-spacer-1) var(--bwa-spacer) var(--bwa-spacer-2);
+}
+
+.nav-global .nav-global-apps-menu figure {
+ margin: var(--bwa-spacer) 0 0 var(--bwa-spacer);
+}
+
+.nav-global .nav-global-apps-menu ul > li > a svg {
+ position: relative;
+ top: -2px;
+}
+
+/* Donate section of the menu. */
+.nav-global .nav-global-apps-menu-section-donate ul {
+ border: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.nav-global .nav-global-apps-menu-section-donate a svg {
+ fill: hsl(352, 90%, 62%) !important;
+ transition: transform var(--bwa-transition-speed) ease-out;
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a {
+ background-color: hsla(352, 90%, 42%, 0.2);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover {
+ background-color: hsla(352, 90%, 42%, 0.5);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover svg {
+ fill: hsl(352, 90%, 72%) !important;
+ transform: scale(1.2);
+}
+
+.nav-global .nav-global-apps-menu-section-donate ul > li:first-child > a:hover h4 {
+ color: white;
+}
+
+/* Mobile. */
+.nav-global button.nav-global-logo {
+ display: none;
+ visibility: hidden;
+}
+
+@media (max-width: 767px) {
+ .nav-global-apps-dropdown-container,
+ .nav-global a.nav-global-logo {
+ display: none;
+ }
+ .nav-global button.nav-global-logo {
+ display: flex;
+ visibility: visible;
+ }
+ .nav-global button.nav-global-logo strong,
+ .nav-global button.nav-global-logo svg {
+ margin-right: var(--bwa-spacer-2);
+ }
+ .nav-global .nav-global-nav-links {
+ align-items: flex-start;
+ background-color: var(--bwa-color-bg-primary);
+ border-radius: 6px;
+ display: none;
+ flex-direction: column;
+ height: auto;
+ padding: var(--bwa-spacer-1);
+ position: absolute;
+ top: 72px;
+ visibility: visible;
+ z-index: var(--bwa-zindex-dropdown);
+ }
+ .nav-global .nav-global-nav-links.is-visible {
+ display: flex;
+ }
+ .nav-global .nav-global-nav-links li {
+ align-items: center;
+ display: flex;
+ margin-bottom: var(--bwa-spacer-1);
+ width: 100%;
+ }
+ .nav-global .nav-global-nav-links li:last-child {
+ margin-bottom: 0;
+ }
+ .nav-global .nav-global-nav-links li a {
+ border-radius: 6px;
+ color: var(--bwa-color-text);
+ display: inline-flex;
+ flex: 1;
+ line-height: initial;
+ padding: var(--bwa-spacer-2) var(--bwa-spacer);
+ transition: background-color var(--bwa-transition-speed) var(--bwa-transition-timing-fast), color var(--bwa-transition-speed) var(--bwa-transition-timing-fast);
+ text-decoration: none;
+ white-space: nowrap;
+ width: 100%;
+ }
+ .nav-global .nav-global-nav-links li a:hover,
+ .nav-global .nav-global-nav-links li a.nav-global-link-active {
+ background-color: var(--bwa-color-accent-bg);
+ color: var(--bwa-color-accent);
+ text-decoration: none;
+ }
+}
+.nav-global .nav-global-nav-links li a.nav-global-link-active {
+ font-variation-settings: "wght" 700;
+ font-weight: bold;
+}
+
+/* Site-specific tweaks. */
+/* Make sure to start every line with ".nav-global"
+* so changes affect the developer navbar only. */
+/* Limit navbar width on large screens (optional). */
+/*
+@media (min-width: 1380px) { // grid breakpoint 'xl'
+ .nav-global .nav-global-container {
+ max-width: var(--container-width);
+ }
+}
+*/
+:root,
+html {
+ color-scheme: dark;
+ --color-bg: hsl(213, 10%, 12%);
+ --color-bg-primary: hsl(213, 10%, 21%);
+ --color-bg-secondary: hsl(213, 10%, 16%);
+ --color-bg-tertiary: hsl(213, 10%, 14%);
+ --color-text: hsl(213, 10%, 80%);
+ --color-text-primary: hsl(213, 10%, 98%);
+ --color-text-secondary: hsl(213, 10%, 58%);
+ --color-text-tertiary: hsl(213, 10%, 48%);
+ /* Colours Components. */
+ --body-color-bg: hsl(213, 10%, 16%);
+ --border-color: hsla(213, 10%, 80%, .15);
+ --box-shadow-card-lg: hsla(210deg, 8%, 2%, .2) 0 .8rem 2.4rem;
+ --btn-color: hsl(213, 16%, 78%);
+ --btn-color-bg: hsl(213, 10%, 28%);
+ --btn-color-bg-hover: hsl(213, 10%, 30%);
+ --code-color: hsl(297deg, 30%, 78%);
+ --code-color-bg: hsl(297deg, 70%, 50%, .08);
+ --input-color-bg: hsl(213, 10%, 16%);
+ --input-color-bg-hover: hsl(213, 10%, 14%);
+ --input-color-border: var(--input-color-bg);
+ --navbar-bg: var(--color-bg);
+ --navbar-link-color-active: #fff;
+ --table-border-color: var(--btn-color-bg-hover);
+ /* Colours Status. */
+ --color-info: hsl(207deg, 95%, 65%);
+ --color-info-text: hsl(212deg, 85%, 62%);
+ --color-info-bg: hsl(212deg, 85%, 62%, .2);
+ --color-danger: hsl(0deg, 82%, 63%);
+ --color-danger-bg: hsl(0deg, 25%, 24%);
+ --color-danger-bg-hover: hsl(0deg, 25%, 28%);
+ --color-danger-text: hsl(0deg, 75%, 65%);
+ --color-success: hsl(90deg 60% 36%);
+ --color-success-bg: hsl(90, 24%, 25%);
+ --color-success-bg-hover: hsl(90deg 64% 78%);
+ --color-success-text: hsl(90deg, 29%, 60%);
+ --color-warning-bg: hsla(42, 79%, 60%, .4);
+ --color-warning-bg-hover: hsla(42, 79%, 70%, .4);
+ --color-warning-text: hsl(42, 79%, 80%);
+ --admin-color-bg: hsla(285deg, 29%, 36%, .6);
+ --admin-color-bg-hover: hsla(285deg, 39%, 32%, .8);
+ --admin-color-text: hsl(285deg 65% 76%);
+}
+:root .navbar-secondary,
+html .navbar-secondary {
+ --navbar-bg: var(--color-bg-tertiary);
+}
+:root .whoosh,
+html .whoosh {
+ background-color: hsla(285, 50%, 52%, 0.25);
+ color: hsl(285, 40%, 65%);
+}
+
+.navbar-secondary {
+ top: 0;
+}
+
+.widget {
+ background-color: unset;
+ box-shadow: unset;
+ list-style-type: none;
+}
+
+.cards-list .cards-list-item-thumbnail {
+ box-shadow: none;
+}
+
+.blog {
+ --comment-border-color: var(--color-bg-primary);
+}
+
+.footer-navigation,
+.footer-note {
+ background-color: var(--color-bg-tertiary);
+}
diff --git a/assets/fonts/Heebo-VariableFont_wght.ttf b/assets/fonts/Heebo-VariableFont_wght.ttf
deleted file mode 100755
index 017130f..0000000
Binary files a/assets/fonts/Heebo-VariableFont_wght.ttf and /dev/null differ
diff --git a/assets/fonts/Inter-VariableFont_slnt,wght.ttf b/assets/fonts/Inter-VariableFont_slnt,wght.ttf
new file mode 100644
index 0000000..e724708
Binary files /dev/null and b/assets/fonts/Inter-VariableFont_slnt,wght.ttf differ
diff --git a/assets/fonts/fontutti.eot b/assets/fonts/fontutti.eot
old mode 100755
new mode 100644
index cc4274a..0964fb0
Binary files a/assets/fonts/fontutti.eot and b/assets/fonts/fontutti.eot differ
diff --git a/assets/fonts/fontutti.svg b/assets/fonts/fontutti.svg
old mode 100755
new mode 100644
index 815cfaf..8c8920f
--- a/assets/fonts/fontutti.svg
+++ b/assets/fonts/fontutti.svg
@@ -1,7 +1,7 @@