@charset "UTF-8";
html {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--headerHeightScroll) + 1.25rem);
}
:root {
--color-petrol: #009999;
--color-blue: #008aa6;
--color-blue-dark: #000028;
--color-blue-light: #0087be;
--color-blue-link: #006ebe;
--color-green: #15ad8d;
--color-green-dark: #00646e;
--color-green-light: #00ffb9;
--color-green-lighter: #c4ffee;
--color-aqua: #00cccc;
--color-aqua-dark: #002949;
--color-aqua-light: #00e6dc;
--color-grey-dark: #4c4c68;
--color-grey: #7d8099;
--color-grey-light: #d9d9df;
--color-grey-lighter: #ebebee;
--color-orange: #fd9400;
--color-orange-dark: #ec6602;
--color-red: #d91a30;
--color-sand-light: #f3f3f0;
--color-stone: #879baa;
--color-stone-light: #cdd9e1;
--color-stone-lightest: #ebf0f5;
--color-stone-pale: #f5f6f8;
--color-info: #0087be;
--color-success: #3eaf6a;
--color-warning: #f0ad4e;
--color-danger: #fc2525;
--color-transparent-light: rgba(255, 255, 255, 0.1);
--color-transparent-lighter: rgba(255, 255, 255, 0.2);
--color-transparent-lightest: rgba(255, 255, 255, 0.5);
--color-transparent-pale: rgba(255, 255, 255, 0.8);
--color-transparent-dark: rgba(0, 0, 0, 0.15);
--color-transparent-darker: rgba(0, 0, 0, 0.25);
--color-transparent-darkest: rgba(0, 0, 0, 0.4);
--color-transparent-heavy: rgba(0, 0, 0, 0.8);
--color-muted: #777;
--color-mute: #999;
--color-white: #fff;
--color-black: #000;
--color-info-lightest: #f6fcff;
--color-secondary: #00557d;
--color-secondary-lightest: #2387aa;
--gradient-primary: transparent
linear-gradient(
90deg,
var(--color-green-light) 0%,
#00fcbc 10%,
#00fac0 20%,
#00f7c3 30%,
#00f5c7 40%,
#00f3cb 50%,
#00f0ce 60%,
#00edd1 70%,
#00ebd5 80%,
#00e8d8 90%,
var(--color-aqua-light) 100%
)
0% 0% no-repeat padding-box;
--body-bg: #fff;
--border-color: var(--color-grey-lighter);
--component-item-hover: var(--color-sand-light);
--cursor-disabled: not-allowed;
--headerHeight: 80px;
--headerHeightMobile: 60px;
--subHeaderHeight: 60px;
--subHeaderHeightMobile: auto;
--headerHeightScroll: 46px;
--stickyTop: 106px;
--font-family-sans-serif: 'SiemensSans', 'Helvetica Neue', 'Segoe UI', 'Oxygen', 'Ubuntu',
'Cantarell', 'Open Sans', sans-serif;
--font-family-system: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Oxygen',
'Ubuntu', 'Cantarell', 'Open Sans', sans-serif;
--font-family-serif: 'SiemensSerif', Georgia, 'Times New Roman', Times, serif;
--font-family-slab: 'SiemensSlab', Georgia, 'Times New Roman', Times, serif;
--font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
--font-family-base: var(--font-family-sans-serif);
--font-size-base: 1rem;
--font-size-xxl: 2rem;
--font-size-xl: 1.5rem;
--font-size-lg: 1.2rem;
--font-size-md: 1.1rem;
--font-size-normal: 1rem;
--font-size-sm: 0.9rem;
--font-size-xs: 0.8rem;
--font-size-xxs: 0.65rem;
--font-size-h1: 3rem;
--font-size-h2: 2rem;
--font-size-h3: 1.5rem;
--font-size-h4: 1.2rem;
--font-size-h5: 1rem;
--font-size-h6: 0.9rem;
--display1-size: var(--font-size-h2);
--display2-size: 2.25rem;
--display3-size: 2.5rem;
--display4-size: 3rem;
--display5-size: 3.5rem;
--line-height: 1.5;
--line-height-lg: calc(4 / 3);
--line-height-sm: 1.75;
--text-color: var(--color-blue-dark);
--link-color: var(--color-blue-link);
--hover-link-color: var(--color-blue-link);
--link-color-dark: var(--color-aqua-light);
--hover-link-color-dark: var(--color-aqua);
--spacer: 1rem;
--spacer-xs: 0.25rem;
--spacer-sm: 0.5rem;
--spacer-md: 1.5rem;
--spacer-lg: 2.5rem;
--spacer-xl: 4rem;
--spacer-xxl: 5rem;
--card-spacer-x: 1.25rem;
--card-spacer-y: 1.25rem;
--card-spacer-x-sm: calc(var(--card-spacer-x) * 0.667);
--card-spacer-y-sm: calc(var(--card-spacer-x) / 2);
--card-margin-bottom: 2rem;
--grid-gutter-width: 2rem;
--spacer-type: var(--spacer);
--btn-padding-x: 1.5rem;
--btn-padding-y: 1rem;
--btn-padding-x-sm: 1rem;
--btn-padding-y-sm: 0.5rem;
--btn-padding-x-lg: 1.25rem;
--btn-padding-y-lg: 0.85rem;
--btn-link-disabled-color: var(--grey-light);
--input-padding-x: 0.75rem;
--input-padding-y: var(--btn-padding-y);
--input-padding-x-sm: var(--input-padding-x);
--input-padding-y-sm: var(--btn-padding-y-sm);
--input-padding-x-lg: var(--input-padding-x);
--input-padding-y-lg: var(--btn-padding-y-lg);
--iinput-bg: #fff;
--iinput-bg-disabled: var(--color-grey-lighter);
--input-color: var(--color-blue-dark);
--input-border: var(--color-grey);
--input-border-hover: var(--color-aqua);
--input-border-focus: var(--color-blue-light);
--input-color-placeholder: #999;
--form-group-margin-bottom: var(--spacer-md);
--input-radius: 0;
--circle-size-xxs: 8px;
--circle-size-xs: 1rem;
--circle-size-sm: 1.25rem;
--circle-size: 1.8rem;
--circle-size-md: 2.75rem;
--circle-size-lg: 3.6rem;
--circle-size-xl: 5rem;
--circle-size-xxl: 5.9rem;
--btn-circle: 4rem;
--btn-circle-sm: 2.5rem;
--zindex-tooltip: 1070;
--zindex-popover: 1060;
--zindex-modal: 1050;
--zindex-modal-bg: 1040;
--zindex-header-sticky: 1030;
--zindex-dropdown: 1000;
--table-cell-padding: 0.75rem;
--table-sm-cell-padding: 0.3rem;
--table-bg: transparent;
--table-bg-accent: #f9f9f9;
--table-bg-active: var(--color-blue-light);
--table-border-color: var(--color-grey-light);
--chevron-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
--chevron-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
--chevron-down-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
}
html {
font-size: 16px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-origin: border-box;
background-repeat: no-repeat;
margin: unset;
padding: unset;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
body {
background-color: var(--body-bg);
color: var(--text-color);
font-family: var(--font-family-base);
-webkit-font-kerning: auto;
font-kerning: auto;
font-size: var(--font-size-base);
line-height: var(--line-height);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body:focus-within {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
body:focus-within {
scroll-behavior: auto;
}
}
a {
color: var(--link-color);
text-decoration: none;
}
a:focus,
a:focus-within {
color: var(--hover-link-color);
}
@media (hover: hover) {
a:hover {
color: var(--hover-link-color);
}
}
a:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
ul[role='list'] {
list-style: none;
padding: 0;
}
dt {
font-weight: 600;
}
img,
video,
picture,
svg {
max-width: 100%;
display: block;
}
code,
pre {
font-family: monospace;
}
pre {
white-space: pre-wrap;
}
code {
display: inline-block;
font-size: 0.875em;
line-height: 1.5em;
color: inherit;
padding: 0;
}
blockquote {
margin: 0 0 var(--spacer-type);
font-size: 1rem;
line-height: 1.5;
}
table {
border-collapse: collapse;
}
th,
caption {
text-align: left;
}
caption {
padding-top: var(--table-cell-padding);
padding-bottom: var(--table-cell-padding);
color: var(--color-muted);
text-align: left;
caption-side: bottom;
}
figcaption {
font-size: 1rem;
line-height: 1.5;
}
ul {
padding-left: 1em;
}
p,
h1,
h2,
h3,
h4 {
overflow-wrap: break-word;
word-break: break-word;
}
.card {
background: #fff;
margin-bottom: var(--card-margin-bottom);
isolation: isolate;
position: relative;
text-decoration: none;
}
.card-link {
position: relative;
}
.card-link a:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.card-border {
border: 1px solid var(--color-grey-light);
}
.card-block {
padding: var(--card-spacer-y) var(--card-spacer-x);
}
.card-block > *:last-child {
margin-bottom: 0;
}
.card-footer {
padding: var(--card-spacer-x-sm) var(--card-spacer-x);
margin-top: auto;
}
.card-horizontal {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-horizontal .card-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 max(30%, 158px);
flex: 0 0 max(30%, 158px);
overflow: hidden;
}
.card-horizontal .card-img img {
max-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.card-horizontal .card-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
code,
pre {
font-family: var(--font-family-monospace);
}
code {
padding: 0.2rem 0.4rem;
font-size: 0.8rem !important;
color: #bd4147;
background-color: #f7f7f9;
border-radius: 0.2rem;
}
pre {
margin: 0;
line-height: var(--line-height);
color: inherit;
}
pre code {
display: block;
padding: 0;
font-size: inherit;
background-color: transparent;
border-radius: 0;
}
img {
height: auto;
max-width: 100%;
}
ul {
margin-bottom: var(--spacer-type);
margin-left: 0;
padding-left: 1.25rem;
}
ul ul {
margin-bottom: 1em;
margin-top: 0.25em;
}
ul li {
margin-bottom: 0.25em;
}
li ul {
margin-bottom: 1em;
margin-top: 0.25em;
}
.list-reset {
margin: 0;
padding: 0;
list-style: none;
}
.list-reset > li {
margin: 0;
padding: 0;
}
.list-check-parent > ul {
list-style: none;
margin: 0 0 var(--spacer-md);
padding: 0;
}
.list-check-parent > ul li {
margin-bottom: 0;
padding-left: 1.875em;
position: relative;
}
.list-check-parent > ul li + li {
margin-top: 0.75rem;
}
.list-check-parent > ul > li:after {
position: absolute;
left: 0;
top: 0;
}
.list-check-parent > ul > li:after {
background-image: url("data:image/svg+xml;utf8,");
background-position: 50% 55%;
background-repeat: no-repeat;
background-size: 60% 60%;
border-radius: 50%;
border: 1px solid var(--color-blue-dark);
content: '';
display: block;
height: 1.4em;
width: 1.4em;
}
.table {
border-bottom: 1px solid var(--table-border-color);
max-width: 100%;
margin-bottom: var(--spacer-type);
width: 100%;
}
.table th,
.table td {
padding: var(--table-cell-padding);
line-height: var(--line-height);
vertical-align: top;
}
.table tbody th,
.table td {
border-top: 1px solid var(--table-border-color);
}
.table td {
font-variant-numeric: tabular-nums;
}
.table thead th {
background: var(--color-grey-lighter);
border-bottom: 1px solid #000;
vertical-align: bottom;
}
.table tbody th {
font-weight: 600;
}
.table tbody + tbody {
border-top: 2px solid var(--table-border-color);
}
.table .table {
background-color: var(--body-bg);
}
.circle,
.circle-outline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
line-height: 1;
width: var(--circle-size);
height: var(--circle-size);
border-radius: 50%;
}
button.circle,
button.circle-outline {
display: inline-block;
line-height: var(--circle-size);
}
.circle-outline {
border: 0.0625rem solid currentColor;
}
.circle-xxs,
.circle-outline-xxs {
width: var(--circle-size-xxs);
height: var(--circle-size-xxs);
}
.circle-xs,
.circle-outline-xs {
font-size: 10px;
width: var(--circle-size-xs);
height: var(--circle-size-xs);
}
button.circle-xs,
button.circle-outline-xs {
line-height: var(--circle-size-xs);
}
.circle-sm,
.circle-outline-sm {
font-size: 0.75rem;
width: var(--circle-size-sm);
height: var(--circle-size-sm);
}
button.circle-sm,
button.circle-outline-sm {
line-height: var(--circle-size-sm);
}
.circle-md,
.circle-outline-md {
font-size: 1.3rem;
width: var(--circle-size-md);
height: var(--circle-size-md);
}
button.circle-md,
button.circle-outline-md {
line-height: var(--circle-size-md);
}
.circle-lg,
.circle-outline-lg {
font-size: 1.6rem;
width: var(--circle-size-lg);
height: var(--circle-size-lg);
}
button.circle-lg,
button.circle-outline-lg {
line-height: var(--circle-size-lg);
}
.circle-xl,
.circle-outline-xl {
font-size: 2.5rem;
width: var(--circle-size) -xl;
height: var(--circle-size) -xl;
}
button.circle-xl,
button.circle-outline-xl {
line-height: var(--circle-size) -xl;
}
.circle-xxl,
.circle-outline-xxl {
font-size: 3.65rem;
width: var(--circle-size-xxl);
height: var(--circle-size-xxl);
}
button.circle-xxl,
button.circle-outline-xxl {
line-height: var(--circle-size-xxl);
}
.close-circle {
margin-right: -0.5em;
margin-left: 0.4em;
}
.circle-notification {
height: 12px;
width: 12px;
border-radius: 100%;
display: block;
position: absolute;
top: -2px;
right: -2px;
border: 2px solid #fff;
z-index: 2;
}
.header-inverse .circle-notification {
border: 2px solid rgba(0, 0, 0, 0.75);
}
.btn-close,
.close-modal,
.modal-close {
background-image: url("data:image/svg+xml;utf8,");
background-color: transparent;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
border: none;
height: 24px;
margin-left: auto;
padding: 0;
width: 24px;
}
.btn-close:active,
.btn-close:focus,
.close-modal:active,
.close-modal:focus,
.modal-close:active,
.modal-close:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.btn-close:focus:not(:focus-visible),
.close-modal:focus:not(:focus-visible),
.modal-close:focus:not(:focus-visible) {
outline: none;
}
.theme-dark .btn-close,
.theme-dark .modal-close,
.theme-dark .close-modal {
background-image: url("data:image/svg+xml;utf8,");
}
.label {
--label-default-bg: var(--color-grey-dark);
--label-primary-bg: var(--color-green-light);
--label-secondary-bg: var(--color-blue);
--label-info-bg: var(--color-blue-light);
--label-yellow-bg: var(--color-orange);
--label-grey-bg: var(--color-grey-light);
--label-success-bg: var(--color-success);
--label-warning-bg: var(--color-warning);
--label-danger-bg: var(--color-danger);
--label-color: #fff;
--label-hover-color: rgba(255, 255, 255, 0.9);
--label-inverse-color: var(--color-blue-dark);
--label-inverse-hover-color: #000;
color: var(--label-color);
display: -ms-inline-grid;
display: inline-grid;
gap: 0.2em;
font-size: 80%;
font-weight: 600;
line-height: 1.2;
padding: 0.25rem 0.4rem;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.label:empty {
display: none;
}
a.label:focus,
a.label:focus-within {
color: var(--label-hover-color);
text-decoration: none;
cursor: pointer;
}
@media (hover: hover) {
a.label:hover {
color: var(--label-hover-color);
text-decoration: none;
cursor: pointer;
}
}
.loader {
-webkit-animation: logo-pulse 1.8s ease-out infinite;
animation: logo-pulse 1.8s ease-out infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgc3R5bGU9ImZpbGw6IzA5OSIvPjxwYXRoIGQ9Ik0yOSw3OFY2Ni41YTU3LjEsNTcuMSwwLDAsMCwxNy4zLDMuMWM2LjksMCwxMC4zLTEuOCwxMC4zLTUuNWEzLjksMy45LDAsMCwwLTEuNS0zLjRjLTEtMS0zLjYtMi40LTcuOS00LjEtNy43LTMuMS0xMi42LTUuOC0xNC45LThhMTUsMTUsMCwwLDEtNC42LTExLjFjMC01LjcsMi4yLTEwLjEsNi42LTEzLjFzOS45LTQuNSwxNi45LTQuNUE5My44LDkzLjgsMCwwLDEsNjcuNywyMlYzM2E0MS4xLDQxLjEsMCwwLDAtMTUtMy4xYy02LjUsMC05LjcsMS43LTkuNyw1LjNhMy45LDMuOSwwLDAsMCwyLDMuM2MxLjEuNyw0LjEsMi4xLDksNC4zLDcuMSwzLjEsMTEuOCw1LjksMTQuMSw4LjJhMTQuNCwxNC40LDAsMCwxLDQuMiwxMC43LDE1LjgsMTUuOCwwLDAsMS04LjIsMTQuNGMtNC41LDIuNy0xMC4yLDQtMTcuMiw0QTc5LjQsNzkuNCwwLDAsMSwyOSw3OFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 50px 50px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
width: 140px;
height: 140px;
}
.loader:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 9px solid transparent;
border-top-color: var(--color-aqua);
-webkit-animation: logo-spin 1.4s ease-out infinite;
animation: logo-spin 1.4s ease-out infinite;
}
.loader:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 7px solid transparent;
border-top-color: var(--color-green-light);
-webkit-animation: logo-spin2 1.8s linear infinite;
animation: logo-spin2 1.8s linear infinite;
}
.loader-sm {
background-size: 35px 35px;
width: 75px;
height: 75px;
}
.loader-xs {
background-size: 20px 20px;
width: 45px;
height: 45px;
}
.loader:after,
.loader:before {
content: '';
position: absolute;
border-radius: 50%;
}
.loader-sm:before,
.loader-sm:after {
border-width: 3px;
}
.loader-xs:before,
.loader-xs:after {
border-width: 2px;
}
.loader-sm:after {
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
}
.loader-xs:after {
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
}
@-webkit-keyframes logo-pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
20% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
opacity: 0.85;
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
80% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes logo-pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
20% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
opacity: 0.85;
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
80% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes logo-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes logo-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes logo-spin2 {
0% {
opacity: 0.3;
-webkit-transform: rotate(0);
transform: rotate(0);
}
20% {
opacity: 1;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
40% {
opacity: 0.5;
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
}
100% {
opacity: 0.35;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes logo-spin2 {
0% {
opacity: 0.3;
-webkit-transform: rotate(0);
transform: rotate(0);
}
20% {
opacity: 1;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
40% {
opacity: 0.5;
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
}
100% {
opacity: 0.35;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader-spinner-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.loader-spinner,
.disw-video-loader-spinner {
-webkit-animation: loader-spinner-rotate 1s linear infinite;
animation: loader-spinner-rotate 1s linear infinite;
border: 8px solid var(--color-aqua);
border-left-color: transparent;
border-radius: 50%;
content: '';
display: block;
height: 48px;
width: 48px;
}
.loader-spinner-sm {
border-width: 4px;
height: 24px;
width: 24px;
}
@-webkit-keyframes loader-spinner-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes loader-spinner-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.loader-message {
-webkit-animation: fadeInOut 4s linear infinite;
animation: fadeInOut 4s linear infinite;
font-size: var(--font-size-xxs);
font-weight: 700;
margin-top: var(--spacer);
text-transform: uppercase;
}
.loader-overlay,
.card-loader-overlay {
background: rgba(255, 255, 255, 0.925);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: var(--zindex-modal);
}
.loader-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
}
.loader-wrapper {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
z-index: 1000;
}
.loaded .loader-wrapper {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 1s 1s ease-out;
transition: opacity 1s 1s ease-out;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
border: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-responsive-21by9 {
padding-bottom: 42.8571428571% !important;
}
.embed-responsive-16by9 {
padding-bottom: 56.25% !important;
}
.embed-responsive-2by1 {
padding-bottom: 50% !important;
}
.embed-responsive-3by1 {
padding-bottom: 33.3333333333% !important;
}
.embed-responsive-4by3 {
padding-bottom: 75% !important;
}
.embed-responsive-1by1 {
padding-bottom: 100% !important;
}
.skip-main {
overflow: hidden;
position: fixed;
left: -9999em;
top: auto;
width: 1px;
height: 1px;
z-index: -999;
}
.skip-main:focus,
.skip-main:active {
background: rgba(0, 0, 0, 0.85);
color: #fff;
border-radius: 22px;
font-size: 1rem;
font-weight: 700;
left: 0;
top: 0;
margin: 1.25rem;
overflow: auto;
outline: 2px solid var(--color-aqua-light);
padding: 0.45rem 1.25rem;
text-decoration: none;
width: auto;
height: auto;
z-index: var(--zindex-tooltip);
}
.skip-main:focus:hover,
.skip-main:active:hover {
background: var(--color-aqua-dark);
}
.skip-main:focus:after,
.skip-main:active:after {
content: '↓';
margin-left: 4px;
}
.tag {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: 2px solid var(--color-blue);
color: var(--color-blue);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 600;
padding: var(--btn-padding-y-sm) var(--btn-padding-x-sm);
}
.tag:is(a, button):active,
.tag:is(a, button):focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.tag:is(a, button):focus:not(:focus-visible) {
outline: none;
}
.tag:is(a, button):focus,
.tag:is(a, button):focus-within {
text-decoration: none;
}
@media (hover: hover) {
.tag:is(a, button):hover {
text-decoration: none;
}
}
@media (hover: hover) {
.tag:is(a, button):hover {
background: var(--color-green-lighter);
border-color: var(--color-green-dark);
color: var(--color-green-dark);
}
}
.btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
color: #000;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 700;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: var(--btn-padding-y) var(--btn-padding-x);
font-size: var(--font-size-base);
line-height: var(line-height);
}
.btn:active,
.btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.btn:focus:not(:focus-visible) {
outline: none;
}
.btn:focus,
.btn:focus-within {
text-decoration: none;
}
@media (hover: hover) {
.btn:hover {
text-decoration: none;
}
}
.btn.disabled,
.btn:disabled,
fieldset[disabled] .btn {
background: var(--color-grey);
border-color: transparent;
border-image-source: none;
cursor: var(--cursor-disabled);
opacity: 0.5;
}
.btn-reset {
background: none;
border: none;
cursor: pointer;
line-height: 1;
padding: 0;
text-align: left;
text-decoration: none;
}
.btn-reset:active,
.btn-reset:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.btn-reset:focus:not(:focus-visible) {
outline: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-primary {
background: var(--gradient-primary);
color: #000;
border-image-slice: 1;
border-image-source: linear-gradient(
90deg,
var(--color-green-light) 0%,
#00fcbc 10%,
#00fac0 20%,
#00f7c3 30%,
#00f5c7 40%,
#00f3cb 50%,
#00f0ce 60%,
#00edd1 70%,
#00ebd5 80%,
#00e8d8 90%,
var(--color-aqua-light) 100%
);
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background: var(--color-green-lighter);
color: #000;
}
@media (hover: hover) {
.btn-primary:hover {
color: #000;
background: var(--color-green-lighter);
}
}
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
fieldset[disabled] .btn-primary:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-primary {
color: #000;
}
.theme-dark .btn-primary:focus,
.theme-dark .btn-primary.focus,
.theme-dark .btn-primary:active,
.theme-dark .btn-primary.active,
.theme-dark .btn-primary:hover {
color: #000;
}
.btn-primary:hover {
border-color: var(--color-green-lighter);
border-image-source: none;
}
.btn-secondary {
background: var(--color-aqua);
color: #000;
}
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
background: var(--color-green-light);
color: #000;
}
@media (hover: hover) {
.btn-secondary:hover {
color: #000;
background: var(--color-green-light);
}
}
.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled.focus,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover,
fieldset[disabled] .btn-secondary:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-secondary {
color: #000;
}
.theme-dark .btn-secondary:focus,
.theme-dark .btn-secondary.focus,
.theme-dark .btn-secondary:active,
.theme-dark .btn-secondary.active,
.theme-dark .btn-secondary:hover {
color: #000;
}
.btn-yellow,
.btn-orange,
.btn-commerce {
background: var(--color-orange);
color: #000;
}
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .btn-yellow.dropdown-toggle,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .btn-orange.dropdown-toggle,
.btn-commerce:focus,
.btn-commerce.focus,
.btn-commerce:active,
.btn-commerce.active,
.open > .btn-commerce.dropdown-toggle {
background: var(--color-orange-dark);
color: #000;
}
@media (hover: hover) {
.btn-yellow:hover,
.btn-orange:hover,
.btn-commerce:hover {
color: #000;
background: var(--color-orange-dark);
}
}
.btn-yellow.disabled:focus,
.btn-yellow.disabled.focus,
.btn-yellow:disabled:focus,
.btn-yellow:disabled.focus,
fieldset[disabled] .btn-yellow:focus,
fieldset[disabled] .btn-yellow.focus,
.btn-orange.disabled:focus,
.btn-orange.disabled.focus,
.btn-orange:disabled:focus,
.btn-orange:disabled.focus,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange.focus,
.btn-commerce.disabled:focus,
.btn-commerce.disabled.focus,
.btn-commerce:disabled:focus,
.btn-commerce:disabled.focus,
fieldset[disabled] .btn-commerce:focus,
fieldset[disabled] .btn-commerce.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-yellow.disabled:hover,
.btn-yellow:disabled:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-orange.disabled:hover,
.btn-orange:disabled:hover,
fieldset[disabled] .btn-orange:hover,
.btn-commerce.disabled:hover,
.btn-commerce:disabled:hover,
fieldset[disabled] .btn-commerce:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-yellow,
.theme-dark .btn-orange,
.theme-dark .btn-commerce {
color: #000;
}
.theme-dark .btn-yellow:focus,
.theme-dark .btn-yellow.focus,
.theme-dark .btn-yellow:active,
.theme-dark .btn-yellow.active,
.theme-dark .btn-yellow:hover,
.theme-dark .btn-orange:focus,
.theme-dark .btn-orange.focus,
.theme-dark .btn-orange:active,
.theme-dark .btn-orange.active,
.theme-dark .btn-orange:hover,
.theme-dark .btn-commerce:focus,
.theme-dark .btn-commerce.focus,
.theme-dark .btn-commerce:active,
.theme-dark .btn-commerce.active,
.theme-dark .btn-commerce:hover {
color: #000;
}
.btn-success {
background: #3eaf6a;
color: #fff;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
background: #318953;
color: #fff;
}
@media (hover: hover) {
.btn-success:hover {
color: #fff;
background: #318953;
}
}
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-success.disabled:hover,
.btn-success:disabled:hover,
fieldset[disabled] .btn-success:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-success {
color: #fff;
}
.theme-dark .btn-success:focus,
.theme-dark .btn-success.focus,
.theme-dark .btn-success:active,
.theme-dark .btn-success.active,
.theme-dark .btn-success:hover {
color: #fff;
}
.btn-warning {
background: #f0ad4e;
color: #fff;
}
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background: #ec971f;
color: #fff;
}
@media (hover: hover) {
.btn-warning:hover {
color: #fff;
background: #ec971f;
}
}
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-warning.disabled:hover,
.btn-warning:disabled:hover,
fieldset[disabled] .btn-warning:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-warning {
color: #fff;
}
.theme-dark .btn-warning:focus,
.theme-dark .btn-warning.focus,
.theme-dark .btn-warning:active,
.theme-dark .btn-warning.active,
.theme-dark .btn-warning:hover {
color: #fff;
}
.btn-danger {
background: #fc2525;
color: #fff;
}
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background: #eb0303;
color: #fff;
}
@media (hover: hover) {
.btn-danger:hover {
color: #fff;
background: #eb0303;
}
}
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background: var(--color-grey-light);
}
@media (hover: hover) {
.btn-danger.disabled:hover,
.btn-danger:disabled:hover,
fieldset[disabled] .btn-danger:hover {
background: var(--color-grey-light);
}
}
.theme-dark .btn-danger {
color: #fff;
}
.theme-dark .btn-danger:focus,
.theme-dark .btn-danger.focus,
.theme-dark .btn-danger:active,
.theme-dark .btn-danger.active,
.theme-dark .btn-danger:hover {
color: #fff;
}
.btn-outline {
background: transparent;
border: 1px solid currentColor;
-webkit-box-shadow: inset 0 0 0 1px currentColor;
box-shadow: inset 0 0 0 1px currentColor;
color: var(--color-blue-dark);
position: relative;
}
.btn-outline:active,
.btn-outline:focus {
color: var(--color-blue-dark);
}
@media (hover: hover) {
.btn-outline:hover {
background-color: var(--color-grey-lighter);
color: var(--color-blue-dark);
}
}
.text-inverse .btn-outline,
.theme-dark .btn-outline {
color: #fff;
}
.text-inverse .btn-outline:active,
.text-inverse .btn-outline:focus,
.theme-dark .btn-outline:active,
.theme-dark .btn-outline:focus {
color: #fff;
}
@media (hover: hover) {
.text-inverse .btn-outline:hover,
.theme-dark .btn-outline:hover {
background-color: var(--color-aqua-dark);
color: #fff;
}
}
.btn-text {
background: none;
border-radius: 0;
border: none;
color: var(--color-blue);
font-weight: 700;
line-height: 1;
padding: 0;
}
.btn-text:active,
.btn-text:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.btn-text:focus:not(:focus-visible) {
outline: none;
}
.btn-text:focus,
.btn-text:focus-within {
color: var(--color-green-dark);
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
@media (hover: hover) {
.btn-text:hover {
color: var(--color-green-dark);
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
}
.theme-dark .btn-text,
.text-inverse .btn-text,
.btn-text.text-inverse {
color: var(--link-color-dark);
}
.theme-dark .btn-text:hover,
.text-inverse .btn-text:hover,
.btn-text.text-inverse:hover {
color: var(--hover-link-color-dark);
}
.btn-xl {
padding: calc(var(--btn-padding-y-lg) * 1.25) calc(var(--btn-padding-x-lg) * 1.25);
font-size: calc(var(--font-size-lg) * 1.25);
line-height: calc(var(--line-height-lg) * 1.25);
}
.btn-lg {
padding: var(--btn-padding-y-lg) var(--btn-padding-x-lg);
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
.btn-sm {
padding: var(--btn-padding-y-sm) var(--btn-padding-x-sm);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.btn-xs {
padding: calc(var(--btn-padding-y-sm) * 0.8) calc(var(--btn-padding-x-sm) * 0.8);
font-size: var(--font-size-xs);
line-height: var(--line-height-sm);
font-weight: 600;
}
@media (min-width: 48em) {
.btn-md-xl {
padding: calc(var(--btn-padding-y-lg) * 1.25) calc(var(--btn-padding-x-lg) * 1.25);
font-size: calc(var(--font-size-lg) * 1.25);
line-height: calc(var(--line-height-lg) * 1.25);
}
.btn-md-lg {
padding: var(--btn-padding-y-lg) var(--btn-padding-x-lg);
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
@media (min-width: 62em) {
.btn-lg-xl {
padding: calc(var(--btn-padding-y-lg) * 1.25) calc(var(--btn-padding-x-lg) * 1.25);
font-size: calc(var(--font-size-lg) * 1.25);
line-height: calc(var(--line-height-lg) * 1.25);
}
.btn-lg-lg {
padding: var(--btn-padding-y-lg) var(--btn-padding-x-lg);
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.btn-circle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--gradient-primary);
border: none;
border-radius: 50%;
color: #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: var(--btn-circle);
height: var(--btn-circle);
}
.btn-circle:active,
.btn-circle:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 1px solid #0087be;
outline-offset: 2px;
}
.btn-circle:focus:not(:focus-visible) {
outline: none;
}
.btn-circle:focus,
.btn-circle:focus-within {
text-decoration: none;
}
@media (hover: hover) {
.btn-circle:hover {
text-decoration: none;
}
}
.btn-circle .btn-circle-icon {
fill: var(--color-blue-dark);
display: inline-block;
font-size: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
pointer-events: none;
width: calc(var(--btn-circle) / 1.5);
height: calc(var(--btn-circle) / 1.5);
}
.btn-circle:hover {
background: var(--color-green-lighter);
}
.btn-circle.btn-circle-sm {
width: var(--btn-circle-sm);
height: var(--btn-circle-sm);
}
.btn-circle.btn-circle-sm .btn-circle-icon {
width: calc(var(--btn-circle-sm) / 1.5);
height: calc(var(--btn-circle-sm) / 1.5);
}
.btn-video-trigger img {
border: 2px solid transparent;
}
.btn-video-trigger .btn-video-trigger-btn {
position: absolute;
left: calc(50% - 37px);
-webkit-transition: all 0.35s;
transition: all 0.35s;
top: calc(50% - 37px);
z-index: 2;
}
.btn-video-trigger .btn-video-trigger-btn .btn-video-trigger-icon {
-webkit-transform: translateX(2px);
transform: translateX(2px);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-video-trigger:focus img,
.btn-video-trigger:focus-within img {
-webkit-box-shadow: 0 0 0 2px var(--color-aqua);
box-shadow: 0 0 0 2px var(--color-aqua);
}
.btn-video-trigger:focus .btn-video-trigger-btn,
.btn-video-trigger:hover .btn-video-trigger-btn {
background: var(--color-green-lighter);
-webkit-box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.22);
box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.22);
}
.btn-video-trigger:focus .btn-video-trigger-btn .btn-video-trigger-icon,
.btn-video-trigger:hover .btn-video-trigger-btn .btn-video-trigger-icon {
-webkit-transform: translateX(2px) scale(1.3);
transform: translateX(2px) scale(1.3);
}
.btn-video-trigger:active .btn-video-trigger-btn {
-webkit-box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.22);
box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.22);
}
.btn-video-trigger:active .btn-video-trigger-btn .btn-video-trigger-icon {
-webkit-transform: translateX(2px) scale(1);
transform: translateX(2px) scale(1);
}
.btn-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (min-width: 34em) {
.btn-sm-inline-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
}
@media (min-width: 48em) {
.btn-md-inline-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
}
@media (min-width: 62em) {
.btn-lg-inline-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
width: 100%;
}
.btn-pill {
border-radius: 1.5em;
}
.btn-pill .btn-pill-circle {
-webkit-transform: translateX(0.5em);
transform: translateX(0.5em);
}
.btn-stack {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 48em) {
.btn-stack {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.btn-stack .btn + .btn {
margin: 1.4rem 0 0 0;
}
@media (min-width: 48em) {
.btn-stack .btn + .btn {
margin: 0 0 0 1.4rem;
}
}
@font-face {
font-display: swap;
font-family: 'SiemensSans';
font-style: normal;
font-weight: 500;
src: url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Roman.woff2) format('woff2'),
url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Roman.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'SiemensSans';
font-style: bold;
font-weight: 600;
src: url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Bold.woff2) format('woff2'),
url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Bold.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'SiemensSans';
font-style: bold;
font-weight: 700;
src: url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Black.woff2) format('woff2'),
url(https://static.sw.cdn.siemens.com/fonts/SiemensSans_Prof_Black.woff) format('woff');
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
font-weight: 700;
margin-bottom: var(--spacer-type);
}
h1,
.h1 {
font-size: var(--font-size-h1);
}
h2,
.h2 {
font-size: var(--font-size-h2);
}
h3,
.h3 {
font-size: var(--font-size-h3);
}
h4,
.h4 {
font-size: var(--font-size-h4);
}
h5,
.h5 {
font-size: var(--font-size-h5);
}
h6,
.h6 {
font-size: var(--font-size-h6);
}
@media (max-width: 47.999em) {
h1,
.h1 {
font-size: calc(var(--font-size-h1) * 0.75);
}
}
.text-kicker + .header-focus {
margin-top: var(--spacer-sm);
}
.header-group {
line-height: 1;
position: relative;
text-align: center;
}
.header-group > span {
display: inline-block;
line-height: 1;
padding: 0.75rem 1rem;
position: relative;
z-index: 2;
}
.header-group:after {
background: currentColor;
content: '';
display: block;
height: 1px;
position: absolute;
top: calc(50% + 2px);
width: 100%;
z-index: 1;
}
a:not(:where(.btn, .btn-text, .tag, h2 *, h3 *, h4 *, .disw-header *, .disw-sub-header
*, .disw-global-footer *, .siemens-cards *)) {
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
a:not(:where(.btn, .btn-text, .tag, h2 *, h3 *, h4 *, .disw-header *, .disw-sub-header
*, .disw-global-footer *, .siemens-cards *)):hover {
text-decoration: none;
}
:where(h2, h3, h4) a {
color: inherit;
}
:where(h2, h3, h4) a:hover {
color: inherit;
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.siemens-cards a:hover h2,
.siemens-cards a:hover h3,
.siemens-cards a:hover h4 {
color: inherit;
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.display-1,
.text-display-1 {
font-size: var(--display1-size);
}
.display-2,
.text-display-2 {
font-size: var(--display2-size);
}
.display-3,
.text-display-3 {
font-size: var(--display3-size);
}
.display-4,
.text-display-4 {
font-size: var(--display4-size);
}
.display-5 .text-display-5 {
font-size: var(--display5-size);
}
@media (max-width: 47.999em) {
.display-1,
.text-display-1 {
font-size: calc(var(--display1-size) * 0.8);
}
.display-2,
.text-display-2 {
font-size: calc(var(--display2-size) * 0.8);
}
.display-3,
.text-display-3 {
font-size: calc(var(--display3-size) * 0.8);
}
.display-4,
.text-display-4 {
font-size: calc(var(--display4-size) * 0.8);
}
.display-5,
.text-display-5 {
font-size: calc(var(--display4-size) * 0.8);
}
}
.text-number {
font-size: 2em;
line-height: 0.8em;
}
.text-number-md {
font-size: 3em;
line-height: 0.8em;
}
.text-number-lg {
font-size: 4em;
line-height: 0.8em;
}
.text-number-xl {
font-size: 6em;
line-height: 0.5em;
}
figcaption,
blockquote,
p {
margin-bottom: var(--spacer-type);
}
figcaption {
margin-top: var(--spacer-type);
}
mark,
.mark {
padding: 0.2em 0.35em;
background-color: #cdd9e1;
}
cite {
font-style: normal;
}
.figure {
display: inline-block;
}
.figure > img {
line-height: 1;
margin-bottom: var(--spacer-sm);
}
.figure-caption {
font-size: 90%;
color: var(--color-muted);
}
.text-xxs {
font-size: var(--font-size-xxs);
}
.text-xs {
font-size: var(--font-size-xs);
}
.text-sm {
font-size: var(--font-size-sm);
}
.text-normal {
font-size: var(--font-size-normal);
}
.text-md {
font-size: var(--font-size-md);
}
@media (min-width: 48em) {
.text-md-md {
font-size: var(--font-size-md);
}
}
.text-lg {
font-size: var(--font-size-lg);
}
@media (min-width: 48em) {
.text-md-lg {
font-size: var(--font-size-lg);
}
}
@media (min-width: 62em) {
.text-lg-lg {
font-size: var(--font-size-lg);
}
}
.text-xl {
font-size: var(--font-size-xl);
}
@media (min-width: 48em) {
.text-md-xl {
font-size: var(--font-size-xl);
}
}
@media (min-width: 62em) {
.text-lg-xl {
font-size: var(--font-size-xl);
}
}
.text-xxl {
font-size: var(--font-size-xxl);
}
@media (min-width: 48em) {
.text-md-xxl {
font-size: var(--font-size-xxl);
}
}
p,
li,
td {
font-size: inherit;
}
.text-kicker,
.resource-type {
color: inherit;
font-size: var(--font-size-normal);
font-weight: 700;
text-transform: uppercase;
}
.text-uc {
font-size: var(--font-size-xxs);
font-weight: 700;
text-transform: uppercase;
}
.text-pipe {
color: rgba(0, 0, 0, 0.5);
font-weight: 200;
padding: 0 4px;
}
.theme-dark .text-pipe {
color: rgba(255, 255, 255, 0.5);
}
.text-letter-spacing-sm {
letter-spacing: 0.1rem;
}
.text-letter-spacing,
.loader-message {
letter-spacing: 0.15rem;
}
.text-color {
color: var(--text-color);
}
.text-link {
color: var(--link-color);
}
.text-muted {
color: var(--color-muted);
}
.text-mute {
color: var(--color-mute);
}
.text-300 {
font-weight: 300 !important;
}
.text-400 {
font-weight: 400 !important;
}
.text-500 {
font-weight: 500 !important;
}
.text-600 {
font-weight: 600 !important;
}
.text-700 {
font-weight: 700 !important;
}
.text-800 {
font-weight: 800 !important;
}
.text-900 {
font-weight: 900 !important;
}
.text-system {
font-family: var(--font-family-system);
}
.text-serif {
font-family: var(--font-family-serif);
}
.text-sans-serif {
font-family: var(--font-family-sans-serif);
}
.text-inverse,
.theme-dark {
color: #fff;
}
.text-inverse:focus,
.text-inverse:active,
.theme-dark:focus,
.theme-dark:active {
color: #fff;
}
.text-inverse a,
.theme-dark a {
color: var(--link-color-dark);
}
.text-inverse a:hover,
.text-inverse a:focus,
.text-inverse a:active,
.theme-dark a:hover,
.theme-dark a:focus,
.theme-dark a:active {
color: var(--hover-link-color-dark);
}
.text-inverse h1,
.text-inverse h2,
.text-inverse h3,
.text-inverse h4,
.text-inverse p,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark p {
color: inherit;
}
.text-inverse .text-meta,
.text-inverse.text-meta,
.text-inverse .text-muted,
.text-inverse.text-muted,
.theme-dark .text-meta,
.theme-dark.text-meta,
.theme-dark .text-muted,
.theme-dark.text-muted {
color: rgba(255, 255, 255, 0.8);
}
.text-inverse .text-mute,
.text-inverse.text-mute,
.theme-dark .text-mute,
.theme-dark.text-mute {
color: rgba(255, 255, 255, 0.5);
}
.text-inverse a:hover,
a.text-inverse:hover {
color: rgba(255, 255, 255, 0.7);
}
@media (hover: hover) {
.hover-text-inverse:hover {
color: #fff;
}
}
.link-more:after,
.text-more:after,
.text-arrow:after {
content: '';
display: inline-block;
width: 0.5em;
height: 0.5em;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
-webkit-transform: translateX(2px) translateY(-1px) rotate(45deg);
transform: translateX(2px) translateY(-1px) rotate(45deg);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.link-more:hover:after,
.text-more:hover:after,
.text-arrow:hover:after {
-webkit-transform: translateX(5px) translateY(-1px) rotate(45deg);
transform: translateX(5px) translateY(-1px) rotate(45deg);
}
.link-more {
font-weight: 600;
text-decoration: none !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-underline,
.text-hover-underline:hover {
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.text-underline:hover {
text-decoration: none;
}
/* for links around blocks */
.link-block {
color: var(--text-color);
text-decoration: none !important;
}
.link-block .link-block-link {
color: var(--link-color);
}
.link-block .link-block-link:hover {
color: var(--hover-link-color);
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.link-block:hover,
.link-block:focus {
color: inherit;
text-decoration: none;
}
.theme-dark .link-block,
.text-inverse .link-block {
color: #fff;
}
.theme-dark .link-block .link-block-link,
.text-inverse .link-block .link-block-link {
color: var(--link-color-dark);
}
.theme-dark .link-block .link-block-link:hover,
.text-inverse .link-block .link-block-link:hover {
color: var(--hover-link-color-dark);
}
.theme-dark .link-block:hover,
.theme-dark .link-block:focus,
.text-inverse .link-block:hover,
.text-inverse .link-block:focus {
color: #fff;
}
hr {
margin-top: var(--spacer-md);
margin-bottom: var(--spacer-md);
height: 1px;
background: currentColor;
border: none;
display: inline-block;
margin-left: 0;
margin-right: 0;
opacity: 0.5;
width: 100%;
}
.hr-sm {
height: 1px;
}
.hr-md {
height: 2px;
}
.hr-lg {
height: 4px;
}
.hr-div {
width: 5rem;
}
.line-height-1 {
line-height: 1;
}
.line-height-1-2 {
line-height: 1.2;
}
.line-height-1-5 {
line-height: 1.5;
}
.text-to-crop-1-5::before {
content: '';
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.5) * 0.5em);
}
.text-to-crop-1-2::before {
content: '';
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.2) * 0.5em);
}
.text-max-width {
max-width: 90ch;
}
.text-petrol {
color: var(--color-petrol);
}
.bg-petrol {
background-color: var(--color-petrol);
}
.border-petrol {
border-color: var(--color-petrol);
}
@media (hover: hover) {
.hover-text-petrol:hover {
color: var(--color-petrol);
}
.hover-bg-petrol:hover {
background-color: var(--color-petrol);
}
.hover-border-petrol:hover {
border-color: var(--color-petrol);
}
}
.text-blue {
color: var(--color-blue);
}
.bg-blue {
background-color: var(--color-blue);
}
.border-blue {
border-color: var(--color-blue);
}
@media (hover: hover) {
.hover-text-blue:hover {
color: var(--color-blue);
}
.hover-bg-blue:hover {
background-color: var(--color-blue);
}
.hover-border-blue:hover {
border-color: var(--color-blue);
}
}
.text-blue-dark {
color: var(--color-blue-dark);
}
.bg-blue-dark {
background-color: var(--color-blue-dark);
}
.border-blue-dark {
border-color: var(--color-blue-dark);
}
@media (hover: hover) {
.hover-text-blue-dark:hover {
color: var(--color-blue-dark);
}
.hover-bg-blue-dark:hover {
background-color: var(--color-blue-dark);
}
.hover-border-blue-dark:hover {
border-color: var(--color-blue-dark);
}
}
.text-blue-light {
color: var(--color-blue-light);
}
.bg-blue-light {
background-color: var(--color-blue-light);
}
.border-blue-light {
border-color: var(--color-blue-light);
}
@media (hover: hover) {
.hover-text-blue-light:hover {
color: var(--color-blue-light);
}
.hover-bg-blue-light:hover {
background-color: var(--color-blue-light);
}
.hover-border-blue-light:hover {
border-color: var(--color-blue-light);
}
}
.text-blue-link {
color: var(--color-blue-link);
}
.bg-blue-link {
background-color: var(--color-blue-link);
}
.border-blue-link {
border-color: var(--color-blue-link);
}
@media (hover: hover) {
.hover-text-blue-link:hover {
color: var(--color-blue-link);
}
.hover-bg-blue-link:hover {
background-color: var(--color-blue-link);
}
.hover-border-blue-link:hover {
border-color: var(--color-blue-link);
}
}
.text-green {
color: var(--color-green);
}
.bg-green {
background-color: var(--color-green);
}
.border-green {
border-color: var(--color-green);
}
@media (hover: hover) {
.hover-text-green:hover {
color: var(--color-green);
}
.hover-bg-green:hover {
background-color: var(--color-green);
}
.hover-border-green:hover {
border-color: var(--color-green);
}
}
.text-green-dark {
color: var(--color-green-dark);
}
.bg-green-dark {
background-color: var(--color-green-dark);
}
.border-green-dark {
border-color: var(--color-green-dark);
}
@media (hover: hover) {
.hover-text-green-dark:hover {
color: var(--color-green-dark);
}
.hover-bg-green-dark:hover {
background-color: var(--color-green-dark);
}
.hover-border-green-dark:hover {
border-color: var(--color-green-dark);
}
}
.text-green-light {
color: var(--color-green-light);
}
.bg-green-light {
background-color: var(--color-green-light);
}
.border-green-light {
border-color: var(--color-green-light);
}
@media (hover: hover) {
.hover-text-green-light:hover {
color: var(--color-green-light);
}
.hover-bg-green-light:hover {
background-color: var(--color-green-light);
}
.hover-border-green-light:hover {
border-color: var(--color-green-light);
}
}
.text-green-lighter {
color: var(--color-green-lighter);
}
.bg-green-lighter {
background-color: var(--color-green-lighter);
}
.border-green-lighter {
border-color: var(--color-green-lighter);
}
@media (hover: hover) {
.hover-text-green-lighter:hover {
color: var(--color-green-lighter);
}
.hover-bg-green-lighter:hover {
background-color: var(--color-green-lighter);
}
.hover-border-green-lighter:hover {
border-color: var(--color-green-lighter);
}
}
.text-aqua {
color: var(--color-aqua);
}
.bg-aqua {
background-color: var(--color-aqua);
}
.border-aqua {
border-color: var(--color-aqua);
}
@media (hover: hover) {
.hover-text-aqua:hover {
color: var(--color-aqua);
}
.hover-bg-aqua:hover {
background-color: var(--color-aqua);
}
.hover-border-aqua:hover {
border-color: var(--color-aqua);
}
}
.text-aqua-dark {
color: var(--color-aqua-dark);
}
.bg-aqua-dark {
background-color: var(--color-aqua-dark);
}
.border-aqua-dark {
border-color: var(--color-aqua-dark);
}
@media (hover: hover) {
.hover-text-aqua-dark:hover {
color: var(--color-aqua-dark);
}
.hover-bg-aqua-dark:hover {
background-color: var(--color-aqua-dark);
}
.hover-border-aqua-dark:hover {
border-color: var(--color-aqua-dark);
}
}
.text-aqua-light {
color: var(--color-aqua-light);
}
.bg-aqua-light {
background-color: var(--color-aqua-light);
}
.border-aqua-light {
border-color: var(--color-aqua-light);
}
@media (hover: hover) {
.hover-text-aqua-light:hover {
color: var(--color-aqua-light);
}
.hover-bg-aqua-light:hover {
background-color: var(--color-aqua-light);
}
.hover-border-aqua-light:hover {
border-color: var(--color-aqua-light);
}
}
.text-grey-dark {
color: var(--color-grey-dark);
}
.bg-grey-dark {
background-color: var(--color-grey-dark);
}
.border-grey-dark {
border-color: var(--color-grey-dark);
}
@media (hover: hover) {
.hover-text-grey-dark:hover {
color: var(--color-grey-dark);
}
.hover-bg-grey-dark:hover {
background-color: var(--color-grey-dark);
}
.hover-border-grey-dark:hover {
border-color: var(--color-grey-dark);
}
}
.text-grey {
color: var(--color-grey);
}
.bg-grey {
background-color: var(--color-grey);
}
.border-grey {
border-color: var(--color-grey);
}
@media (hover: hover) {
.hover-text-grey:hover {
color: var(--color-grey);
}
.hover-bg-grey:hover {
background-color: var(--color-grey);
}
.hover-border-grey:hover {
border-color: var(--color-grey);
}
}
.text-grey-light {
color: var(--color-grey-light);
}
.bg-grey-light {
background-color: var(--color-grey-light);
}
.border-grey-light {
border-color: var(--color-grey-light);
}
@media (hover: hover) {
.hover-text-grey-light:hover {
color: var(--color-grey-light);
}
.hover-bg-grey-light:hover {
background-color: var(--color-grey-light);
}
.hover-border-grey-light:hover {
border-color: var(--color-grey-light);
}
}
.text-grey-lighter {
color: var(--color-grey-lighter);
}
.bg-grey-lighter {
background-color: var(--color-grey-lighter);
}
.border-grey-lighter {
border-color: var(--color-grey-lighter);
}
@media (hover: hover) {
.hover-text-grey-lighter:hover {
color: var(--color-grey-lighter);
}
.hover-bg-grey-lighter:hover {
background-color: var(--color-grey-lighter);
}
.hover-border-grey-lighter:hover {
border-color: var(--color-grey-lighter);
}
}
.text-orange {
color: var(--color-orange);
}
.bg-orange {
background-color: var(--color-orange);
}
.border-orange {
border-color: var(--color-orange);
}
@media (hover: hover) {
.hover-text-orange:hover {
color: var(--color-orange);
}
.hover-bg-orange:hover {
background-color: var(--color-orange);
}
.hover-border-orange:hover {
border-color: var(--color-orange);
}
}
.text-orange-dark {
color: var(--color-orange-dark);
}
.bg-orange-dark {
background-color: var(--color-orange-dark);
}
.border-orange-dark {
border-color: var(--color-orange-dark);
}
@media (hover: hover) {
.hover-text-orange-dark:hover {
color: var(--color-orange-dark);
}
.hover-bg-orange-dark:hover {
background-color: var(--color-orange-dark);
}
.hover-border-orange-dark:hover {
border-color: var(--color-orange-dark);
}
}
.text-red {
color: var(--color-red);
}
.bg-red {
background-color: var(--color-red);
}
.border-red {
border-color: var(--color-red);
}
@media (hover: hover) {
.hover-text-red:hover {
color: var(--color-red);
}
.hover-bg-red:hover {
background-color: var(--color-red);
}
.hover-border-red:hover {
border-color: var(--color-red);
}
}
.text-sand-light {
color: var(--color-sand-light);
}
.bg-sand-light {
background-color: var(--color-sand-light);
}
.border-sand-light {
border-color: var(--color-sand-light);
}
@media (hover: hover) {
.hover-text-sand-light:hover {
color: var(--color-sand-light);
}
.hover-bg-sand-light:hover {
background-color: var(--color-sand-light);
}
.hover-border-sand-light:hover {
border-color: var(--color-sand-light);
}
}
.text-stone {
color: var(--color-stone);
}
.bg-stone {
background-color: var(--color-stone);
}
.border-stone {
border-color: var(--color-stone);
}
@media (hover: hover) {
.hover-text-stone:hover {
color: var(--color-stone);
}
.hover-bg-stone:hover {
background-color: var(--color-stone);
}
.hover-border-stone:hover {
border-color: var(--color-stone);
}
}
.text-stone-light {
color: var(--color-stone-light);
}
.bg-stone-light {
background-color: var(--color-stone-light);
}
.border-stone-light {
border-color: var(--color-stone-light);
}
@media (hover: hover) {
.hover-text-stone-light:hover {
color: var(--color-stone-light);
}
.hover-bg-stone-light:hover {
background-color: var(--color-stone-light);
}
.hover-border-stone-light:hover {
border-color: var(--color-stone-light);
}
}
.text-stone-lightest {
color: var(--color-stone-lightest);
}
.bg-stone-lightest {
background-color: var(--color-stone-lightest);
}
.border-stone-lightest {
border-color: var(--color-stone-lightest);
}
@media (hover: hover) {
.hover-text-stone-lightest:hover {
color: var(--color-stone-lightest);
}
.hover-bg-stone-lightest:hover {
background-color: var(--color-stone-lightest);
}
.hover-border-stone-lightest:hover {
border-color: var(--color-stone-lightest);
}
}
.text-stone-pale {
color: var(--color-stone-pale);
}
.bg-stone-pale {
background-color: var(--color-stone-pale);
}
.border-stone-pale {
border-color: var(--color-stone-pale);
}
@media (hover: hover) {
.hover-text-stone-pale:hover {
color: var(--color-stone-pale);
}
.hover-bg-stone-pale:hover {
background-color: var(--color-stone-pale);
}
.hover-border-stone-pale:hover {
border-color: var(--color-stone-pale);
}
}
.text-info {
color: var(--color-info);
}
.bg-info {
background-color: var(--color-info);
}
.border-info {
border-color: var(--color-info);
}
@media (hover: hover) {
.hover-text-info:hover {
color: var(--color-info);
}
.hover-bg-info:hover {
background-color: var(--color-info);
}
.hover-border-info:hover {
border-color: var(--color-info);
}
}
.text-success {
color: var(--color-success);
}
.bg-success {
background-color: var(--color-success);
}
.border-success {
border-color: var(--color-success);
}
@media (hover: hover) {
.hover-text-success:hover {
color: var(--color-success);
}
.hover-bg-success:hover {
background-color: var(--color-success);
}
.hover-border-success:hover {
border-color: var(--color-success);
}
}
.text-warning {
color: var(--color-warning);
}
.bg-warning {
background-color: var(--color-warning);
}
.border-warning {
border-color: var(--color-warning);
}
@media (hover: hover) {
.hover-text-warning:hover {
color: var(--color-warning);
}
.hover-bg-warning:hover {
background-color: var(--color-warning);
}
.hover-border-warning:hover {
border-color: var(--color-warning);
}
}
.text-danger {
color: var(--color-danger);
}
.bg-danger {
background-color: var(--color-danger);
}
.border-danger {
border-color: var(--color-danger);
}
@media (hover: hover) {
.hover-text-danger:hover {
color: var(--color-danger);
}
.hover-bg-danger:hover {
background-color: var(--color-danger);
}
.hover-border-danger:hover {
border-color: var(--color-danger);
}
}
.text-transparent-light {
color: var(--color-transparent-light);
}
.bg-transparent-light {
background-color: var(--color-transparent-light);
}
.border-transparent-light {
border-color: var(--color-transparent-light);
}
@media (hover: hover) {
.hover-text-transparent-light:hover {
color: var(--color-transparent-light);
}
.hover-bg-transparent-light:hover {
background-color: var(--color-transparent-light);
}
.hover-border-transparent-light:hover {
border-color: var(--color-transparent-light);
}
}
.text-transparent-lighter {
color: var(--color-transparent-lighter);
}
.bg-transparent-lighter {
background-color: var(--color-transparent-lighter);
}
.border-transparent-lighter {
border-color: var(--color-transparent-lighter);
}
@media (hover: hover) {
.hover-text-transparent-lighter:hover {
color: var(--color-transparent-lighter);
}
.hover-bg-transparent-lighter:hover {
background-color: var(--color-transparent-lighter);
}
.hover-border-transparent-lighter:hover {
border-color: var(--color-transparent-lighter);
}
}
.text-transparent-lightest {
color: var(--color-transparent-lightest);
}
.bg-transparent-lightest {
background-color: var(--color-transparent-lightest);
}
.border-transparent-lightest {
border-color: var(--color-transparent-lightest);
}
@media (hover: hover) {
.hover-text-transparent-lightest:hover {
color: var(--color-transparent-lightest);
}
.hover-bg-transparent-lightest:hover {
background-color: var(--color-transparent-lightest);
}
.hover-border-transparent-lightest:hover {
border-color: var(--color-transparent-lightest);
}
}
.text-transparent-pale {
color: var(--color-transparent-pale);
}
.bg-transparent-pale {
background-color: var(--color-transparent-pale);
}
.border-transparent-pale {
border-color: var(--color-transparent-pale);
}
@media (hover: hover) {
.hover-text-transparent-pale:hover {
color: var(--color-transparent-pale);
}
.hover-bg-transparent-pale:hover {
background-color: var(--color-transparent-pale);
}
.hover-border-transparent-pale:hover {
border-color: var(--color-transparent-pale);
}
}
.text-transparent-dark {
color: var(--color-transparent-dark);
}
.bg-transparent-dark {
background-color: var(--color-transparent-dark);
}
.border-transparent-dark {
border-color: var(--color-transparent-dark);
}
@media (hover: hover) {
.hover-text-transparent-dark:hover {
color: var(--color-transparent-dark);
}
.hover-bg-transparent-dark:hover {
background-color: var(--color-transparent-dark);
}
.hover-border-transparent-dark:hover {
border-color: var(--color-transparent-dark);
}
}
.text-transparent-darker {
color: var(--color-transparent-darker);
}
.bg-transparent-darker {
background-color: var(--color-transparent-darker);
}
.border-transparent-darker {
border-color: var(--color-transparent-darker);
}
@media (hover: hover) {
.hover-text-transparent-darker:hover {
color: var(--color-transparent-darker);
}
.hover-bg-transparent-darker:hover {
background-color: var(--color-transparent-darker);
}
.hover-border-transparent-darker:hover {
border-color: var(--color-transparent-darker);
}
}
.text-transparent-darkest {
color: var(--color-transparent-darkest);
}
.bg-transparent-darkest {
background-color: var(--color-transparent-darkest);
}
.border-transparent-darkest {
border-color: var(--color-transparent-darkest);
}
@media (hover: hover) {
.hover-text-transparent-darkest:hover {
color: var(--color-transparent-darkest);
}
.hover-bg-transparent-darkest:hover {
background-color: var(--color-transparent-darkest);
}
.hover-border-transparent-darkest:hover {
border-color: var(--color-transparent-darkest);
}
}
.text-transparent-heavy {
color: var(--color-transparent-heavy);
}
.bg-transparent-heavy {
background-color: var(--color-transparent-heavy);
}
.border-transparent-heavy {
border-color: var(--color-transparent-heavy);
}
@media (hover: hover) {
.hover-text-transparent-heavy:hover {
color: var(--color-transparent-heavy);
}
.hover-bg-transparent-heavy:hover {
background-color: var(--color-transparent-heavy);
}
.hover-border-transparent-heavy:hover {
border-color: var(--color-transparent-heavy);
}
}
.text-muted {
color: var(--color-muted);
}
.bg-muted {
background-color: var(--color-muted);
}
.border-muted {
border-color: var(--color-muted);
}
@media (hover: hover) {
.hover-text-muted:hover {
color: var(--color-muted);
}
.hover-bg-muted:hover {
background-color: var(--color-muted);
}
.hover-border-muted:hover {
border-color: var(--color-muted);
}
}
.text-mute {
color: var(--color-mute);
}
.bg-mute {
background-color: var(--color-mute);
}
.border-mute {
border-color: var(--color-mute);
}
@media (hover: hover) {
.hover-text-mute:hover {
color: var(--color-mute);
}
.hover-bg-mute:hover {
background-color: var(--color-mute);
}
.hover-border-mute:hover {
border-color: var(--color-mute);
}
}
.text-white {
color: var(--color-white);
}
.bg-white {
background-color: var(--color-white);
}
.border-white {
border-color: var(--color-white);
}
@media (hover: hover) {
.hover-text-white:hover {
color: var(--color-white);
}
.hover-bg-white:hover {
background-color: var(--color-white);
}
.hover-border-white:hover {
border-color: var(--color-white);
}
}
.text-black {
color: var(--color-black);
}
.bg-black {
background-color: var(--color-black);
}
.border-black {
border-color: var(--color-black);
}
@media (hover: hover) {
.hover-text-black:hover {
color: var(--color-black);
}
.hover-bg-black:hover {
background-color: var(--color-black);
}
.hover-border-black:hover {
border-color: var(--color-black);
}
}
.text-info-lightest {
color: var(--color-info-lightest);
}
.bg-info-lightest {
background-color: var(--color-info-lightest);
}
.border-info-lightest {
border-color: var(--color-info-lightest);
}
@media (hover: hover) {
.hover-text-info-lightest:hover {
color: var(--color-info-lightest);
}
.hover-bg-info-lightest:hover {
background-color: var(--color-info-lightest);
}
.hover-border-info-lightest:hover {
border-color: var(--color-info-lightest);
}
}
.text-secondary {
color: var(--color-secondary);
}
.bg-secondary {
background-color: var(--color-secondary);
}
.border-secondary {
border-color: var(--color-secondary);
}
@media (hover: hover) {
.hover-text-secondary:hover {
color: var(--color-secondary);
}
.hover-bg-secondary:hover {
background-color: var(--color-secondary);
}
.hover-border-secondary:hover {
border-color: var(--color-secondary);
}
}
.text-secondary-lightest {
color: var(--color-secondary-lightest);
}
.bg-secondary-lightest {
background-color: var(--color-secondary-lightest);
}
.border-secondary-lightest {
border-color: var(--color-secondary-lightest);
}
@media (hover: hover) {
.hover-text-secondary-lightest:hover {
color: var(--color-secondary-lightest);
}
.hover-bg-secondary-lightest:hover {
background-color: var(--color-secondary-lightest);
}
.hover-border-secondary-lightest:hover {
border-color: var(--color-secondary-lightest);
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes fadeInOut {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes rotate {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown-lg {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft-lg {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight-lg {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp-sm {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp-lg {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown-lg {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft-lg {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight-lg {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp-lg {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.br-a-xs {
border-radius: 0.125rem !important;
}
.br-a-md {
border-radius: 0.45rem !important;
}
.border-a {
border-style: solid;
border-width: 1px;
}
.border-t {
border-top-width: 1px;
border-top-style: solid;
}
.border-r {
border-right-width: 1px;
border-right-style: solid;
}
.border-b {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.border-l {
border-left-width: 1px;
border-left-style: solid;
}
.border-2 {
border-width: 2px;
}
.border-3 {
border-width: 3px;
}
.border-4 {
border-width: 4px;
}
.border-5 {
border-width: 5px;
}
.border-6 {
border-width: 6px;
}
.border-7 {
border-width: 7px;
}
.border-8 {
border-width: 8px;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 33.999em) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 34em) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 47.999em) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 48em) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 61.999em) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 62em) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 74.999em) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 75em) {
.hidden-xl-up {
display: none !important;
}
}
@media (max-width: 89.999em) {
.hidden-xl-down {
display: none !important;
}
}
@media (min-width: 90em) {
.hidden-xxl-up {
display: none !important;
}
}
.hidden-xxl-down {
display: none !important;
}
.display-block {
display: block;
}
@media (min-width: 34em) {
.display-sm-block {
display: block !important;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
float: none !important;
}
button.display-sm-block {
width: 100%;
}
}
@media (min-width: 48em) {
.display-md-block {
display: block !important;
float: none !important;
}
button.display-md-block {
width: 100%;
}
}
@media (min-width: 62em) {
.display-lg-block {
display: block !important;
float: none !important;
}
button.display-lg-block {
width: 100%;
}
}
.display-inline-block {
display: inline-block;
}
@media (min-width: 34em) {
.display-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 48em) {
.display-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 62em) {
.display-lg-inline-block {
display: inline-block !important;
}
}
.display-none {
display: none;
}
.display-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 34em) {
.display-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (min-width: 48em) {
.display-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (min-width: 62em) {
.display-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.display-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (min-width: 34em) {
.display-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 48em) {
.display-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 62em) {
.display-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.raised-xs {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media all and (-ms-high-contrast: none) {
.flex-center * {
max-width: 100%;
}
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.flex-initial {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.flex-no-grow {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-no-shrink {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-no-wrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xs-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 34em) {
.flex-sm-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 48em) {
.flex-md-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 62em) {
.flex-lg-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 75em) {
.flex-xl-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 90em) {
.flex-xxl-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.flex-direction-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column,
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media all and (-ms-high-contrast: none) {
.flex-column .flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.flex-group,
.item-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-group.display-inline-flex,
.flex-group.item-flex-inline,
.item-flex.display-inline-flex,
.item-flex.item-flex-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.item-xs-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 34em) {
.item-sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 48em) {
.item-md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 62em) {
.item-lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 75em) {
.item-xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 90em) {
.item-xxl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.flex-group {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-group-main,
.item-flex-main {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
@media (max-width: 47.999em) {
.flex-group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-group .flex-group-main {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 0.35rem;
}
}
@media (max-width: 47.999em) {
.item-flex-responsive {
display: block;
}
.item-flex-responsive .item-flex-main {
display: block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-bottom: 0.35rem;
}
}
.display-flex-has-overflow,
.item-flex-has-overflow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
list-style: none;
max-width: 100%;
overflow: hidden;
overflow-x: auto;
position: relative;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.item-flex.display-inline-flex,
.item-flex.item-flex-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 47.999em) {
.item-flex-responsive {
display: block;
}
.item-flex-responsive .item-flex-main {
display: block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-bottom: 0.35rem;
}
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (min-width: 48em) {
.justify-content-md-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.align-self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-self-flex-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-flex-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.justify-self-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch;
}
.justify-self-center {
-ms-grid-column-align: center;
justify-self: center;
}
.justify-self-flex-start {
justify-self: flex-start;
}
.justify-self-flex-end {
justify-self: flex-end;
}
.flex-direction-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-direction-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-direction-xs-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (min-width: 34em) {
.flex-direction-sm-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 48em) {
.flex-direction-md-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 62em) {
.flex-direction-lg-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 75em) {
.flex-direction-xl-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 90em) {
.flex-direction-xxl-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.flex-direction-xs-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 34em) {
.flex-direction-sm-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 48em) {
.flex-direction-md-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 62em) {
.flex-direction-lg-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 75em) {
.flex-direction-xl-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 90em) {
.flex-direction-xxl-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: calc((2rem / 2) * -1);
margin-right: calc((2rem / 2) * -1);
}
.flex-row > div,
.flex-row-xs > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: calc((30rem - 100%) * 999);
flex-basis: calc((30rem - 100%) * 999);
margin: 0 1rem;
}
.flex-row-sm > div {
-ms-flex-preferred-size: calc((34rem - 100%) * 999);
flex-basis: calc((34rem - 100%) * 999);
}
.flex-row-md > div {
-ms-flex-preferred-size: calc((48rem - 100%) * 999);
flex-basis: calc((48rem - 100%) * 999);
}
.flex-row-lg > div {
-ms-flex-preferred-size: calc((60rem - 100%) * 999);
flex-basis: calc((60rem - 100%) * 999);
}
.flex-row-bordered {
margin-left: calc((2rem) * -1);
margin-right: calc((2rem) * -1);
}
.flex-row-bordered > div {
margin: 0 2rem;
}
.flex-row-bordered > div:not(:first-child) {
position: relative;
}
.flex-row-bordered > div:not(:first-child):after {
background: var(--border-color);
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
margin-left: -2rem;
top: 0;
width: 1px;
}
@media (hover: hover) {
.card-hover {
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
}
.card-hover:hover {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.07),
0 4px 4px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.07), 0 16px 16px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.07),
0 4px 4px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.07), 0 16px 16px rgba(0, 0, 0, 0.07);
cursor: pointer;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
z-index: 2;
}
}
@media (prefers-reduced-motion: reduce) {
.card-hover {
-webkit-transition: none;
transition: none;
}
}
.icon {
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
fill: currentColor;
pointer-events: none;
width: 1em;
height: 1em;
}
.theme-dark .icon {
--icon-color2: #fff;
}
.icon-fill {
fill: currentColor;
pointer-events: none;
}
.icon-xxs {
height: 10px;
width: 10px;
}
.icon-xs {
height: 14px;
width: 14px;
}
.icon-sm {
height: 20px;
width: 20px;
}
.icon-normal {
height: 24px;
width: 24px;
}
.icon-md {
height: 32px;
width: 32px;
}
.icon-lg {
height: 48px;
width: 48px;
}
.icon-xl {
height: 64px;
width: 64px;
}
.overflow-hidden {
overflow: hidden;
}
.sticky-parent {
position: sticky;
}
.pos-r {
position: relative;
}
.m-a-0 {
margin: 0 0 !important;
}
.m-t-0 {
margin-top: 0 !important;
}
.m-r-0 {
margin-right: 0 !important;
}
.m-b-0 {
margin-bottom: 0 !important;
}
.m-l-0 {
margin-left: 0 !important;
}
.m-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-t-xs {
margin-top: 0.25rem !important;
}
.m-r-xs {
margin-right: 0.25rem !important;
}
.m-b-xs {
margin-bottom: 0.25rem !important;
}
.m-l-xs {
margin-left: 0.25rem !important;
}
.m-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-t-sm {
margin-top: 0.5rem !important;
}
.m-r-sm {
margin-right: 0.5rem !important;
}
.m-b-sm {
margin-bottom: 0.5rem !important;
}
.m-l-sm {
margin-left: 0.5rem !important;
}
.m-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-a {
margin: 1rem 1rem !important;
}
.m-t {
margin-top: 1rem !important;
}
.m-r {
margin-right: 1rem !important;
}
.m-b {
margin-bottom: 1rem !important;
}
.m-l {
margin-left: 1rem !important;
}
.m-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-t-md {
margin-top: 1.5rem !important;
}
.m-r-md {
margin-right: 1.5rem !important;
}
.m-b-md {
margin-bottom: 1.5rem !important;
}
.m-l-md {
margin-left: 1.5rem !important;
}
.m-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-t-lg {
margin-top: 2.5rem !important;
}
.m-r-lg {
margin-right: 2.5rem !important;
}
.m-b-lg {
margin-bottom: 2.5rem !important;
}
.m-l-lg {
margin-left: 2.5rem !important;
}
.m-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-a-xl {
margin: 4rem 4rem !important;
}
.m-t-xl {
margin-top: 4rem !important;
}
.m-r-xl {
margin-right: 4rem !important;
}
.m-b-xl {
margin-bottom: 4rem !important;
}
.m-l-xl {
margin-left: 4rem !important;
}
.m-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-a-xxl {
margin: 5rem 5rem !important;
}
.m-t-xxl {
margin-top: 5rem !important;
}
.m-r-xxl {
margin-right: 5rem !important;
}
.m-b-xxl {
margin-bottom: 5rem !important;
}
.m-l-xxl {
margin-left: 5rem !important;
}
.m-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-a-0 {
padding: 0 0 !important;
}
.p-t-0 {
padding-top: 0 !important;
}
.p-r-0 {
padding-right: 0 !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-l-0 {
padding-left: 0 !important;
}
.p-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-t-xs {
padding-top: 0.25rem !important;
}
.p-r-xs {
padding-right: 0.25rem !important;
}
.p-b-xs {
padding-bottom: 0.25rem !important;
}
.p-l-xs {
padding-left: 0.25rem !important;
}
.p-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-t-sm {
padding-top: 0.5rem !important;
}
.p-r-sm {
padding-right: 0.5rem !important;
}
.p-b-sm {
padding-bottom: 0.5rem !important;
}
.p-l-sm {
padding-left: 0.5rem !important;
}
.p-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-a {
padding: 1rem 1rem !important;
}
.p-t {
padding-top: 1rem !important;
}
.p-r {
padding-right: 1rem !important;
}
.p-b {
padding-bottom: 1rem !important;
}
.p-l {
padding-left: 1rem !important;
}
.p-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-t-md {
padding-top: 1.5rem !important;
}
.p-r-md {
padding-right: 1.5rem !important;
}
.p-b-md {
padding-bottom: 1.5rem !important;
}
.p-l-md {
padding-left: 1.5rem !important;
}
.p-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-t-lg {
padding-top: 2.5rem !important;
}
.p-r-lg {
padding-right: 2.5rem !important;
}
.p-b-lg {
padding-bottom: 2.5rem !important;
}
.p-l-lg {
padding-left: 2.5rem !important;
}
.p-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-a-xl {
padding: 4rem 4rem !important;
}
.p-t-xl {
padding-top: 4rem !important;
}
.p-r-xl {
padding-right: 4rem !important;
}
.p-b-xl {
padding-bottom: 4rem !important;
}
.p-l-xl {
padding-left: 4rem !important;
}
.p-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-a-xxl {
padding: 5rem 5rem !important;
}
.p-t-xxl {
padding-top: 5rem !important;
}
.p-r-xxl {
padding-right: 5rem !important;
}
.p-b-xxl {
padding-bottom: 5rem !important;
}
.p-l-xxl {
padding-left: 5rem !important;
}
.p-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.m-xs-a-0 {
margin: 0 0 !important;
}
.m-xs-t-0 {
margin-top: 0 !important;
}
.m-xs-r-0 {
margin-right: 0 !important;
}
.m-xs-b-0 {
margin-bottom: 0 !important;
}
.m-xs-l-0 {
margin-left: 0 !important;
}
.m-xs-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-xs-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-xs-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-xs-t-xs {
margin-top: 0.25rem !important;
}
.m-xs-r-xs {
margin-right: 0.25rem !important;
}
.m-xs-b-xs {
margin-bottom: 0.25rem !important;
}
.m-xs-l-xs {
margin-left: 0.25rem !important;
}
.m-xs-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-xs-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-xs-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-xs-t-sm {
margin-top: 0.5rem !important;
}
.m-xs-r-sm {
margin-right: 0.5rem !important;
}
.m-xs-b-sm {
margin-bottom: 0.5rem !important;
}
.m-xs-l-sm {
margin-left: 0.5rem !important;
}
.m-xs-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-xs-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-xs-a {
margin: 1rem 1rem !important;
}
.m-xs-t {
margin-top: 1rem !important;
}
.m-xs-r {
margin-right: 1rem !important;
}
.m-xs-b {
margin-bottom: 1rem !important;
}
.m-xs-l {
margin-left: 1rem !important;
}
.m-xs-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-xs-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-xs-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-xs-t-md {
margin-top: 1.5rem !important;
}
.m-xs-r-md {
margin-right: 1.5rem !important;
}
.m-xs-b-md {
margin-bottom: 1.5rem !important;
}
.m-xs-l-md {
margin-left: 1.5rem !important;
}
.m-xs-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-xs-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-xs-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-xs-t-lg {
margin-top: 2.5rem !important;
}
.m-xs-r-lg {
margin-right: 2.5rem !important;
}
.m-xs-b-lg {
margin-bottom: 2.5rem !important;
}
.m-xs-l-lg {
margin-left: 2.5rem !important;
}
.m-xs-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-xs-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-xs-a-xl {
margin: 4rem 4rem !important;
}
.m-xs-t-xl {
margin-top: 4rem !important;
}
.m-xs-r-xl {
margin-right: 4rem !important;
}
.m-xs-b-xl {
margin-bottom: 4rem !important;
}
.m-xs-l-xl {
margin-left: 4rem !important;
}
.m-xs-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-xs-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-xs-a-xxl {
margin: 5rem 5rem !important;
}
.m-xs-t-xxl {
margin-top: 5rem !important;
}
.m-xs-r-xxl {
margin-right: 5rem !important;
}
.m-xs-b-xxl {
margin-bottom: 5rem !important;
}
.m-xs-l-xxl {
margin-left: 5rem !important;
}
.m-xs-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-xs-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-xs-a-0 {
padding: 0 0 !important;
}
.p-xs-t-0 {
padding-top: 0 !important;
}
.p-xs-r-0 {
padding-right: 0 !important;
}
.p-xs-b-0 {
padding-bottom: 0 !important;
}
.p-xs-l-0 {
padding-left: 0 !important;
}
.p-xs-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-xs-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-xs-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-xs-t-xs {
padding-top: 0.25rem !important;
}
.p-xs-r-xs {
padding-right: 0.25rem !important;
}
.p-xs-b-xs {
padding-bottom: 0.25rem !important;
}
.p-xs-l-xs {
padding-left: 0.25rem !important;
}
.p-xs-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-xs-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-xs-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-xs-t-sm {
padding-top: 0.5rem !important;
}
.p-xs-r-sm {
padding-right: 0.5rem !important;
}
.p-xs-b-sm {
padding-bottom: 0.5rem !important;
}
.p-xs-l-sm {
padding-left: 0.5rem !important;
}
.p-xs-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-xs-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-xs-a {
padding: 1rem 1rem !important;
}
.p-xs-t {
padding-top: 1rem !important;
}
.p-xs-r {
padding-right: 1rem !important;
}
.p-xs-b {
padding-bottom: 1rem !important;
}
.p-xs-l {
padding-left: 1rem !important;
}
.p-xs-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-xs-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-xs-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-xs-t-md {
padding-top: 1.5rem !important;
}
.p-xs-r-md {
padding-right: 1.5rem !important;
}
.p-xs-b-md {
padding-bottom: 1.5rem !important;
}
.p-xs-l-md {
padding-left: 1.5rem !important;
}
.p-xs-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-xs-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-xs-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-xs-t-lg {
padding-top: 2.5rem !important;
}
.p-xs-r-lg {
padding-right: 2.5rem !important;
}
.p-xs-b-lg {
padding-bottom: 2.5rem !important;
}
.p-xs-l-lg {
padding-left: 2.5rem !important;
}
.p-xs-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-xs-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-xs-a-xl {
padding: 4rem 4rem !important;
}
.p-xs-t-xl {
padding-top: 4rem !important;
}
.p-xs-r-xl {
padding-right: 4rem !important;
}
.p-xs-b-xl {
padding-bottom: 4rem !important;
}
.p-xs-l-xl {
padding-left: 4rem !important;
}
.p-xs-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-xs-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-xs-a-xxl {
padding: 5rem 5rem !important;
}
.p-xs-t-xxl {
padding-top: 5rem !important;
}
.p-xs-r-xxl {
padding-right: 5rem !important;
}
.p-xs-b-xxl {
padding-bottom: 5rem !important;
}
.p-xs-l-xxl {
padding-left: 5rem !important;
}
.p-xs-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-xs-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
@media (min-width: 34em) {
.m-sm-a-0 {
margin: 0 0 !important;
}
.m-sm-t-0 {
margin-top: 0 !important;
}
.m-sm-r-0 {
margin-right: 0 !important;
}
.m-sm-b-0 {
margin-bottom: 0 !important;
}
.m-sm-l-0 {
margin-left: 0 !important;
}
.m-sm-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-sm-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-sm-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-sm-t-xs {
margin-top: 0.25rem !important;
}
.m-sm-r-xs {
margin-right: 0.25rem !important;
}
.m-sm-b-xs {
margin-bottom: 0.25rem !important;
}
.m-sm-l-xs {
margin-left: 0.25rem !important;
}
.m-sm-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-sm-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-sm-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-sm-t-sm {
margin-top: 0.5rem !important;
}
.m-sm-r-sm {
margin-right: 0.5rem !important;
}
.m-sm-b-sm {
margin-bottom: 0.5rem !important;
}
.m-sm-l-sm {
margin-left: 0.5rem !important;
}
.m-sm-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-sm-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-sm-a {
margin: 1rem 1rem !important;
}
.m-sm-t {
margin-top: 1rem !important;
}
.m-sm-r {
margin-right: 1rem !important;
}
.m-sm-b {
margin-bottom: 1rem !important;
}
.m-sm-l {
margin-left: 1rem !important;
}
.m-sm-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-sm-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-sm-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-sm-t-md {
margin-top: 1.5rem !important;
}
.m-sm-r-md {
margin-right: 1.5rem !important;
}
.m-sm-b-md {
margin-bottom: 1.5rem !important;
}
.m-sm-l-md {
margin-left: 1.5rem !important;
}
.m-sm-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-sm-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-sm-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-sm-t-lg {
margin-top: 2.5rem !important;
}
.m-sm-r-lg {
margin-right: 2.5rem !important;
}
.m-sm-b-lg {
margin-bottom: 2.5rem !important;
}
.m-sm-l-lg {
margin-left: 2.5rem !important;
}
.m-sm-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-sm-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-sm-a-xl {
margin: 4rem 4rem !important;
}
.m-sm-t-xl {
margin-top: 4rem !important;
}
.m-sm-r-xl {
margin-right: 4rem !important;
}
.m-sm-b-xl {
margin-bottom: 4rem !important;
}
.m-sm-l-xl {
margin-left: 4rem !important;
}
.m-sm-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-sm-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-sm-a-xxl {
margin: 5rem 5rem !important;
}
.m-sm-t-xxl {
margin-top: 5rem !important;
}
.m-sm-r-xxl {
margin-right: 5rem !important;
}
.m-sm-b-xxl {
margin-bottom: 5rem !important;
}
.m-sm-l-xxl {
margin-left: 5rem !important;
}
.m-sm-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-sm-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-sm-a-0 {
padding: 0 0 !important;
}
.p-sm-t-0 {
padding-top: 0 !important;
}
.p-sm-r-0 {
padding-right: 0 !important;
}
.p-sm-b-0 {
padding-bottom: 0 !important;
}
.p-sm-l-0 {
padding-left: 0 !important;
}
.p-sm-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-sm-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-sm-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-sm-t-xs {
padding-top: 0.25rem !important;
}
.p-sm-r-xs {
padding-right: 0.25rem !important;
}
.p-sm-b-xs {
padding-bottom: 0.25rem !important;
}
.p-sm-l-xs {
padding-left: 0.25rem !important;
}
.p-sm-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-sm-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-sm-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-sm-t-sm {
padding-top: 0.5rem !important;
}
.p-sm-r-sm {
padding-right: 0.5rem !important;
}
.p-sm-b-sm {
padding-bottom: 0.5rem !important;
}
.p-sm-l-sm {
padding-left: 0.5rem !important;
}
.p-sm-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-sm-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-sm-a {
padding: 1rem 1rem !important;
}
.p-sm-t {
padding-top: 1rem !important;
}
.p-sm-r {
padding-right: 1rem !important;
}
.p-sm-b {
padding-bottom: 1rem !important;
}
.p-sm-l {
padding-left: 1rem !important;
}
.p-sm-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-sm-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-sm-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-sm-t-md {
padding-top: 1.5rem !important;
}
.p-sm-r-md {
padding-right: 1.5rem !important;
}
.p-sm-b-md {
padding-bottom: 1.5rem !important;
}
.p-sm-l-md {
padding-left: 1.5rem !important;
}
.p-sm-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-sm-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-sm-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-sm-t-lg {
padding-top: 2.5rem !important;
}
.p-sm-r-lg {
padding-right: 2.5rem !important;
}
.p-sm-b-lg {
padding-bottom: 2.5rem !important;
}
.p-sm-l-lg {
padding-left: 2.5rem !important;
}
.p-sm-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-sm-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-sm-a-xl {
padding: 4rem 4rem !important;
}
.p-sm-t-xl {
padding-top: 4rem !important;
}
.p-sm-r-xl {
padding-right: 4rem !important;
}
.p-sm-b-xl {
padding-bottom: 4rem !important;
}
.p-sm-l-xl {
padding-left: 4rem !important;
}
.p-sm-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-sm-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-sm-a-xxl {
padding: 5rem 5rem !important;
}
.p-sm-t-xxl {
padding-top: 5rem !important;
}
.p-sm-r-xxl {
padding-right: 5rem !important;
}
.p-sm-b-xxl {
padding-bottom: 5rem !important;
}
.p-sm-l-xxl {
padding-left: 5rem !important;
}
.p-sm-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-sm-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media (min-width: 48em) {
.m-md-a-0 {
margin: 0 0 !important;
}
.m-md-t-0 {
margin-top: 0 !important;
}
.m-md-r-0 {
margin-right: 0 !important;
}
.m-md-b-0 {
margin-bottom: 0 !important;
}
.m-md-l-0 {
margin-left: 0 !important;
}
.m-md-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-md-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-md-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-md-t-xs {
margin-top: 0.25rem !important;
}
.m-md-r-xs {
margin-right: 0.25rem !important;
}
.m-md-b-xs {
margin-bottom: 0.25rem !important;
}
.m-md-l-xs {
margin-left: 0.25rem !important;
}
.m-md-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-md-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-md-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-md-t-sm {
margin-top: 0.5rem !important;
}
.m-md-r-sm {
margin-right: 0.5rem !important;
}
.m-md-b-sm {
margin-bottom: 0.5rem !important;
}
.m-md-l-sm {
margin-left: 0.5rem !important;
}
.m-md-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-md-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-md-a {
margin: 1rem 1rem !important;
}
.m-md-t {
margin-top: 1rem !important;
}
.m-md-r {
margin-right: 1rem !important;
}
.m-md-b {
margin-bottom: 1rem !important;
}
.m-md-l {
margin-left: 1rem !important;
}
.m-md-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-md-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-md-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-md-t-md {
margin-top: 1.5rem !important;
}
.m-md-r-md {
margin-right: 1.5rem !important;
}
.m-md-b-md {
margin-bottom: 1.5rem !important;
}
.m-md-l-md {
margin-left: 1.5rem !important;
}
.m-md-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-md-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-md-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-md-t-lg {
margin-top: 2.5rem !important;
}
.m-md-r-lg {
margin-right: 2.5rem !important;
}
.m-md-b-lg {
margin-bottom: 2.5rem !important;
}
.m-md-l-lg {
margin-left: 2.5rem !important;
}
.m-md-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-md-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-md-a-xl {
margin: 4rem 4rem !important;
}
.m-md-t-xl {
margin-top: 4rem !important;
}
.m-md-r-xl {
margin-right: 4rem !important;
}
.m-md-b-xl {
margin-bottom: 4rem !important;
}
.m-md-l-xl {
margin-left: 4rem !important;
}
.m-md-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-md-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-md-a-xxl {
margin: 5rem 5rem !important;
}
.m-md-t-xxl {
margin-top: 5rem !important;
}
.m-md-r-xxl {
margin-right: 5rem !important;
}
.m-md-b-xxl {
margin-bottom: 5rem !important;
}
.m-md-l-xxl {
margin-left: 5rem !important;
}
.m-md-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-md-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-md-a-0 {
padding: 0 0 !important;
}
.p-md-t-0 {
padding-top: 0 !important;
}
.p-md-r-0 {
padding-right: 0 !important;
}
.p-md-b-0 {
padding-bottom: 0 !important;
}
.p-md-l-0 {
padding-left: 0 !important;
}
.p-md-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-md-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-md-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-md-t-xs {
padding-top: 0.25rem !important;
}
.p-md-r-xs {
padding-right: 0.25rem !important;
}
.p-md-b-xs {
padding-bottom: 0.25rem !important;
}
.p-md-l-xs {
padding-left: 0.25rem !important;
}
.p-md-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-md-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-md-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-md-t-sm {
padding-top: 0.5rem !important;
}
.p-md-r-sm {
padding-right: 0.5rem !important;
}
.p-md-b-sm {
padding-bottom: 0.5rem !important;
}
.p-md-l-sm {
padding-left: 0.5rem !important;
}
.p-md-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-md-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-md-a {
padding: 1rem 1rem !important;
}
.p-md-t {
padding-top: 1rem !important;
}
.p-md-r {
padding-right: 1rem !important;
}
.p-md-b {
padding-bottom: 1rem !important;
}
.p-md-l {
padding-left: 1rem !important;
}
.p-md-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-md-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-md-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-md-t-md {
padding-top: 1.5rem !important;
}
.p-md-r-md {
padding-right: 1.5rem !important;
}
.p-md-b-md {
padding-bottom: 1.5rem !important;
}
.p-md-l-md {
padding-left: 1.5rem !important;
}
.p-md-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-md-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-md-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-md-t-lg {
padding-top: 2.5rem !important;
}
.p-md-r-lg {
padding-right: 2.5rem !important;
}
.p-md-b-lg {
padding-bottom: 2.5rem !important;
}
.p-md-l-lg {
padding-left: 2.5rem !important;
}
.p-md-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-md-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-md-a-xl {
padding: 4rem 4rem !important;
}
.p-md-t-xl {
padding-top: 4rem !important;
}
.p-md-r-xl {
padding-right: 4rem !important;
}
.p-md-b-xl {
padding-bottom: 4rem !important;
}
.p-md-l-xl {
padding-left: 4rem !important;
}
.p-md-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-md-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-md-a-xxl {
padding: 5rem 5rem !important;
}
.p-md-t-xxl {
padding-top: 5rem !important;
}
.p-md-r-xxl {
padding-right: 5rem !important;
}
.p-md-b-xxl {
padding-bottom: 5rem !important;
}
.p-md-l-xxl {
padding-left: 5rem !important;
}
.p-md-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-md-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media (min-width: 62em) {
.m-lg-a-0 {
margin: 0 0 !important;
}
.m-lg-t-0 {
margin-top: 0 !important;
}
.m-lg-r-0 {
margin-right: 0 !important;
}
.m-lg-b-0 {
margin-bottom: 0 !important;
}
.m-lg-l-0 {
margin-left: 0 !important;
}
.m-lg-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-lg-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-lg-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-lg-t-xs {
margin-top: 0.25rem !important;
}
.m-lg-r-xs {
margin-right: 0.25rem !important;
}
.m-lg-b-xs {
margin-bottom: 0.25rem !important;
}
.m-lg-l-xs {
margin-left: 0.25rem !important;
}
.m-lg-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-lg-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-lg-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-lg-t-sm {
margin-top: 0.5rem !important;
}
.m-lg-r-sm {
margin-right: 0.5rem !important;
}
.m-lg-b-sm {
margin-bottom: 0.5rem !important;
}
.m-lg-l-sm {
margin-left: 0.5rem !important;
}
.m-lg-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-lg-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-lg-a {
margin: 1rem 1rem !important;
}
.m-lg-t {
margin-top: 1rem !important;
}
.m-lg-r {
margin-right: 1rem !important;
}
.m-lg-b {
margin-bottom: 1rem !important;
}
.m-lg-l {
margin-left: 1rem !important;
}
.m-lg-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-lg-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-lg-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-lg-t-md {
margin-top: 1.5rem !important;
}
.m-lg-r-md {
margin-right: 1.5rem !important;
}
.m-lg-b-md {
margin-bottom: 1.5rem !important;
}
.m-lg-l-md {
margin-left: 1.5rem !important;
}
.m-lg-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-lg-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-lg-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-lg-t-lg {
margin-top: 2.5rem !important;
}
.m-lg-r-lg {
margin-right: 2.5rem !important;
}
.m-lg-b-lg {
margin-bottom: 2.5rem !important;
}
.m-lg-l-lg {
margin-left: 2.5rem !important;
}
.m-lg-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-lg-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-lg-a-xl {
margin: 4rem 4rem !important;
}
.m-lg-t-xl {
margin-top: 4rem !important;
}
.m-lg-r-xl {
margin-right: 4rem !important;
}
.m-lg-b-xl {
margin-bottom: 4rem !important;
}
.m-lg-l-xl {
margin-left: 4rem !important;
}
.m-lg-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-lg-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-lg-a-xxl {
margin: 5rem 5rem !important;
}
.m-lg-t-xxl {
margin-top: 5rem !important;
}
.m-lg-r-xxl {
margin-right: 5rem !important;
}
.m-lg-b-xxl {
margin-bottom: 5rem !important;
}
.m-lg-l-xxl {
margin-left: 5rem !important;
}
.m-lg-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-lg-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-lg-a-0 {
padding: 0 0 !important;
}
.p-lg-t-0 {
padding-top: 0 !important;
}
.p-lg-r-0 {
padding-right: 0 !important;
}
.p-lg-b-0 {
padding-bottom: 0 !important;
}
.p-lg-l-0 {
padding-left: 0 !important;
}
.p-lg-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-lg-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-lg-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-lg-t-xs {
padding-top: 0.25rem !important;
}
.p-lg-r-xs {
padding-right: 0.25rem !important;
}
.p-lg-b-xs {
padding-bottom: 0.25rem !important;
}
.p-lg-l-xs {
padding-left: 0.25rem !important;
}
.p-lg-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-lg-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-lg-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-lg-t-sm {
padding-top: 0.5rem !important;
}
.p-lg-r-sm {
padding-right: 0.5rem !important;
}
.p-lg-b-sm {
padding-bottom: 0.5rem !important;
}
.p-lg-l-sm {
padding-left: 0.5rem !important;
}
.p-lg-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-lg-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-lg-a {
padding: 1rem 1rem !important;
}
.p-lg-t {
padding-top: 1rem !important;
}
.p-lg-r {
padding-right: 1rem !important;
}
.p-lg-b {
padding-bottom: 1rem !important;
}
.p-lg-l {
padding-left: 1rem !important;
}
.p-lg-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-lg-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-lg-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-lg-t-md {
padding-top: 1.5rem !important;
}
.p-lg-r-md {
padding-right: 1.5rem !important;
}
.p-lg-b-md {
padding-bottom: 1.5rem !important;
}
.p-lg-l-md {
padding-left: 1.5rem !important;
}
.p-lg-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-lg-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-lg-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-lg-t-lg {
padding-top: 2.5rem !important;
}
.p-lg-r-lg {
padding-right: 2.5rem !important;
}
.p-lg-b-lg {
padding-bottom: 2.5rem !important;
}
.p-lg-l-lg {
padding-left: 2.5rem !important;
}
.p-lg-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-lg-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-lg-a-xl {
padding: 4rem 4rem !important;
}
.p-lg-t-xl {
padding-top: 4rem !important;
}
.p-lg-r-xl {
padding-right: 4rem !important;
}
.p-lg-b-xl {
padding-bottom: 4rem !important;
}
.p-lg-l-xl {
padding-left: 4rem !important;
}
.p-lg-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-lg-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-lg-a-xxl {
padding: 5rem 5rem !important;
}
.p-lg-t-xxl {
padding-top: 5rem !important;
}
.p-lg-r-xxl {
padding-right: 5rem !important;
}
.p-lg-b-xxl {
padding-bottom: 5rem !important;
}
.p-lg-l-xxl {
padding-left: 5rem !important;
}
.p-lg-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-lg-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media (min-width: 75em) {
.m-xl-a-0 {
margin: 0 0 !important;
}
.m-xl-t-0 {
margin-top: 0 !important;
}
.m-xl-r-0 {
margin-right: 0 !important;
}
.m-xl-b-0 {
margin-bottom: 0 !important;
}
.m-xl-l-0 {
margin-left: 0 !important;
}
.m-xl-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-xl-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-xl-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-xl-t-xs {
margin-top: 0.25rem !important;
}
.m-xl-r-xs {
margin-right: 0.25rem !important;
}
.m-xl-b-xs {
margin-bottom: 0.25rem !important;
}
.m-xl-l-xs {
margin-left: 0.25rem !important;
}
.m-xl-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-xl-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-xl-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-xl-t-sm {
margin-top: 0.5rem !important;
}
.m-xl-r-sm {
margin-right: 0.5rem !important;
}
.m-xl-b-sm {
margin-bottom: 0.5rem !important;
}
.m-xl-l-sm {
margin-left: 0.5rem !important;
}
.m-xl-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-xl-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-xl-a {
margin: 1rem 1rem !important;
}
.m-xl-t {
margin-top: 1rem !important;
}
.m-xl-r {
margin-right: 1rem !important;
}
.m-xl-b {
margin-bottom: 1rem !important;
}
.m-xl-l {
margin-left: 1rem !important;
}
.m-xl-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-xl-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-xl-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-xl-t-md {
margin-top: 1.5rem !important;
}
.m-xl-r-md {
margin-right: 1.5rem !important;
}
.m-xl-b-md {
margin-bottom: 1.5rem !important;
}
.m-xl-l-md {
margin-left: 1.5rem !important;
}
.m-xl-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-xl-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-xl-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-xl-t-lg {
margin-top: 2.5rem !important;
}
.m-xl-r-lg {
margin-right: 2.5rem !important;
}
.m-xl-b-lg {
margin-bottom: 2.5rem !important;
}
.m-xl-l-lg {
margin-left: 2.5rem !important;
}
.m-xl-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-xl-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-xl-a-xl {
margin: 4rem 4rem !important;
}
.m-xl-t-xl {
margin-top: 4rem !important;
}
.m-xl-r-xl {
margin-right: 4rem !important;
}
.m-xl-b-xl {
margin-bottom: 4rem !important;
}
.m-xl-l-xl {
margin-left: 4rem !important;
}
.m-xl-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-xl-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-xl-a-xxl {
margin: 5rem 5rem !important;
}
.m-xl-t-xxl {
margin-top: 5rem !important;
}
.m-xl-r-xxl {
margin-right: 5rem !important;
}
.m-xl-b-xxl {
margin-bottom: 5rem !important;
}
.m-xl-l-xxl {
margin-left: 5rem !important;
}
.m-xl-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-xl-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-xl-a-0 {
padding: 0 0 !important;
}
.p-xl-t-0 {
padding-top: 0 !important;
}
.p-xl-r-0 {
padding-right: 0 !important;
}
.p-xl-b-0 {
padding-bottom: 0 !important;
}
.p-xl-l-0 {
padding-left: 0 !important;
}
.p-xl-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-xl-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-xl-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-xl-t-xs {
padding-top: 0.25rem !important;
}
.p-xl-r-xs {
padding-right: 0.25rem !important;
}
.p-xl-b-xs {
padding-bottom: 0.25rem !important;
}
.p-xl-l-xs {
padding-left: 0.25rem !important;
}
.p-xl-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-xl-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-xl-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-xl-t-sm {
padding-top: 0.5rem !important;
}
.p-xl-r-sm {
padding-right: 0.5rem !important;
}
.p-xl-b-sm {
padding-bottom: 0.5rem !important;
}
.p-xl-l-sm {
padding-left: 0.5rem !important;
}
.p-xl-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-xl-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-xl-a {
padding: 1rem 1rem !important;
}
.p-xl-t {
padding-top: 1rem !important;
}
.p-xl-r {
padding-right: 1rem !important;
}
.p-xl-b {
padding-bottom: 1rem !important;
}
.p-xl-l {
padding-left: 1rem !important;
}
.p-xl-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-xl-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-xl-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-xl-t-md {
padding-top: 1.5rem !important;
}
.p-xl-r-md {
padding-right: 1.5rem !important;
}
.p-xl-b-md {
padding-bottom: 1.5rem !important;
}
.p-xl-l-md {
padding-left: 1.5rem !important;
}
.p-xl-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-xl-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-xl-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-xl-t-lg {
padding-top: 2.5rem !important;
}
.p-xl-r-lg {
padding-right: 2.5rem !important;
}
.p-xl-b-lg {
padding-bottom: 2.5rem !important;
}
.p-xl-l-lg {
padding-left: 2.5rem !important;
}
.p-xl-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-xl-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-xl-a-xl {
padding: 4rem 4rem !important;
}
.p-xl-t-xl {
padding-top: 4rem !important;
}
.p-xl-r-xl {
padding-right: 4rem !important;
}
.p-xl-b-xl {
padding-bottom: 4rem !important;
}
.p-xl-l-xl {
padding-left: 4rem !important;
}
.p-xl-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-xl-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-xl-a-xxl {
padding: 5rem 5rem !important;
}
.p-xl-t-xxl {
padding-top: 5rem !important;
}
.p-xl-r-xxl {
padding-right: 5rem !important;
}
.p-xl-b-xxl {
padding-bottom: 5rem !important;
}
.p-xl-l-xxl {
padding-left: 5rem !important;
}
.p-xl-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-xl-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media (min-width: 90em) {
.m-xxl-a-0 {
margin: 0 0 !important;
}
.m-xxl-t-0 {
margin-top: 0 !important;
}
.m-xxl-r-0 {
margin-right: 0 !important;
}
.m-xxl-b-0 {
margin-bottom: 0 !important;
}
.m-xxl-l-0 {
margin-left: 0 !important;
}
.m-xxl-x-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.m-xxl-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-xxl-a-xs {
margin: 0.25rem 0.25rem !important;
}
.m-xxl-t-xs {
margin-top: 0.25rem !important;
}
.m-xxl-r-xs {
margin-right: 0.25rem !important;
}
.m-xxl-b-xs {
margin-bottom: 0.25rem !important;
}
.m-xxl-l-xs {
margin-left: 0.25rem !important;
}
.m-xxl-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-xxl-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-xxl-a-sm {
margin: 0.5rem 0.5rem !important;
}
.m-xxl-t-sm {
margin-top: 0.5rem !important;
}
.m-xxl-r-sm {
margin-right: 0.5rem !important;
}
.m-xxl-b-sm {
margin-bottom: 0.5rem !important;
}
.m-xxl-l-sm {
margin-left: 0.5rem !important;
}
.m-xxl-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-xxl-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-xxl-a {
margin: 1rem 1rem !important;
}
.m-xxl-t {
margin-top: 1rem !important;
}
.m-xxl-r {
margin-right: 1rem !important;
}
.m-xxl-b {
margin-bottom: 1rem !important;
}
.m-xxl-l {
margin-left: 1rem !important;
}
.m-xxl-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-xxl-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-xxl-a-md {
margin: 1.5rem 1.5rem !important;
}
.m-xxl-t-md {
margin-top: 1.5rem !important;
}
.m-xxl-r-md {
margin-right: 1.5rem !important;
}
.m-xxl-b-md {
margin-bottom: 1.5rem !important;
}
.m-xxl-l-md {
margin-left: 1.5rem !important;
}
.m-xxl-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-xxl-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-xxl-a-lg {
margin: 2.5rem 2.5rem !important;
}
.m-xxl-t-lg {
margin-top: 2.5rem !important;
}
.m-xxl-r-lg {
margin-right: 2.5rem !important;
}
.m-xxl-b-lg {
margin-bottom: 2.5rem !important;
}
.m-xxl-l-lg {
margin-left: 2.5rem !important;
}
.m-xxl-x-lg {
margin-right: 2.5rem !important;
margin-left: 2.5rem !important;
}
.m-xxl-y-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-xxl-a-xl {
margin: 4rem 4rem !important;
}
.m-xxl-t-xl {
margin-top: 4rem !important;
}
.m-xxl-r-xl {
margin-right: 4rem !important;
}
.m-xxl-b-xl {
margin-bottom: 4rem !important;
}
.m-xxl-l-xl {
margin-left: 4rem !important;
}
.m-xxl-x-xl {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.m-xxl-y-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-xxl-a-xxl {
margin: 5rem 5rem !important;
}
.m-xxl-t-xxl {
margin-top: 5rem !important;
}
.m-xxl-r-xxl {
margin-right: 5rem !important;
}
.m-xxl-b-xxl {
margin-bottom: 5rem !important;
}
.m-xxl-l-xxl {
margin-left: 5rem !important;
}
.m-xxl-x-xxl {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.m-xxl-y-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.p-xxl-a-0 {
padding: 0 0 !important;
}
.p-xxl-t-0 {
padding-top: 0 !important;
}
.p-xxl-r-0 {
padding-right: 0 !important;
}
.p-xxl-b-0 {
padding-bottom: 0 !important;
}
.p-xxl-l-0 {
padding-left: 0 !important;
}
.p-xxl-x-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-xxl-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-xxl-a-xs {
padding: 0.25rem 0.25rem !important;
}
.p-xxl-t-xs {
padding-top: 0.25rem !important;
}
.p-xxl-r-xs {
padding-right: 0.25rem !important;
}
.p-xxl-b-xs {
padding-bottom: 0.25rem !important;
}
.p-xxl-l-xs {
padding-left: 0.25rem !important;
}
.p-xxl-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-xxl-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-xxl-a-sm {
padding: 0.5rem 0.5rem !important;
}
.p-xxl-t-sm {
padding-top: 0.5rem !important;
}
.p-xxl-r-sm {
padding-right: 0.5rem !important;
}
.p-xxl-b-sm {
padding-bottom: 0.5rem !important;
}
.p-xxl-l-sm {
padding-left: 0.5rem !important;
}
.p-xxl-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-xxl-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-xxl-a {
padding: 1rem 1rem !important;
}
.p-xxl-t {
padding-top: 1rem !important;
}
.p-xxl-r {
padding-right: 1rem !important;
}
.p-xxl-b {
padding-bottom: 1rem !important;
}
.p-xxl-l {
padding-left: 1rem !important;
}
.p-xxl-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-xxl-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-xxl-a-md {
padding: 1.5rem 1.5rem !important;
}
.p-xxl-t-md {
padding-top: 1.5rem !important;
}
.p-xxl-r-md {
padding-right: 1.5rem !important;
}
.p-xxl-b-md {
padding-bottom: 1.5rem !important;
}
.p-xxl-l-md {
padding-left: 1.5rem !important;
}
.p-xxl-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-xxl-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-xxl-a-lg {
padding: 2.5rem 2.5rem !important;
}
.p-xxl-t-lg {
padding-top: 2.5rem !important;
}
.p-xxl-r-lg {
padding-right: 2.5rem !important;
}
.p-xxl-b-lg {
padding-bottom: 2.5rem !important;
}
.p-xxl-l-lg {
padding-left: 2.5rem !important;
}
.p-xxl-x-lg {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important;
}
.p-xxl-y-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-xxl-a-xl {
padding: 4rem 4rem !important;
}
.p-xxl-t-xl {
padding-top: 4rem !important;
}
.p-xxl-r-xl {
padding-right: 4rem !important;
}
.p-xxl-b-xl {
padding-bottom: 4rem !important;
}
.p-xxl-l-xl {
padding-left: 4rem !important;
}
.p-xxl-x-xl {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.p-xxl-y-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-xxl-a-xxl {
padding: 5rem 5rem !important;
}
.p-xxl-t-xxl {
padding-top: 5rem !important;
}
.p-xxl-r-xxl {
padding-right: 5rem !important;
}
.p-xxl-b-xxl {
padding-bottom: 5rem !important;
}
.p-xxl-l-xxl {
padding-left: 5rem !important;
}
.p-xxl-x-xxl {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.p-xxl-y-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
.space-children > * {
margin-bottom: 0;
}
.space-children > * + * {
margin-top: 1rem;
}
@media (max-width: 47.999em) {
.sm-space-children > * + * {
margin-top: 1rem;
}
}
.space-children-sm > * + * {
margin-top: var(--spacer-sm);
}
.space-children-xs > * + * {
margin-top: var(--spacer-xs);
}
.space-children-md > * + * {
margin-top: var(--spacer-md);
}
.space-children-lg > * + * {
margin-top: var(--spacer-lg);
}
.space-children-xl > * + * {
margin-top: var(--spacer-xl);
}
.m-b-card {
margin-bottom: var(--card-margin-bottom);
}
.m-x-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.m-auto {
margin: auto !important;
}
.m-l-auto {
margin-left: auto !important;
}
.m-t-auto {
margin-top: auto !important;
}
.m-b-auto {
margin-bottom: auto !important;
}
.m-r-auto {
margin-right: auto !important;
}
.sr-only,
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-uppercase {
text-transform: uppercase !important;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: calc(var(--grid-gutter-width) / 2 * -1);
margin-right: calc(var(--grid-gutter-width) / 2 * -1);
}
.row-xs-tight {
margin-left: calc(var(--grid-gutter-width) / 4 * -1);
margin-right: calc(var(--grid-gutter-width) / 4 * -1);
}
.row .first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.row .last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row.flex-direction-row-reverse-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row > [class*='col-'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.row-xs-tight > [class*='col-'] {
padding-right: calc(var(--grid-gutter-width) / 4);
padding-left: calc(var(--grid-gutter-width) / 4);
}
.col-xs-1 {
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
@media only screen and (min-width: 34em) {
.row-sm-normal {
margin-right: -calc(var(--grid-gutter-width) / 2);
margin-left: -calc(var(--grid-gutter-width) / 2);
}
[class^='col-sm-'] {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.row-sm-tight [class^='col-sm-'] {
padding-right: calc(var(--grid-gutter-width) / 4);
padding-left: calc(var(--grid-gutter-width) / 4);
}
.row-sm-normal [class^='col-sm-'] {
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.col-sm-1 {
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.row .first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.row .last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row.flex-direction-row-reverse-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 48em) {
.row-md-normal {
margin-right: -calc(var(--grid-gutter-width) / 2);
margin-left: -calc(var(--grid-gutter-width) / 2);
}
[class^='col-md-'] {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.row-md-tight [class^='col-md-'] {
padding-right: calc(var(--grid-gutter-width) / 4);
padding-left: calc(var(--grid-gutter-width) / 4);
}
.row-md-normal [class^='col-md-'] {
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.col-md-1 {
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.row .first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.row .last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row.flex-direction-row-reverse-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row.flex-direction-row-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 62em) {
.row-lg-normal {
margin-right: -calc(var(--grid-gutter-width) / 2);
margin-left: -calc(var(--grid-gutter-width) / 2);
}
[class^='col-lg-'] {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.row-lg-tight [class^='col-lg-'] {
padding-right: calc(var(--grid-gutter-width) / 4);
padding-left: calc(var(--grid-gutter-width) / 4);
}
.row-lg-normal [class^='col-lg-'] {
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.col-lg-1 {
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.row .first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.row .last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row.flex-direction-row-reverse-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row.flex-direction-row-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 90em) {
.row-xl-normal {
margin-right: -calc(var(--grid-gutter-width) / 2);
margin-left: -calc(var(--grid-gutter-width) / 2);
}
[class^='col-xl-'] {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.row-xl-tight [class^='col-xl-'] {
padding-right: calc(var(--grid-gutter-width) / 4);
padding-left: calc(var(--grid-gutter-width) / 4);
}
.row-xl-normal [class^='col-xl-'] {
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.col-xl {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.row .first-xl {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.row .last-xl {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.row-flush {
margin: 0;
padding: 0;
}
.row-flush > [class*='col'] {
margin: 0;
padding: 0;
}
@media (min-width: 48em) {
.row-bordered {
position: relative;
}
.row-bordered > [class*='col'],
.row-bordered > [class*='flex-block'] {
position: relative;
}
.row-bordered > [class*='col']:after,
.row-bordered > [class*='flex-block']:after {
background: var(--border-color);
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
margin-left: -calc(var(--grid-gutter-width) / 2);
top: 0;
width: 1px;
}
.row-bordered > [class*='col']:first-child:after,
.row-bordered > [class*='flex-block']:first-child:after {
display: none;
}
.row-bordered > [class*='flex-block']:first-child:after {
display: block;
}
.row-bordered > [class*='flex-block']:last-child:after {
display: none;
}
.theme-dark .row-bordered > [class*='col']:after,
.theme-dark .row-bordered > [class*='flex-block']:after {
background: rgba(255, 255, 255, 0.1);
}
.row-flush.row-bordered > [class*='col']:after {
margin-left: 0;
}
.row-bordered > [class*='flex-block']:after {
margin-left: 0;
}
}
html,
body {
height: 100%;
}
.body-fixed-top {
padding-top: var(--headerHeight);
}
@media (max-width: 47.999em) {
.body-fixed-top {
padding-top: var(--headerHeightMobile);
}
}
.sticky-parent {
top: calc(var(--stickyTop) + var(--grid-gutter-width));
}
.container {
margin: 0 auto;
padding-left: calc(var(--grid-gutter-width) / 2);
padding-right: calc(var(--grid-gutter-width) / 2);
width: 100%;
}
@media (min-width: 48em) {
.container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.container {
max-width: 80rem;
}
@media (min-width: 84rem) {
.container {
padding-left: 0;
padding-right: 0;
}
}
.disw-resource-description h2 {
font-size: var(--font-size-xl);
padding-top: var(--spacer);
}
.disw-resource-description > div:first-child > h2:first-child,
.disw-resource-description > h2:first-child {
padding-top: 0;
}
.disw-resource-description h3 {
font-size: var(--font-size-lg);
}
#resource-description li p {
margin-bottom: 0;
}
.resource-company-logo {
max-width: 175px;
}
.resource-details {
-moz-column-gap: var(--grid-gutter-width);
-webkit-column-gap: var(--grid-gutter-width);
column-gap: var(--grid-gutter-width);
width: 100%;
}
.resource-details-item {
display: block;
width: 100%;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
padding-bottom: calc(var(--grid-gutter-width) / 2);
break-inside: avoid-column;
}
@-moz-document url-prefix() {
.resource-detail-item {
display: inline-block;
}
}
@media (max-width: 47.999em) {
.resource-details {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
@media (min-width: 48em) {
.resource-details {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media (min-width: 62em) {
.resource-details {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
ul,
ol {
-webkit-padding-start: 40px;
padding-inline-start: 40px;
}
.content-column > .content-column-section figure {
margin: 1.5rem 0;
position: relative;
}
.content-column > .content-column-section figure img {
display: block;
margin-left: auto;
margin-right: auto;
}
.content-column > .content-column-section figure figcaption {
color: var(--color-grey);
font-size: var(--font-size-sm);
font-weight: 600;
margin-top: 0.5rem;
}
@media (min-width: 48em) {
.content-column > .content-column-section {
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
.content-column > .content-column-section figure {
margin-left: -10%;
margin-right: -10%;
position: relative;
}
.content-column section:not(#section1) h2 {
margin-top: var(--spacer) l;
}
.content-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content-columns > article {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.content-columns > nav,
.content-columns > aside {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.content-columns aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
ul,
ol {
-webkit-padding-start: 40px;
padding-inline-start: 40px;
}
}
@media (max-width: 47.999em) {
.content-column .pull-right,
.content-column .pull-left {
max-width: 47.5%;
}
}
.toc {
margin-bottom: 2rem;
position: relative;
}
.toc > ul {
list-style: none;
margin: 0;
padding: 0;
}
.toc > ul::after {
background: var(--color-grey-light);
bottom: 10px;
content: '';
left: 6px;
position: absolute;
top: 10px;
width: 2px;
z-index: 1;
}
.toc > ul > li {
line-height: 1.25;
margin: 0 0 1rem;
padding: 0 0 0 2rem;
position: relative;
z-index: 2;
}
.toc > ul > li:last-child {
margin-bottom: 0;
}
.toc > ul > li a {
color: var(--link-color);
display: block;
text-decoration: none;
}
.toc > ul > li a:hover {
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-offset: 3px;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
}
.toc > ul > li::before {
background: #fff;
-webkit-box-shadow: 0 0 0 2px var(--color-grey-light);
box-shadow: 0 0 0 2px var(--color-grey-light);
border-radius: 50%;
content: '';
left: 0;
height: 14px;
position: absolute;
-webkit-transition: boxShadow ease-in-out 0.5s;
transition: boxShadow ease-in-out 0.5s;
top: 2px;
width: 14px;
z-index: 2;
}
.toc > ul > li.active::before {
-webkit-box-shadow: 0 0 0 2px var(--color-blue-dark);
box-shadow: 0 0 0 2px var(--color-blue-dark);
}
.toc > ul > li.active a {
color: var(--color-blue-dark);
}
.disw-resources disw-local-nav:empty {
height: auto;
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
@media print {
body {
margin: 0 !important;
padding: 1em !important;
}
*,
.theme-dark *,
.text-inverse *,
*:before,
*:after {
background: #fff !important;
color: #000 !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.disw-header,
.disw-global-footer,
.disw-footer,
.navbar,
.site-footer,
.section-footer,
.panel-off-canvas-menu,
.hidden-lg-up {
display: none !important;
}
.disw-breadcrumb ol > li:not(:first-child):after {
background: transparent !important;
content: '>';
margin-left: 0.6em;
}
hr {
background: transparent !important;
border-top: 1px solid #000 !important;
}
button,
.btn {
border: 1px solid #000 !important;
}
abbr[title]:after {
content: ' (' attr(title) ')';
}
pre,
blockquote {
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
.header-focus span {
display: block;
padding-left: 0;
position: static;
-webkit-transition: none;
transition: none;
}
.header-focus span::before {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
.card-link a:after {
display: none;
}
.breadcrumb ol > li {
display: inline !important;
padding: 0 !important;
}
.breadcrumb ol > li:before,
.breadcrumb ol > li:after {
display: none !important;
}
.breadcrumb ol > li {
padding: 0 !important;
}
.breadcrumb ol > li:after {
content: '/';
color: #bbb !important;
display: inline !important;
margin-left: 4px;
}
.breadcrumb ol > li:last-child:after {
display: none !important;
}
.card {
border: none;
}
.card-block {
padding: 0;
}
.read-more-parent {
max-height: none;
overflow: visible;
}
.read-more {
display: none;
}
.row,
.row-flex {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[class^='col-'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: calc(var(--grid-gutter-width) / 2);
padding-left: calc(var(--grid-gutter-width) / 2);
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2,
.col-xs-2,
.col-sm-2,
.col-lg-2 {
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-md-3,
.col-xs-3,
.col-sm-3,
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4,
.col-xs-4,
.col-sm-4,
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5,
.col-xs-5,
.col-sm-5,
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6,
.col-xs-6,
.col-sm-6,
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7,
.col-sm-7,
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8,
.col-sm-9,
.col-lg-9 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9,
.col-sm-9,
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10,
.col-sm-10,
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11,
.col-sm-11,
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12,
.col-sm-12,
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}