/**
* Foundation for Sites
* Version 6.9.0
* https://get.foundation
* Licensed under MIT Open Source
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
@media print, screen and (min-width: 40em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 0;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
outline: none;
}
[draggable=false] {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=76.875em&xxlarge=90em&huge=106.25em&massive=125em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 300;
line-height: 1.5;
color: rgb(48.25, 48.25, 48.25);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
appearance: none;
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
outline: none;
border: 1px solid #555555;
background-color: #fefefe;
box-shadow: 0 0 5px #bbbbbb;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #eeeeee;
cursor: not-allowed;
}
[type=submit],
[type=button] {
appearance: none;
border-radius: 0;
}
input[type=search] {
box-sizing: border-box;
}
::placeholder {
color: #bbbbbb;
}
[type=file],
[type=checkbox],
[type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
line-height: 1.5;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: flex;
width: 100%;
margin-bottom: 1rem;
align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #bbbbbb;
background: #eeeeee;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
align-items: center;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
min-width: 0;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #bbbbbb;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
appearance: none;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
background-image: url('data:image/svg+xml;utf8,');
}
@media screen and (min-width: 0\0 ) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:focus {
outline: none;
border: 1px solid #555555;
background-color: #fefefe;
box-shadow: 0 0 5px #bbbbbb;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #eeeeee;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
border-color: #FF3F51;
background-color: rgb(254.1, 234.9, 236.7);
}
.is-invalid-input:not(:focus)::placeholder {
color: #FF3F51;
}
.is-invalid-label {
color: #FF3F51;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 500;
color: #FF3F51;
}
.form-error.is-visible {
display: block;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: 500;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 300;
color: #0F213B;
text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #bbbbbb;
}
h1, .h1 {
font-size: 2.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2, .h2 {
font-size: 2.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.75rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.375rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
a {
line-height: inherit;
color: #0F6BBA;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: rgb(26.247761194, 139.3940298507, 236.552238806);
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 100%;
height: 0;
margin: 1rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #bbbbbb;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: 500;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #bbbbbb;
}
blockquote, blockquote p {
line-height: 1.6;
color: #555555;
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #eeeeee;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 300;
line-height: 1.4;
color: #555555;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none;
}
.cite-block, cite {
display: block;
color: #555555;
font-size: 0.8125rem;
}
.cite-block:before, cite:before {
content: "— ";
}
.code-inline, code {
border: 1px solid #bbbbbb;
background-color: #eeeeee;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 300;
color: #0a0a0a;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
border: 1px solid #bbbbbb;
background-color: #eeeeee;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 300;
color: #0a0a0a;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
print-color-adjust: economy;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #555555;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
.grid-container {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 90em) {
.grid-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 125em) {
.grid-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
.grid-container.fluid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container.fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-container.fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 90em) {
.grid-container.fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-container.fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 125em) {
.grid-container.fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
.grid-container.full {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 0;
padding-left: 0;
}
.grid-x {
display: flex;
flex-flow: row wrap;
}
.cell {
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%;
}
.cell.auto {
flex: 1 1 0;
}
.cell.shrink {
flex: 0 0 auto;
}
.grid-x > .auto {
width: auto;
}
.grid-x > .shrink {
width: auto;
}
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 76.875em) {
.grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
flex-basis: auto;
}
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
flex: 0 0 auto;
}
.grid-x > .small-1 {
width: 8.3333333333%;
}
.grid-x > .small-2 {
width: 16.6666666667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.3333333333%;
}
.grid-x > .small-5 {
width: 41.6666666667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.3333333333%;
}
.grid-x > .small-8 {
width: 66.6666666667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.3333333333%;
}
.grid-x > .small-11 {
width: 91.6666666667%;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
flex: 1 1 0;
width: auto;
}
.grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
flex: 0 0 auto;
}
.grid-x > .medium-shrink {
width: auto;
}
.grid-x > .medium-1 {
width: 8.3333333333%;
}
.grid-x > .medium-2 {
width: 16.6666666667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.3333333333%;
}
.grid-x > .medium-5 {
width: 41.6666666667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.3333333333%;
}
.grid-x > .medium-8 {
width: 66.6666666667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.3333333333%;
}
.grid-x > .medium-11 {
width: 91.6666666667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
flex: 1 1 0;
width: auto;
}
.grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
flex: 0 0 auto;
}
.grid-x > .large-shrink {
width: auto;
}
.grid-x > .large-1 {
width: 8.3333333333%;
}
.grid-x > .large-2 {
width: 16.6666666667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.3333333333%;
}
.grid-x > .large-5 {
width: 41.6666666667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.3333333333%;
}
.grid-x > .large-8 {
width: 66.6666666667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.3333333333%;
}
.grid-x > .large-11 {
width: 91.6666666667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.grid-x > .xlarge-auto {
flex: 1 1 0;
width: auto;
}
.grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
flex: 0 0 auto;
}
.grid-x > .xlarge-shrink {
width: auto;
}
.grid-x > .xlarge-1 {
width: 8.3333333333%;
}
.grid-x > .xlarge-2 {
width: 16.6666666667%;
}
.grid-x > .xlarge-3 {
width: 25%;
}
.grid-x > .xlarge-4 {
width: 33.3333333333%;
}
.grid-x > .xlarge-5 {
width: 41.6666666667%;
}
.grid-x > .xlarge-6 {
width: 50%;
}
.grid-x > .xlarge-7 {
width: 58.3333333333%;
}
.grid-x > .xlarge-8 {
width: 66.6666666667%;
}
.grid-x > .xlarge-9 {
width: 75%;
}
.grid-x > .xlarge-10 {
width: 83.3333333333%;
}
.grid-x > .xlarge-11 {
width: 91.6666666667%;
}
.grid-x > .xlarge-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: -1rem;
margin-right: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x {
margin-left: -2rem;
margin-right: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-x {
margin-left: -2rem;
margin-right: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-margin-x {
margin-left: -2rem;
margin-right: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-margin-x {
margin-left: -2rem;
margin-right: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-margin-x {
margin-left: -2rem;
margin-right: -2rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 2rem);
margin-left: 1rem;
margin-right: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 3rem);
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .cell {
width: calc(100% - 4rem);
margin-left: 2rem;
margin-right: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-x > .cell {
width: calc(100% - 4rem);
margin-left: 2rem;
margin-right: 2rem;
}
}
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 2rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 2rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 2rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 2rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 2rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 2rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 2rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 2rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 2rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 2rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 2rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 2rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 3rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 3rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 3rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 3rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 3rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 3rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 3rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 3rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 3rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 3rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 3rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 3rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 3rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 3rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 3rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 3rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 3rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 3rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 3rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 3rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 3rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 3rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 3rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 4rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 4rem);
}
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 4rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 4rem);
}
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 4rem);
}
.grid-margin-x > .xlarge-auto {
width: auto;
}
.grid-margin-x > .xlarge-shrink {
width: auto;
}
.grid-margin-x > .xlarge-1 {
width: calc(8.3333333333% - 4rem);
}
.grid-margin-x > .xlarge-2 {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x > .xlarge-3 {
width: calc(25% - 4rem);
}
.grid-margin-x > .xlarge-4 {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x > .xlarge-5 {
width: calc(41.6666666667% - 4rem);
}
.grid-margin-x > .xlarge-6 {
width: calc(50% - 4rem);
}
.grid-margin-x > .xlarge-7 {
width: calc(58.3333333333% - 4rem);
}
.grid-margin-x > .xlarge-8 {
width: calc(66.6666666667% - 4rem);
}
.grid-margin-x > .xlarge-9 {
width: calc(75% - 4rem);
}
.grid-margin-x > .xlarge-10 {
width: calc(83.3333333333% - 4rem);
}
.grid-margin-x > .xlarge-11 {
width: calc(91.6666666667% - 4rem);
}
.grid-margin-x > .xlarge-12 {
width: calc(100% - 4rem);
}
}
.grid-padding-x .grid-padding-x {
margin-right: -1rem;
margin-left: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-x .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-padding-x .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-padding-x .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-padding-x .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-padding-x .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -1rem;
margin-left: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -2rem;
margin-left: -2rem;
}
}
.grid-padding-x > .cell {
padding-right: 1rem;
padding-left: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-x > .cell {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-padding-x > .cell {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 90em) {
.grid-padding-x > .cell {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-padding-x > .cell {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 125em) {
.grid-padding-x > .cell {
padding-right: 2rem;
padding-left: 2rem;
}
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.3333333333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.6666666667%;
}
.small-up-7 > .cell {
width: 14.2857142857%;
}
.small-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.3333333333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.6666666667%;
}
.medium-up-7 > .cell {
width: 14.2857142857%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.3333333333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.6666666667%;
}
.large-up-7 > .cell {
width: 14.2857142857%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-up-1 > .cell {
width: 100%;
}
.xlarge-up-2 > .cell {
width: 50%;
}
.xlarge-up-3 > .cell {
width: 33.3333333333%;
}
.xlarge-up-4 > .cell {
width: 25%;
}
.xlarge-up-5 > .cell {
width: 20%;
}
.xlarge-up-6 > .cell {
width: 16.6666666667%;
}
.xlarge-up-7 > .cell {
width: 14.2857142857%;
}
.xlarge-up-8 > .cell {
width: 12.5%;
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 2rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 2rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 2rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 2rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 2rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 2rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 2rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 2rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 3rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 3rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 3rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 3rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 3rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 3rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 3rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 3rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 3rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 3rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 3rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 3rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 3rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 3rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 3rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 4rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 4rem);
}
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 4rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 4rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 4rem);
}
.grid-margin-x.xlarge-up-1 > .cell {
width: calc(100% - 4rem);
}
.grid-margin-x.xlarge-up-2 > .cell {
width: calc(50% - 4rem);
}
.grid-margin-x.xlarge-up-3 > .cell {
width: calc(33.3333333333% - 4rem);
}
.grid-margin-x.xlarge-up-4 > .cell {
width: calc(25% - 4rem);
}
.grid-margin-x.xlarge-up-5 > .cell {
width: calc(20% - 4rem);
}
.grid-margin-x.xlarge-up-6 > .cell {
width: calc(16.6666666667% - 4rem);
}
.grid-margin-x.xlarge-up-7 > .cell {
width: calc(14.2857142857% - 4rem);
}
.grid-margin-x.xlarge-up-8 > .cell {
width: calc(12.5% - 4rem);
}
}
.small-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.small-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.small-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.small-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .xlarge-3 {
width: 25%;
}
.small-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .xlarge-6 {
width: 50%;
}
.small-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .xlarge-9 {
width: 75%;
}
.small-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .xlarge-12 {
width: 100%;
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.medium-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .xlarge-3 {
width: 25%;
}
.medium-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .xlarge-6 {
width: 50%;
}
.medium-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .xlarge-9 {
width: 75%;
}
.medium-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.large-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .xlarge-3 {
width: 25%;
}
.large-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .xlarge-6 {
width: 50%;
}
.large-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .xlarge-9 {
width: 75%;
}
.large-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .small-3 {
width: 25%;
}
.xlarge-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .small-6 {
width: 50%;
}
.xlarge-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .small-9 {
width: 75%;
}
.xlarge-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .small-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .medium-3 {
width: 25%;
}
.xlarge-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .medium-6 {
width: 50%;
}
.xlarge-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .medium-9 {
width: 75%;
}
.xlarge-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .medium-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .large-3 {
width: 25%;
}
.xlarge-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .large-6 {
width: 50%;
}
.xlarge-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .large-9 {
width: 75%;
}
.xlarge-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .xlarge-3 {
width: 25%;
}
.xlarge-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .xlarge-6 {
width: 50%;
}
.xlarge-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .xlarge-9 {
width: 75%;
}
.xlarge-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
.small-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 2rem / 2);
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 2rem / 2);
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 2rem / 2);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 2rem / 2);
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 2rem / 2);
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 2rem / 2);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 2rem / 2);
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 2rem / 2);
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 2rem / 2);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 2rem / 2);
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 2rem / 2);
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 2rem / 2);
}
@media print, screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 3rem / 2);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 3rem / 2);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 3rem / 2);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 3rem / 2);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 3rem / 2);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 3rem / 2);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 3rem / 2);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 3rem / 2);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 3rem / 2);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 3rem / 2);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 3rem / 2);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 3rem / 2);
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 4rem / 2);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 4rem / 2);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 4rem / 2);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 4rem / 2);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 4rem / 2);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 4rem / 2);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 4rem / 2);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 4rem / 2);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 4rem / 2);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 4rem / 2);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 4rem / 2);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 4rem / 2);
}
}
@media screen and (min-width: 76.875em) {
.xlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: calc(0% + 4rem / 2);
}
.xlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.3333333333% + 4rem / 2);
}
.xlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.6666666667% + 4rem / 2);
}
.xlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + 4rem / 2);
}
.xlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.3333333333% + 4rem / 2);
}
.xlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.6666666667% + 4rem / 2);
}
.xlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + 4rem / 2);
}
.xlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.3333333333% + 4rem / 2);
}
.xlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.6666666667% + 4rem / 2);
}
.xlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + 4rem / 2);
}
.xlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.3333333333% + 4rem / 2);
}
.xlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.6666666667% + 4rem / 2);
}
}
.grid-y {
display: flex;
flex-flow: column nowrap;
}
.grid-y > .cell {
height: auto;
max-height: none;
}
.grid-y > .auto {
height: auto;
}
.grid-y > .shrink {
height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 76.875em) {
.grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
flex-basis: auto;
}
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
flex: 0 0 auto;
}
.grid-y > .small-1 {
height: 8.3333333333%;
}
.grid-y > .small-2 {
height: 16.6666666667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.3333333333%;
}
.grid-y > .small-5 {
height: 41.6666666667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.3333333333%;
}
.grid-y > .small-8 {
height: 66.6666666667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.3333333333%;
}
.grid-y > .small-11 {
height: 91.6666666667%;
}
.grid-y > .small-12 {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-auto {
flex: 1 1 0;
height: auto;
}
.grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
flex: 0 0 auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.3333333333%;
}
.grid-y > .medium-2 {
height: 16.6666666667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.3333333333%;
}
.grid-y > .medium-5 {
height: 41.6666666667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.3333333333%;
}
.grid-y > .medium-8 {
height: 66.6666666667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.3333333333%;
}
.grid-y > .medium-11 {
height: 91.6666666667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-auto {
flex: 1 1 0;
height: auto;
}
.grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
flex: 0 0 auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.3333333333%;
}
.grid-y > .large-2 {
height: 16.6666666667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.3333333333%;
}
.grid-y > .large-5 {
height: 41.6666666667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.3333333333%;
}
.grid-y > .large-8 {
height: 66.6666666667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.3333333333%;
}
.grid-y > .large-11 {
height: 91.6666666667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
@media screen and (min-width: 76.875em) {
.grid-y > .xlarge-auto {
flex: 1 1 0;
height: auto;
}
.grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
flex: 0 0 auto;
}
.grid-y > .xlarge-shrink {
height: auto;
}
.grid-y > .xlarge-1 {
height: 8.3333333333%;
}
.grid-y > .xlarge-2 {
height: 16.6666666667%;
}
.grid-y > .xlarge-3 {
height: 25%;
}
.grid-y > .xlarge-4 {
height: 33.3333333333%;
}
.grid-y > .xlarge-5 {
height: 41.6666666667%;
}
.grid-y > .xlarge-6 {
height: 50%;
}
.grid-y > .xlarge-7 {
height: 58.3333333333%;
}
.grid-y > .xlarge-8 {
height: 66.6666666667%;
}
.grid-y > .xlarge-9 {
height: 75%;
}
.grid-y > .xlarge-10 {
height: 83.3333333333%;
}
.grid-y > .xlarge-11 {
height: 91.6666666667%;
}
.grid-y > .xlarge-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -1rem;
margin-bottom: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-y .grid-padding-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-padding-y .grid-padding-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-padding-y .grid-padding-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-padding-y .grid-padding-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-padding-y .grid-padding-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
.grid-padding-y > .cell {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-y > .cell {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-padding-y > .cell {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 90em) {
.grid-padding-y > .cell {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-padding-y > .cell {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 125em) {
.grid-padding-y > .cell {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.grid-margin-y {
margin-top: -1rem;
margin-bottom: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 2rem);
margin-top: 1rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 3rem);
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .cell {
height: calc(100% - 4rem);
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y > .cell {
height: calc(100% - 4rem);
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 2rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 2rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 2rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 2rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 2rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 2rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 2rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 2rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 2rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 2rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 2rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 2rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 3rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 3rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 3rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 3rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 3rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 3rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 3rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 3rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 3rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 3rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 3rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 3rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 3rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 3rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 3rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 3rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 3rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 3rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 3rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 3rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 3rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 3rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 3rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 4rem);
}
}
.grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.medium-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.large-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .xlarge-grid-frame {
width: 100%;
}
.xlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xlarge-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.xlarge-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.xlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.grid-y.grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
width: auto;
}
@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
width: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
width: auto;
}
}
@media screen and (min-width: 76.875em) {
.grid-y.xlarge-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
width: auto;
}
}
.cell .grid-y.grid-frame {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 76.875em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%;
}
}
.grid-margin-y {
margin-top: -1rem;
margin-bottom: -1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 90em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 106.25em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
@media screen and (min-width: 125em) {
.grid-margin-y {
margin-top: -2rem;
margin-bottom: -2rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 2rem);
margin-top: 1rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 3rem);
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .cell {
height: calc(100% - 4rem);
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y > .cell {
height: calc(100% - 4rem);
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 2rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 2rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 2rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 2rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 2rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 2rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 2rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 2rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 2rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 2rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 2rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 2rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 3rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 3rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 3rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 3rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 3rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 3rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 3rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 3rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 3rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 3rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 3rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 3rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 3rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 3rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 3rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 3rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 3rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 3rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 3rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 3rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 3rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 3rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 3rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 4rem);
}
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 4rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 4rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 4rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 4rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 4rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 4rem);
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 2rem);
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 4rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 3rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 4rem);
}
}
@media screen and (min-width: 76.875em) {
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 4rem);
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::before, .clearfix::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.clearfix::after {
clear: both;
}
.align-left {
justify-content: flex-start;
}
.align-right {
justify-content: flex-end;
}
.align-center {
justify-content: center;
}
.align-justify {
justify-content: space-between;
}
.align-spaced {
justify-content: space-around;
}
.align-left.vertical.menu > li > a {
justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
justify-content: center;
}
.align-top {
align-items: flex-start;
}
.align-self-top {
align-self: flex-start;
}
.align-bottom {
align-items: flex-end;
}
.align-self-bottom {
align-self: flex-end;
}
.align-middle {
align-items: center;
}
.align-self-middle {
align-self: center;
}
.align-stretch {
align-items: stretch;
}
.align-self-stretch {
align-self: stretch;
}
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center;
}
.small-order-1 {
order: 1;
}
.small-order-2 {
order: 2;
}
.small-order-3 {
order: 3;
}
.small-order-4 {
order: 4;
}
.small-order-5 {
order: 5;
}
.small-order-6 {
order: 6;
}
.small-order-7 {
order: 7;
}
.small-order-8 {
order: 8;
}
.small-order-9 {
order: 9;
}
.small-order-10 {
order: 10;
}
.small-order-11 {
order: 11;
}
.small-order-12 {
order: 12;
}
@media print, screen and (min-width: 40em) {
.medium-order-1 {
order: 1;
}
.medium-order-2 {
order: 2;
}
.medium-order-3 {
order: 3;
}
.medium-order-4 {
order: 4;
}
.medium-order-5 {
order: 5;
}
.medium-order-6 {
order: 6;
}
.medium-order-7 {
order: 7;
}
.medium-order-8 {
order: 8;
}
.medium-order-9 {
order: 9;
}
.medium-order-10 {
order: 10;
}
.medium-order-11 {
order: 11;
}
.medium-order-12 {
order: 12;
}
}
@media print, screen and (min-width: 64em) {
.large-order-1 {
order: 1;
}
.large-order-2 {
order: 2;
}
.large-order-3 {
order: 3;
}
.large-order-4 {
order: 4;
}
.large-order-5 {
order: 5;
}
.large-order-6 {
order: 6;
}
.large-order-7 {
order: 7;
}
.large-order-8 {
order: 8;
}
.large-order-9 {
order: 9;
}
.large-order-10 {
order: 10;
}
.large-order-11 {
order: 11;
}
.large-order-12 {
order: 12;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-order-1 {
order: 1;
}
.xlarge-order-2 {
order: 2;
}
.xlarge-order-3 {
order: 3;
}
.xlarge-order-4 {
order: 4;
}
.xlarge-order-5 {
order: 5;
}
.xlarge-order-6 {
order: 6;
}
.xlarge-order-7 {
order: 7;
}
.xlarge-order-8 {
order: 8;
}
.xlarge-order-9 {
order: 9;
}
.xlarge-order-10 {
order: 10;
}
.xlarge-order-11 {
order: 11;
}
.xlarge-order-12 {
order: 12;
}
}
.flex-container {
display: flex;
}
.flex-child-auto {
flex: 1 1 auto;
}
.flex-child-grow {
flex: 1 0 auto;
}
.flex-child-shrink {
flex: 0 1 auto;
}
.flex-dir-row {
flex-direction: row;
}
.flex-dir-row-reverse {
flex-direction: row-reverse;
}
.flex-dir-column {
flex-direction: column;
}
.flex-dir-column-reverse {
flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
.medium-flex-container {
display: flex;
}
.medium-flex-child-auto {
flex: 1 1 auto;
}
.medium-flex-child-grow {
flex: 1 0 auto;
}
.medium-flex-child-shrink {
flex: 0 1 auto;
}
.medium-flex-dir-row {
flex-direction: row;
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.medium-flex-dir-column {
flex-direction: column;
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: flex;
}
.large-flex-child-auto {
flex: 1 1 auto;
}
.large-flex-child-grow {
flex: 1 0 auto;
}
.large-flex-child-shrink {
flex: 0 1 auto;
}
.large-flex-dir-row {
flex-direction: row;
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.large-flex-dir-column {
flex-direction: column;
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-flex-container {
display: flex;
}
.xlarge-flex-child-auto {
flex: 1 1 auto;
}
.xlarge-flex-child-grow {
flex: 1 0 auto;
}
.xlarge-flex-child-shrink {
flex: 0 1 auto;
}
.xlarge-flex-dir-row {
flex-direction: row;
}
.xlarge-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.xlarge-flex-dir-column {
flex-direction: column;
}
.xlarge-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
@media print, screen and (max-width: 39.99875em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.99875em) {
.show-for-medium {
display: none !important;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.99875em) {
.show-for-large {
display: none !important;
}
}
@media print, screen and (min-width: 64em) and (max-width: 76.87375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.99875em), screen and (min-width: 76.875em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 76.875em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 76.87375em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 76.875em) and (max-width: 89.99875em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 76.87375em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.show-for-dark-mode {
display: none;
}
.hide-for-dark-mode {
display: block;
}
@media screen and (prefers-color-scheme: dark) {
.show-for-dark-mode {
display: block !important;
}
.hide-for-dark-mode {
display: none !important;
}
}
.show-for-ie {
display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.show-for-ie {
display: block !important;
}
.hide-for-ie {
display: none !important;
}
}
.show-for-sticky {
display: none;
}
.is-stuck .show-for-sticky {
display: block;
}
.is-stuck .hide-for-sticky {
display: none;
}
.text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
}
.text-truncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
word-wrap: break-word !important;
}
@media print, screen and (min-width: 40em) {
.medium-text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
}
.medium-text-truncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
.medium-text-nowrap {
white-space: nowrap !important;
}
.medium-text-wrap {
word-wrap: break-word !important;
}
}
@media print, screen and (min-width: 64em) {
.large-text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
}
.large-text-truncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
.large-text-nowrap {
white-space: nowrap !important;
}
.large-text-wrap {
word-wrap: break-word !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
}
.xlarge-text-truncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
.xlarge-text-nowrap {
white-space: nowrap !important;
}
.xlarge-text-wrap {
word-wrap: break-word !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
@media print, screen and (min-width: 40em) {
.medium-text-lowercase {
text-transform: lowercase !important;
}
.medium-text-uppercase {
text-transform: uppercase !important;
}
.medium-text-capitalize {
text-transform: capitalize !important;
}
}
@media print, screen and (min-width: 64em) {
.large-text-lowercase {
text-transform: lowercase !important;
}
.large-text-uppercase {
text-transform: uppercase !important;
}
.large-text-capitalize {
text-transform: capitalize !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-text-lowercase {
text-transform: lowercase !important;
}
.xlarge-text-uppercase {
text-transform: uppercase !important;
}
.xlarge-text-capitalize {
text-transform: capitalize !important;
}
}
.text-overline {
text-decoration: overline !important;
}
.text-underline {
text-decoration: underline !important;
}
.text-line-through {
text-decoration: line-through !important;
}
@media print, screen and (min-width: 40em) {
.medium-text-overline {
text-decoration: overline !important;
}
.medium-text-underline {
text-decoration: underline !important;
}
.medium-text-line-through {
text-decoration: line-through !important;
}
}
@media print, screen and (min-width: 64em) {
.large-text-overline {
text-decoration: overline !important;
}
.large-text-underline {
text-decoration: underline !important;
}
.large-text-line-through {
text-decoration: line-through !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-text-overline {
text-decoration: overline !important;
}
.xlarge-text-underline {
text-decoration: underline !important;
}
.xlarge-text-line-through {
text-decoration: line-through !important;
}
}
.font-wide {
letter-spacing: 0.25rem;
}
.font-normal {
font-weight: 300;
}
.font-bold {
font-weight: 500;
}
.font-italic {
font-style: italic !important;
}
@media print, screen and (min-width: 40em) {
.medium-font-wide {
letter-spacing: 0.25rem;
}
.medium-font-normal {
font-weight: 300;
}
.medium-font-bold {
font-weight: 500;
}
.medium-font-italic {
font-style: italic !important;
}
}
@media print, screen and (min-width: 64em) {
.large-font-wide {
letter-spacing: 0.25rem;
}
.large-font-normal {
font-weight: 300;
}
.large-font-bold {
font-weight: 500;
}
.large-font-italic {
font-style: italic !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-font-wide {
letter-spacing: 0.25rem;
}
.xlarge-font-normal {
font-weight: 300;
}
.xlarge-font-bold {
font-weight: 500;
}
.xlarge-font-italic {
font-style: italic !important;
}
}
ul.list-disc {
list-style-type: disc !important;
}
ul.list-circle {
list-style-type: circle !important;
}
ul.list-square {
list-style-type: square !important;
}
@media print, screen and (min-width: 40em) {
ul.medium-list-disc {
list-style-type: disc !important;
}
ul.medium-list-circle {
list-style-type: circle !important;
}
ul.medium-list-square {
list-style-type: square !important;
}
}
@media print, screen and (min-width: 64em) {
ul.large-list-disc {
list-style-type: disc !important;
}
ul.large-list-circle {
list-style-type: circle !important;
}
ul.large-list-square {
list-style-type: square !important;
}
}
@media screen and (min-width: 76.875em) {
ul.xlarge-list-disc {
list-style-type: disc !important;
}
ul.xlarge-list-circle {
list-style-type: circle !important;
}
ul.xlarge-list-square {
list-style-type: square !important;
}
}
ol.list-decimal {
list-style-type: decimal !important;
}
ol.list-lower-alpha {
list-style-type: lower-alpha !important;
}
ol.list-lower-latin {
list-style-type: lower-latin !important;
}
ol.list-lower-roman {
list-style-type: lower-roman !important;
}
ol.list-upper-alpha {
list-style-type: upper-alpha !important;
}
ol.list-upper-latin {
list-style-type: upper-latin !important;
}
ol.list-upper-roman {
list-style-type: upper-roman !important;
}
@media print, screen and (min-width: 40em) {
ol.medium-list-decimal {
list-style-type: decimal !important;
}
ol.medium-list-lower-alpha {
list-style-type: lower-alpha !important;
}
ol.medium-list-lower-latin {
list-style-type: lower-latin !important;
}
ol.medium-list-lower-roman {
list-style-type: lower-roman !important;
}
ol.medium-list-upper-alpha {
list-style-type: upper-alpha !important;
}
ol.medium-list-upper-latin {
list-style-type: upper-latin !important;
}
ol.medium-list-upper-roman {
list-style-type: upper-roman !important;
}
}
@media print, screen and (min-width: 64em) {
ol.large-list-decimal {
list-style-type: decimal !important;
}
ol.large-list-lower-alpha {
list-style-type: lower-alpha !important;
}
ol.large-list-lower-latin {
list-style-type: lower-latin !important;
}
ol.large-list-lower-roman {
list-style-type: lower-roman !important;
}
ol.large-list-upper-alpha {
list-style-type: upper-alpha !important;
}
ol.large-list-upper-latin {
list-style-type: upper-latin !important;
}
ol.large-list-upper-roman {
list-style-type: upper-roman !important;
}
}
@media screen and (min-width: 76.875em) {
ol.xlarge-list-decimal {
list-style-type: decimal !important;
}
ol.xlarge-list-lower-alpha {
list-style-type: lower-alpha !important;
}
ol.xlarge-list-lower-latin {
list-style-type: lower-latin !important;
}
ol.xlarge-list-lower-roman {
list-style-type: lower-roman !important;
}
ol.xlarge-list-upper-alpha {
list-style-type: upper-alpha !important;
}
ol.xlarge-list-upper-latin {
list-style-type: upper-latin !important;
}
ol.xlarge-list-upper-roman {
list-style-type: upper-roman !important;
}
}
.rounded {
border-radius: 5000px !important;
}
.rounded .switch-paddle {
border-radius: 5000px !important;
}
.rounded .switch-paddle:after {
border-radius: 50%;
}
.radius {
border-radius: 0.1875rem;
}
@media print, screen and (min-width: 40em) {
.medium-rounded {
border-radius: 5000px !important;
}
.medium-radius {
border-radius: 0.1875rem;
}
}
@media print, screen and (min-width: 64em) {
.large-rounded {
border-radius: 5000px !important;
}
.large-radius {
border-radius: 0.1875rem;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-rounded {
border-radius: 5000px !important;
}
.xlarge-radius {
border-radius: 0.1875rem;
}
}
.bordered {
border: 0.0625rem solid #bbbbbb;
}
@media print, screen and (min-width: 40em) {
.medium-bordered {
border: 0.0625rem solid #bbbbbb;
}
}
@media print, screen and (min-width: 64em) {
.large-bordered {
border: 0.0625rem solid #bbbbbb;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-bordered {
border: 0.0625rem solid #bbbbbb;
}
}
.shadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media print, screen and (min-width: 40em) {
.medium-shadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
}
@media print, screen and (min-width: 64em) {
.large-shadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
}
@media screen and (min-width: 76.875em) {
.xlarge-shadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
}
.arrow-down {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4375rem;
content: "";
border-bottom-width: 0;
border-color: #0a0a0a transparent transparent;
}
.arrow-up {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4375rem;
content: "";
border-top-width: 0;
border-color: transparent transparent #0a0a0a;
}
.arrow-right {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4375rem;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0a0a0a;
}
.arrow-left {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4375rem;
content: "";
border-left-width: 0;
border-color: transparent #0a0a0a transparent transparent;
}
.separator-center {
text-align: center !important;
}
.separator-center::before, .separator-center::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.separator-center::after {
clear: both;
}
.separator-center::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
}
.separator-left {
text-align: left !important;
}
.separator-left::before, .separator-left::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.separator-left::after {
clear: both;
}
.separator-left::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-left: 0 !important;
}
.separator-right {
text-align: right !important;
}
.separator-right::before, .separator-right::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.separator-right::after {
clear: both;
}
.separator-right::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-right: 0 !important;
}
@media print, screen and (min-width: 40em) {
.medium-separator-center {
text-align: center !important;
}
.medium-separator-center::before, .medium-separator-center::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.medium-separator-center::after {
clear: both;
}
.medium-separator-center::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
}
.medium-separator-left {
text-align: left !important;
}
.medium-separator-left::before, .medium-separator-left::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.medium-separator-left::after {
clear: both;
}
.medium-separator-left::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-left: 0 !important;
}
.medium-separator-right {
text-align: right !important;
}
.medium-separator-right::before, .medium-separator-right::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.medium-separator-right::after {
clear: both;
}
.medium-separator-right::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-right: 0 !important;
}
}
@media print, screen and (min-width: 64em) {
.large-separator-center {
text-align: center !important;
}
.large-separator-center::before, .large-separator-center::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.large-separator-center::after {
clear: both;
}
.large-separator-center::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
}
.large-separator-left {
text-align: left !important;
}
.large-separator-left::before, .large-separator-left::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.large-separator-left::after {
clear: both;
}
.large-separator-left::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-left: 0 !important;
}
.large-separator-right {
text-align: right !important;
}
.large-separator-right::before, .large-separator-right::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.large-separator-right::after {
clear: both;
}
.large-separator-right::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-right: 0 !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-separator-center {
text-align: center !important;
}
.xlarge-separator-center::before, .xlarge-separator-center::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.xlarge-separator-center::after {
clear: both;
}
.xlarge-separator-center::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
}
.xlarge-separator-left {
text-align: left !important;
}
.xlarge-separator-left::before, .xlarge-separator-left::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.xlarge-separator-left::after {
clear: both;
}
.xlarge-separator-left::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-left: 0 !important;
}
.xlarge-separator-right {
text-align: right !important;
}
.xlarge-separator-right::before, .xlarge-separator-right::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.xlarge-separator-right::after {
clear: both;
}
.xlarge-separator-right::after {
position: relative !important;
width: 3rem;
border-bottom: 0.125rem solid #0F6BBA;
margin: 1rem auto 0;
margin-right: 0 !important;
}
}
.overflow-visible {
overflow: visible !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch;
}
.overflow-x-scroll {
overflow-x: scroll !important;
-webkit-overflow-scrolling: touch;
}
.overflow-y-scroll {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
@media print, screen and (min-width: 40em) {
.medium-overflow-visible {
overflow: visible !important;
}
.medium-overflow-x-visible {
overflow-x: visible !important;
}
.medium-overflow-y-visible {
overflow-y: visible !important;
}
.medium-overflow-hidden {
overflow: hidden !important;
}
.medium-overflow-x-hidden {
overflow-x: hidden !important;
}
.medium-overflow-y-hidden {
overflow-y: hidden !important;
}
.medium-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch;
}
.medium-overflow-x-scroll {
overflow-x: scroll !important;
-webkit-overflow-scrolling: touch;
}
.medium-overflow-y-scroll {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
}
@media print, screen and (min-width: 64em) {
.large-overflow-visible {
overflow: visible !important;
}
.large-overflow-x-visible {
overflow-x: visible !important;
}
.large-overflow-y-visible {
overflow-y: visible !important;
}
.large-overflow-hidden {
overflow: hidden !important;
}
.large-overflow-x-hidden {
overflow-x: hidden !important;
}
.large-overflow-y-hidden {
overflow-y: hidden !important;
}
.large-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch;
}
.large-overflow-x-scroll {
overflow-x: scroll !important;
-webkit-overflow-scrolling: touch;
}
.large-overflow-y-scroll {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-overflow-visible {
overflow: visible !important;
}
.xlarge-overflow-x-visible {
overflow-x: visible !important;
}
.xlarge-overflow-y-visible {
overflow-y: visible !important;
}
.xlarge-overflow-hidden {
overflow: hidden !important;
}
.xlarge-overflow-x-hidden {
overflow-x: hidden !important;
}
.xlarge-overflow-y-hidden {
overflow-y: hidden !important;
}
.xlarge-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch;
}
.xlarge-overflow-x-scroll {
overflow-x: scroll !important;
-webkit-overflow-scrolling: touch;
}
.xlarge-overflow-y-scroll {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
}
.display-inline {
display: inline !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-block {
display: block !important;
}
.display-inline-table {
display: inline-table !important;
}
.display-table {
display: table !important;
}
.display-table-cell {
display: table-cell !important;
}
.display-flex {
display: flex !important;
}
@media print, screen and (min-width: 40em) {
.medium-display-inline {
display: inline !important;
}
.medium-display-inline-block {
display: inline-block !important;
}
.medium-display-block {
display: block !important;
}
.medium-display-inline-table {
display: inline-table !important;
}
.medium-display-table {
display: table !important;
}
.medium-display-table-cell {
display: table-cell !important;
}
.medium-display-flex {
display: flex !important;
}
}
@media print, screen and (min-width: 64em) {
.large-display-inline {
display: inline !important;
}
.large-display-inline-block {
display: inline-block !important;
}
.large-display-block {
display: block !important;
}
.large-display-inline-table {
display: inline-table !important;
}
.large-display-table {
display: table !important;
}
.large-display-table-cell {
display: table-cell !important;
}
.large-display-flex {
display: flex !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-display-inline {
display: inline !important;
}
.xlarge-display-inline-block {
display: inline-block !important;
}
.xlarge-display-block {
display: block !important;
}
.xlarge-display-inline-table {
display: inline-table !important;
}
.xlarge-display-table {
display: table !important;
}
.xlarge-display-table-cell {
display: table-cell !important;
}
.xlarge-display-flex {
display: flex !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-fixed-top {
position: fixed !important;
top: 0rem !important;
right: 0rem !important;
left: 0rem !important;
z-index: 975;
}
.position-fixed-bottom {
position: fixed !important;
right: 0rem !important;
bottom: 0rem !important;
left: 0rem !important;
z-index: 975;
}
@media print, screen and (min-width: 40em) {
.medium-position-static {
position: static !important;
}
.medium-position-relative {
position: relative !important;
}
.medium-position-absolute {
position: absolute !important;
}
.medium-position-fixed {
position: fixed !important;
}
.medium-position-fixed-top {
position: fixed !important;
top: 0rem !important;
right: 0rem !important;
left: 0rem !important;
z-index: 975;
}
.medium-position-fixed-bottom {
position: fixed !important;
right: 0rem !important;
bottom: 0rem !important;
left: 0rem !important;
z-index: 975;
}
}
@media print, screen and (min-width: 64em) {
.large-position-static {
position: static !important;
}
.large-position-relative {
position: relative !important;
}
.large-position-absolute {
position: absolute !important;
}
.large-position-fixed {
position: fixed !important;
}
.large-position-fixed-top {
position: fixed !important;
top: 0rem !important;
right: 0rem !important;
left: 0rem !important;
z-index: 975;
}
.large-position-fixed-bottom {
position: fixed !important;
right: 0rem !important;
bottom: 0rem !important;
left: 0rem !important;
z-index: 975;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-position-static {
position: static !important;
}
.xlarge-position-relative {
position: relative !important;
}
.xlarge-position-absolute {
position: absolute !important;
}
.xlarge-position-fixed {
position: fixed !important;
}
.xlarge-position-fixed-top {
position: fixed !important;
top: 0rem !important;
right: 0rem !important;
left: 0rem !important;
z-index: 975;
}
.xlarge-position-fixed-bottom {
position: fixed !important;
right: 0rem !important;
bottom: 0rem !important;
left: 0rem !important;
z-index: 975;
}
}
.border-box {
box-sizing: border-box !important;
}
@media print, screen and (min-width: 40em) {
.medium-border-box {
box-sizing: border-box !important;
}
}
@media print, screen and (min-width: 64em) {
.large-border-box {
box-sizing: border-box !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-border-box {
box-sizing: border-box !important;
}
}
.border-none {
border: 0 !important;
}
@media print, screen and (min-width: 40em) {
.medium-border-none {
border: 0 !important;
}
}
@media print, screen and (min-width: 64em) {
.large-border-none {
border: 0 !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-border-none {
border: 0 !important;
}
}
.width-25 {
width: 25% !important;
}
.width-50 {
width: 50% !important;
}
.width-75 {
width: 75% !important;
}
.width-100 {
width: 100% !important;
}
.height-25 {
height: 25% !important;
}
.height-50 {
height: 50% !important;
}
.height-75 {
height: 75% !important;
}
.height-100 {
height: 100% !important;
}
.max-width-100 {
max-width: 100% !important;
}
.max-height-100 {
max-height: 100% !important;
}
@media print, screen and (min-width: 40em) {
.medium-width-25 {
width: 25% !important;
}
.medium-width-50 {
width: 50% !important;
}
.medium-width-75 {
width: 75% !important;
}
.medium-width-100 {
width: 100% !important;
}
.medium-height-25 {
height: 25% !important;
}
.medium-height-50 {
height: 50% !important;
}
.medium-height-75 {
height: 75% !important;
}
.medium-height-100 {
height: 100% !important;
}
}
@media print, screen and (min-width: 64em) {
.large-width-25 {
width: 25% !important;
}
.large-width-50 {
width: 50% !important;
}
.large-width-75 {
width: 75% !important;
}
.large-width-100 {
width: 100% !important;
}
.large-height-25 {
height: 25% !important;
}
.large-height-50 {
height: 50% !important;
}
.large-height-75 {
height: 75% !important;
}
.large-height-100 {
height: 100% !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-width-25 {
width: 25% !important;
}
.xlarge-width-50 {
width: 50% !important;
}
.xlarge-width-75 {
width: 75% !important;
}
.xlarge-width-100 {
width: 100% !important;
}
.xlarge-height-25 {
height: 25% !important;
}
.xlarge-height-50 {
height: 50% !important;
}
.xlarge-height-75 {
height: 75% !important;
}
.xlarge-height-100 {
height: 100% !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.margin-top-0 {
margin-top: 0rem !important;
}
.margin-right-0 {
margin-right: 0rem !important;
}
.margin-bottom-0 {
margin-bottom: 0rem !important;
}
.margin-left-0 {
margin-left: 0rem !important;
}
.margin-horizontal-0 {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.margin-vertical-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.padding-top-0 {
padding-top: 0rem !important;
}
.padding-right-0 {
padding-right: 0rem !important;
}
.padding-bottom-0 {
padding-bottom: 0rem !important;
}
.padding-left-0 {
padding-left: 0rem !important;
}
.padding-horizontal-0 {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.padding-vertical-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-1 {
margin: 1rem !important;
}
.margin-top-1 {
margin-top: 1rem !important;
}
.margin-right-1 {
margin-right: 1rem !important;
}
.margin-bottom-1 {
margin-bottom: 1rem !important;
}
.margin-left-1 {
margin-left: 1rem !important;
}
.margin-horizontal-1 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.margin-vertical-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.padding-1 {
padding: 1rem !important;
}
.padding-top-1 {
padding-top: 1rem !important;
}
.padding-right-1 {
padding-right: 1rem !important;
}
.padding-bottom-1 {
padding-bottom: 1rem !important;
}
.padding-left-1 {
padding-left: 1rem !important;
}
.padding-horizontal-1 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.padding-vertical-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.margin-2 {
margin: 2rem !important;
}
.margin-top-2 {
margin-top: 2rem !important;
}
.margin-right-2 {
margin-right: 2rem !important;
}
.margin-bottom-2 {
margin-bottom: 2rem !important;
}
.margin-left-2 {
margin-left: 2rem !important;
}
.margin-horizontal-2 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.margin-vertical-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.padding-2 {
padding: 2rem !important;
}
.padding-top-2 {
padding-top: 2rem !important;
}
.padding-right-2 {
padding-right: 2rem !important;
}
.padding-bottom-2 {
padding-bottom: 2rem !important;
}
.padding-left-2 {
padding-left: 2rem !important;
}
.padding-horizontal-2 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.padding-vertical-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.margin-3 {
margin: 3rem !important;
}
.margin-top-3 {
margin-top: 3rem !important;
}
.margin-right-3 {
margin-right: 3rem !important;
}
.margin-bottom-3 {
margin-bottom: 3rem !important;
}
.margin-left-3 {
margin-left: 3rem !important;
}
.margin-horizontal-3 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.padding-3 {
padding: 3rem !important;
}
.padding-top-3 {
padding-top: 3rem !important;
}
.padding-right-3 {
padding-right: 3rem !important;
}
.padding-bottom-3 {
padding-bottom: 3rem !important;
}
.padding-left-3 {
padding-left: 3rem !important;
}
.padding-horizontal-3 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.padding-vertical-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.margin-4 {
margin: 4rem !important;
}
.margin-top-4 {
margin-top: 4rem !important;
}
.margin-right-4 {
margin-right: 4rem !important;
}
.margin-bottom-4 {
margin-bottom: 4rem !important;
}
.margin-left-4 {
margin-left: 4rem !important;
}
.margin-horizontal-4 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.margin-vertical-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.padding-4 {
padding: 4rem !important;
}
.padding-top-4 {
padding-top: 4rem !important;
}
.padding-right-4 {
padding-right: 4rem !important;
}
.padding-bottom-4 {
padding-bottom: 4rem !important;
}
.padding-left-4 {
padding-left: 4rem !important;
}
.padding-horizontal-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.padding-vertical-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.margin-5 {
margin: 5rem !important;
}
.margin-top-5 {
margin-top: 5rem !important;
}
.margin-right-5 {
margin-right: 5rem !important;
}
.margin-bottom-5 {
margin-bottom: 5rem !important;
}
.margin-left-5 {
margin-left: 5rem !important;
}
.margin-horizontal-5 {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.margin-vertical-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.padding-5 {
padding: 5rem !important;
}
.padding-top-5 {
padding-top: 5rem !important;
}
.padding-right-5 {
padding-right: 5rem !important;
}
.padding-bottom-5 {
padding-bottom: 5rem !important;
}
.padding-left-5 {
padding-left: 5rem !important;
}
.padding-horizontal-5 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.padding-vertical-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
@media print, screen and (min-width: 40em) {
.medium-margin-0 {
margin: 0rem !important;
}
.medium-margin-top-0 {
margin-top: 0rem !important;
}
.medium-margin-right-0 {
margin-right: 0rem !important;
}
.medium-margin-bottom-0 {
margin-bottom: 0rem !important;
}
.medium-margin-left-0 {
margin-left: 0rem !important;
}
.medium-margin-horizontal-0 {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.medium-margin-vertical-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.medium-padding-0 {
padding: 0rem !important;
}
.medium-padding-top-0 {
padding-top: 0rem !important;
}
.medium-padding-right-0 {
padding-right: 0rem !important;
}
.medium-padding-bottom-0 {
padding-bottom: 0rem !important;
}
.medium-padding-left-0 {
padding-left: 0rem !important;
}
.medium-padding-horizontal-0 {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.medium-padding-vertical-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-0 {
margin: 0rem !important;
}
.large-margin-top-0 {
margin-top: 0rem !important;
}
.large-margin-right-0 {
margin-right: 0rem !important;
}
.large-margin-bottom-0 {
margin-bottom: 0rem !important;
}
.large-margin-left-0 {
margin-left: 0rem !important;
}
.large-margin-horizontal-0 {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.large-margin-vertical-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.large-padding-0 {
padding: 0rem !important;
}
.large-padding-top-0 {
padding-top: 0rem !important;
}
.large-padding-right-0 {
padding-right: 0rem !important;
}
.large-padding-bottom-0 {
padding-bottom: 0rem !important;
}
.large-padding-left-0 {
padding-left: 0rem !important;
}
.large-padding-horizontal-0 {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.large-padding-vertical-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-0 {
margin: 0rem !important;
}
.xlarge-margin-top-0 {
margin-top: 0rem !important;
}
.xlarge-margin-right-0 {
margin-right: 0rem !important;
}
.xlarge-margin-bottom-0 {
margin-bottom: 0rem !important;
}
.xlarge-margin-left-0 {
margin-left: 0rem !important;
}
.xlarge-margin-horizontal-0 {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.xlarge-margin-vertical-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.xlarge-padding-0 {
padding: 0rem !important;
}
.xlarge-padding-top-0 {
padding-top: 0rem !important;
}
.xlarge-padding-right-0 {
padding-right: 0rem !important;
}
.xlarge-padding-bottom-0 {
padding-bottom: 0rem !important;
}
.xlarge-padding-left-0 {
padding-left: 0rem !important;
}
.xlarge-padding-horizontal-0 {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.xlarge-padding-vertical-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-1 {
margin: 1rem !important;
}
.medium-margin-top-1 {
margin-top: 1rem !important;
}
.medium-margin-right-1 {
margin-right: 1rem !important;
}
.medium-margin-bottom-1 {
margin-bottom: 1rem !important;
}
.medium-margin-left-1 {
margin-left: 1rem !important;
}
.medium-margin-horizontal-1 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.medium-margin-vertical-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.medium-padding-1 {
padding: 1rem !important;
}
.medium-padding-top-1 {
padding-top: 1rem !important;
}
.medium-padding-right-1 {
padding-right: 1rem !important;
}
.medium-padding-bottom-1 {
padding-bottom: 1rem !important;
}
.medium-padding-left-1 {
padding-left: 1rem !important;
}
.medium-padding-horizontal-1 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.medium-padding-vertical-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-1 {
margin: 1rem !important;
}
.large-margin-top-1 {
margin-top: 1rem !important;
}
.large-margin-right-1 {
margin-right: 1rem !important;
}
.large-margin-bottom-1 {
margin-bottom: 1rem !important;
}
.large-margin-left-1 {
margin-left: 1rem !important;
}
.large-margin-horizontal-1 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.large-margin-vertical-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.large-padding-1 {
padding: 1rem !important;
}
.large-padding-top-1 {
padding-top: 1rem !important;
}
.large-padding-right-1 {
padding-right: 1rem !important;
}
.large-padding-bottom-1 {
padding-bottom: 1rem !important;
}
.large-padding-left-1 {
padding-left: 1rem !important;
}
.large-padding-horizontal-1 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.large-padding-vertical-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-1 {
margin: 1rem !important;
}
.xlarge-margin-top-1 {
margin-top: 1rem !important;
}
.xlarge-margin-right-1 {
margin-right: 1rem !important;
}
.xlarge-margin-bottom-1 {
margin-bottom: 1rem !important;
}
.xlarge-margin-left-1 {
margin-left: 1rem !important;
}
.xlarge-margin-horizontal-1 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.xlarge-margin-vertical-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.xlarge-padding-1 {
padding: 1rem !important;
}
.xlarge-padding-top-1 {
padding-top: 1rem !important;
}
.xlarge-padding-right-1 {
padding-right: 1rem !important;
}
.xlarge-padding-bottom-1 {
padding-bottom: 1rem !important;
}
.xlarge-padding-left-1 {
padding-left: 1rem !important;
}
.xlarge-padding-horizontal-1 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.xlarge-padding-vertical-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-2 {
margin: 2rem !important;
}
.medium-margin-top-2 {
margin-top: 2rem !important;
}
.medium-margin-right-2 {
margin-right: 2rem !important;
}
.medium-margin-bottom-2 {
margin-bottom: 2rem !important;
}
.medium-margin-left-2 {
margin-left: 2rem !important;
}
.medium-margin-horizontal-2 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.medium-margin-vertical-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.medium-padding-2 {
padding: 2rem !important;
}
.medium-padding-top-2 {
padding-top: 2rem !important;
}
.medium-padding-right-2 {
padding-right: 2rem !important;
}
.medium-padding-bottom-2 {
padding-bottom: 2rem !important;
}
.medium-padding-left-2 {
padding-left: 2rem !important;
}
.medium-padding-horizontal-2 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.medium-padding-vertical-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-2 {
margin: 2rem !important;
}
.large-margin-top-2 {
margin-top: 2rem !important;
}
.large-margin-right-2 {
margin-right: 2rem !important;
}
.large-margin-bottom-2 {
margin-bottom: 2rem !important;
}
.large-margin-left-2 {
margin-left: 2rem !important;
}
.large-margin-horizontal-2 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.large-margin-vertical-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.large-padding-2 {
padding: 2rem !important;
}
.large-padding-top-2 {
padding-top: 2rem !important;
}
.large-padding-right-2 {
padding-right: 2rem !important;
}
.large-padding-bottom-2 {
padding-bottom: 2rem !important;
}
.large-padding-left-2 {
padding-left: 2rem !important;
}
.large-padding-horizontal-2 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.large-padding-vertical-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-2 {
margin: 2rem !important;
}
.xlarge-margin-top-2 {
margin-top: 2rem !important;
}
.xlarge-margin-right-2 {
margin-right: 2rem !important;
}
.xlarge-margin-bottom-2 {
margin-bottom: 2rem !important;
}
.xlarge-margin-left-2 {
margin-left: 2rem !important;
}
.xlarge-margin-horizontal-2 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.xlarge-margin-vertical-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.xlarge-padding-2 {
padding: 2rem !important;
}
.xlarge-padding-top-2 {
padding-top: 2rem !important;
}
.xlarge-padding-right-2 {
padding-right: 2rem !important;
}
.xlarge-padding-bottom-2 {
padding-bottom: 2rem !important;
}
.xlarge-padding-left-2 {
padding-left: 2rem !important;
}
.xlarge-padding-horizontal-2 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.xlarge-padding-vertical-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-3 {
margin: 3rem !important;
}
.medium-margin-top-3 {
margin-top: 3rem !important;
}
.medium-margin-right-3 {
margin-right: 3rem !important;
}
.medium-margin-bottom-3 {
margin-bottom: 3rem !important;
}
.medium-margin-left-3 {
margin-left: 3rem !important;
}
.medium-margin-horizontal-3 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.medium-margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.medium-padding-3 {
padding: 3rem !important;
}
.medium-padding-top-3 {
padding-top: 3rem !important;
}
.medium-padding-right-3 {
padding-right: 3rem !important;
}
.medium-padding-bottom-3 {
padding-bottom: 3rem !important;
}
.medium-padding-left-3 {
padding-left: 3rem !important;
}
.medium-padding-horizontal-3 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.medium-padding-vertical-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-3 {
margin: 3rem !important;
}
.large-margin-top-3 {
margin-top: 3rem !important;
}
.large-margin-right-3 {
margin-right: 3rem !important;
}
.large-margin-bottom-3 {
margin-bottom: 3rem !important;
}
.large-margin-left-3 {
margin-left: 3rem !important;
}
.large-margin-horizontal-3 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.large-margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.large-padding-3 {
padding: 3rem !important;
}
.large-padding-top-3 {
padding-top: 3rem !important;
}
.large-padding-right-3 {
padding-right: 3rem !important;
}
.large-padding-bottom-3 {
padding-bottom: 3rem !important;
}
.large-padding-left-3 {
padding-left: 3rem !important;
}
.large-padding-horizontal-3 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.large-padding-vertical-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-3 {
margin: 3rem !important;
}
.xlarge-margin-top-3 {
margin-top: 3rem !important;
}
.xlarge-margin-right-3 {
margin-right: 3rem !important;
}
.xlarge-margin-bottom-3 {
margin-bottom: 3rem !important;
}
.xlarge-margin-left-3 {
margin-left: 3rem !important;
}
.xlarge-margin-horizontal-3 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.xlarge-margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.xlarge-padding-3 {
padding: 3rem !important;
}
.xlarge-padding-top-3 {
padding-top: 3rem !important;
}
.xlarge-padding-right-3 {
padding-right: 3rem !important;
}
.xlarge-padding-bottom-3 {
padding-bottom: 3rem !important;
}
.xlarge-padding-left-3 {
padding-left: 3rem !important;
}
.xlarge-padding-horizontal-3 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.xlarge-padding-vertical-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-4 {
margin: 4rem !important;
}
.medium-margin-top-4 {
margin-top: 4rem !important;
}
.medium-margin-right-4 {
margin-right: 4rem !important;
}
.medium-margin-bottom-4 {
margin-bottom: 4rem !important;
}
.medium-margin-left-4 {
margin-left: 4rem !important;
}
.medium-margin-horizontal-4 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.medium-margin-vertical-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.medium-padding-4 {
padding: 4rem !important;
}
.medium-padding-top-4 {
padding-top: 4rem !important;
}
.medium-padding-right-4 {
padding-right: 4rem !important;
}
.medium-padding-bottom-4 {
padding-bottom: 4rem !important;
}
.medium-padding-left-4 {
padding-left: 4rem !important;
}
.medium-padding-horizontal-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.medium-padding-vertical-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-4 {
margin: 4rem !important;
}
.large-margin-top-4 {
margin-top: 4rem !important;
}
.large-margin-right-4 {
margin-right: 4rem !important;
}
.large-margin-bottom-4 {
margin-bottom: 4rem !important;
}
.large-margin-left-4 {
margin-left: 4rem !important;
}
.large-margin-horizontal-4 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.large-margin-vertical-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.large-padding-4 {
padding: 4rem !important;
}
.large-padding-top-4 {
padding-top: 4rem !important;
}
.large-padding-right-4 {
padding-right: 4rem !important;
}
.large-padding-bottom-4 {
padding-bottom: 4rem !important;
}
.large-padding-left-4 {
padding-left: 4rem !important;
}
.large-padding-horizontal-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.large-padding-vertical-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-4 {
margin: 4rem !important;
}
.xlarge-margin-top-4 {
margin-top: 4rem !important;
}
.xlarge-margin-right-4 {
margin-right: 4rem !important;
}
.xlarge-margin-bottom-4 {
margin-bottom: 4rem !important;
}
.xlarge-margin-left-4 {
margin-left: 4rem !important;
}
.xlarge-margin-horizontal-4 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.xlarge-margin-vertical-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.xlarge-padding-4 {
padding: 4rem !important;
}
.xlarge-padding-top-4 {
padding-top: 4rem !important;
}
.xlarge-padding-right-4 {
padding-right: 4rem !important;
}
.xlarge-padding-bottom-4 {
padding-bottom: 4rem !important;
}
.xlarge-padding-left-4 {
padding-left: 4rem !important;
}
.xlarge-padding-horizontal-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.xlarge-padding-vertical-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-5 {
margin: 5rem !important;
}
.medium-margin-top-5 {
margin-top: 5rem !important;
}
.medium-margin-right-5 {
margin-right: 5rem !important;
}
.medium-margin-bottom-5 {
margin-bottom: 5rem !important;
}
.medium-margin-left-5 {
margin-left: 5rem !important;
}
.medium-margin-horizontal-5 {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.medium-margin-vertical-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.medium-padding-5 {
padding: 5rem !important;
}
.medium-padding-top-5 {
padding-top: 5rem !important;
}
.medium-padding-right-5 {
padding-right: 5rem !important;
}
.medium-padding-bottom-5 {
padding-bottom: 5rem !important;
}
.medium-padding-left-5 {
padding-left: 5rem !important;
}
.medium-padding-horizontal-5 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.medium-padding-vertical-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-5 {
margin: 5rem !important;
}
.large-margin-top-5 {
margin-top: 5rem !important;
}
.large-margin-right-5 {
margin-right: 5rem !important;
}
.large-margin-bottom-5 {
margin-bottom: 5rem !important;
}
.large-margin-left-5 {
margin-left: 5rem !important;
}
.large-margin-horizontal-5 {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.large-margin-vertical-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.large-padding-5 {
padding: 5rem !important;
}
.large-padding-top-5 {
padding-top: 5rem !important;
}
.large-padding-right-5 {
padding-right: 5rem !important;
}
.large-padding-bottom-5 {
padding-bottom: 5rem !important;
}
.large-padding-left-5 {
padding-left: 5rem !important;
}
.large-padding-horizontal-5 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.large-padding-vertical-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 76.875em) {
.xlarge-margin-5 {
margin: 5rem !important;
}
.xlarge-margin-top-5 {
margin-top: 5rem !important;
}
.xlarge-margin-right-5 {
margin-right: 5rem !important;
}
.xlarge-margin-bottom-5 {
margin-bottom: 5rem !important;
}
.xlarge-margin-left-5 {
margin-left: 5rem !important;
}
.xlarge-margin-horizontal-5 {
margin-right: 5rem !important;
margin-left: 5rem !important;
}
.xlarge-margin-vertical-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.xlarge-padding-5 {
padding: 5rem !important;
}
.xlarge-padding-top-5 {
padding-top: 5rem !important;
}
.xlarge-padding-right-5 {
padding-right: 5rem !important;
}
.xlarge-padding-bottom-5 {
padding-bottom: 5rem !important;
}
.xlarge-padding-left-5 {
padding-left: 5rem !important;
}
.xlarge-padding-horizontal-5 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.xlarge-padding-vertical-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
font-weight: 400;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
padding: 0.7em 1.25em;
}
[data-whatinput=mouse] .button {
outline: 0;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #0F6BBA;
color: #fefefe;
}
.button:hover, .button:focus {
background-color: rgb(18.4589552239, 131.673880597, 228.8910447761);
color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #0F6BBA;
color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
background-color: rgb(12, 85.6, 148.8);
color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
background-color: #0F213B;
color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
background-color: rgb(12, 26.4, 47.2);
color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
background-color: #3FFF69;
color: #0a0a0a;
}
.button.success:hover, .button.success:focus {
background-color: rgb(0, 254.4, 55.65);
color: #0a0a0a;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
background-color: #FFA63F;
color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
background-color: rgb(254.4, 136.475, 0);
color: #0a0a0a;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
background-color: #FF3F51;
color: #0a0a0a;
}
.button.alert:hover, .button.alert:focus {
background-color: rgb(254.4, 0, 23.85);
color: #0a0a0a;
}
.button.light-alert, .button.light-alert.disabled, .button.light-alert[disabled], .button.light-alert.disabled:hover, .button.light-alert[disabled]:hover, .button.light-alert.disabled:focus, .button.light-alert[disabled]:focus {
background-color: rgb(255, 216, 219.65625);
color: #0a0a0a;
}
.button.light-alert:hover, .button.light-alert:focus {
background-color: rgb(255, 121.8, 134.2875);
color: #0a0a0a;
}
.button.pale-alert, .button.pale-alert.disabled, .button.pale-alert[disabled], .button.pale-alert.disabled:hover, .button.pale-alert[disabled]:hover, .button.pale-alert.disabled:focus, .button.pale-alert[disabled]:focus {
background-color: rgb(255, 114, 127.21875);
color: #0a0a0a;
}
.button.pale-alert:hover, .button.pale-alert:focus {
background-color: rgb(255, 40.2, 60.3375);
color: #0a0a0a;
}
.button.light-warning, .button.light-warning.disabled, .button.light-warning[disabled], .button.light-warning.disabled:hover, .button.light-warning[disabled]:hover, .button.light-warning.disabled:focus, .button.light-warning[disabled]:focus {
background-color: rgb(255, 213.28125, 165);
color: #0a0a0a;
}
.button.light-warning:hover, .button.light-warning:focus {
background-color: rgb(255, 174.34375, 81);
color: #0a0a0a;
}
.button.pale-warning, .button.pale-warning.disabled, .button.pale-warning[disabled], .button.pale-warning.disabled:hover, .button.pale-warning[disabled]:hover, .button.pale-warning.disabled:focus, .button.pale-warning[disabled]:focus {
background-color: rgb(255, 189.640625, 114);
color: #0a0a0a;
}
.button.pale-warning:hover, .button.pale-warning:focus {
background-color: rgb(255, 155.43125, 40.2);
color: #0a0a0a;
}
.button.light-secondary, .button.light-secondary.disabled, .button.light-secondary[disabled], .button.light-secondary.disabled:hover, .button.light-secondary[disabled]:hover, .button.light-secondary.disabled:focus, .button.light-secondary[disabled]:focus {
background-color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
color: #0a0a0a;
}
.button.light-secondary:hover, .button.light-secondary:focus {
background-color: rgb(139.5513513514, 174.772972973, 225.6486486486);
color: #0a0a0a;
}
.button.pale-secondary, .button.pale-secondary.disabled, .button.pale-secondary[disabled], .button.pale-secondary.disabled:hover, .button.pale-secondary[disabled]:hover, .button.pale-secondary.disabled:focus, .button.pale-secondary[disabled]:focus {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: #0a0a0a;
}
.button.pale-secondary:hover, .button.pale-secondary:focus {
background-color: rgb(58.227027027, 118.2594594595, 204.972972973);
color: #0a0a0a;
}
.button.info, .button.info.disabled, .button.info[disabled], .button.info.disabled:hover, .button.info[disabled]:hover, .button.info.disabled:focus, .button.info[disabled]:focus {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: #0a0a0a;
}
.button.info:hover, .button.info:focus {
background-color: rgb(58.227027027, 118.2594594595, 204.972972973);
color: #0a0a0a;
}
.button.light-primary, .button.light-primary.disabled, .button.light-primary[disabled], .button.light-primary.disabled:hover, .button.light-primary[disabled]:hover, .button.light-primary.disabled:focus, .button.light-primary[disabled]:focus {
background-color: rgb(252.223880597, 253.5970149254, 254.776119403);
color: #0a0a0a;
}
.button.light-primary:hover, .button.light-primary:focus {
background-color: rgb(158.3910447761, 206.176119403, 247.2089552239);
color: #0a0a0a;
}
.button.pale-primary, .button.pale-primary.disabled, .button.pale-primary[disabled], .button.pale-primary.disabled:hover, .button.pale-primary[disabled]:hover, .button.pale-primary.disabled:focus, .button.pale-primary[disabled]:focus {
background-color: rgb(63.447761194, 158.1940298507, 239.552238806);
color: #0a0a0a;
}
.button.pale-primary:hover, .button.pale-primary:focus {
background-color: rgb(18.0895522388, 129.0388059701, 224.3104477612);
color: #0a0a0a;
}
.button.pale-magenta, .button.pale-magenta.disabled, .button.pale-magenta[disabled], .button.pale-magenta.disabled:hover, .button.pale-magenta[disabled]:hover, .button.pale-magenta.disabled:focus, .button.pale-magenta[disabled]:focus {
background-color: rgb(254.418972332, 206, 255);
color: #0a0a0a;
}
.button.pale-magenta:hover, .button.pale-magenta:focus {
background-color: rgb(253.3256916996, 113.8, 255);
color: #0a0a0a;
}
.button.pale-teal, .button.pale-teal.disabled, .button.pale-teal[disabled], .button.pale-teal.disabled:hover, .button.pale-teal[disabled]:hover, .button.pale-teal.disabled:focus, .button.pale-teal[disabled]:focus {
background-color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
color: #0a0a0a;
}
.button.pale-teal:hover, .button.pale-teal:focus {
background-color: rgb(26.5363636364, 195.8636363636, 192.0727272727);
color: #0a0a0a;
}
.button.light-gray, .button.light-gray.disabled, .button.light-gray[disabled], .button.light-gray.disabled:hover, .button.light-gray[disabled]:hover, .button.light-gray.disabled:focus, .button.light-gray[disabled]:focus {
background-color: rgb(225.25, 225.25, 225.25);
color: #0a0a0a;
}
.button.light-gray:hover, .button.light-gray:focus {
background-color: rgb(180.2, 180.2, 180.2);
color: #0a0a0a;
}
.button.lighter-gray, .button.lighter-gray.disabled, .button.lighter-gray[disabled], .button.lighter-gray.disabled:hover, .button.lighter-gray[disabled]:hover, .button.lighter-gray.disabled:focus, .button.lighter-gray[disabled]:focus {
background-color: #eeeeee;
color: #0a0a0a;
}
.button.lighter-gray:hover, .button.lighter-gray:focus {
background-color: rgb(190.4, 190.4, 190.4);
color: #0a0a0a;
}
.button.medium-gray, .button.medium-gray.disabled, .button.medium-gray[disabled], .button.medium-gray.disabled:hover, .button.medium-gray[disabled]:hover, .button.medium-gray.disabled:focus, .button.medium-gray[disabled]:focus {
background-color: #bbbbbb;
color: #0a0a0a;
}
.button.medium-gray:hover, .button.medium-gray:focus {
background-color: rgb(149.6, 149.6, 149.6);
color: #0a0a0a;
}
.button.gray, .button.gray.disabled, .button.gray[disabled], .button.gray.disabled:hover, .button.gray[disabled]:hover, .button.gray.disabled:focus, .button.gray[disabled]:focus {
background-color: rgb(148.75, 148.75, 148.75);
color: #0a0a0a;
}
.button.gray:hover, .button.gray:focus {
background-color: #777777;
color: #0a0a0a;
}
.button.dark-gray, .button.dark-gray.disabled, .button.dark-gray[disabled], .button.dark-gray.disabled:hover, .button.dark-gray[disabled]:hover, .button.dark-gray.disabled:focus, .button.dark-gray[disabled]:focus {
background-color: #555555;
color: #fefefe;
}
.button.dark-gray:hover, .button.dark-gray:focus {
background-color: #444444;
color: #fefefe;
}
.button.black, .button.black.disabled, .button.black[disabled], .button.black.disabled:hover, .button.black[disabled]:hover, .button.black.disabled:focus, .button.black[disabled]:focus {
background-color: #0a0a0a;
color: #fefefe;
}
.button.black:hover, .button.black:focus {
background-color: #080808;
color: #fefefe;
}
.button.white, .button.white.disabled, .button.white[disabled], .button.white.disabled:hover, .button.white[disabled]:hover, .button.white.disabled:focus, .button.white[disabled]:focus {
background-color: #fefefe;
color: #0a0a0a;
}
.button.white:hover, .button.white:focus {
background-color: rgb(203.2, 203.2, 203.2);
color: #0a0a0a;
}
.button.lime, .button.lime.disabled, .button.lime[disabled], .button.lime.disabled:hover, .button.lime[disabled]:hover, .button.lime.disabled:focus, .button.lime[disabled]:focus {
background-color: #cfde00;
color: #0a0a0a;
}
.button.lime:hover, .button.lime:focus {
background-color: rgb(165.6, 177.6, 0);
color: #0a0a0a;
}
.button.teal, .button.teal.disabled, .button.teal[disabled], .button.teal.disabled:hover, .button.teal[disabled]:hover, .button.teal.disabled:focus, .button.teal[disabled]:focus {
background-color: #159B98;
color: #0a0a0a;
}
.button.teal:hover, .button.teal:focus {
background-color: rgb(16.8, 124, 121.6);
color: #0a0a0a;
}
.button.magenta, .button.magenta.disabled, .button.magenta[disabled], .button.magenta.disabled:hover, .button.magenta[disabled]:hover, .button.magenta.disabled:focus, .button.magenta[disabled]:focus {
background-color: #FC02FF;
color: #0a0a0a;
}
.button.magenta:hover, .button.magenta:focus {
background-color: rgb(203.162055336, 0, 205.6);
color: #0a0a0a;
}
.button.ph, .button.ph.disabled, .button.ph[disabled], .button.ph.disabled:hover, .button.ph[disabled]:hover, .button.ph.disabled:focus, .button.ph[disabled]:focus {
background-color: #0F6BBA;
color: #fefefe;
}
.button.ph:hover, .button.ph:focus {
background-color: rgb(12, 85.6, 148.8);
color: #fefefe;
}
.button.light-ph, .button.light-ph.disabled, .button.light-ph[disabled], .button.light-ph.disabled:hover, .button.light-ph[disabled]:hover, .button.light-ph.disabled:focus, .button.light-ph[disabled]:focus {
background-color: rgb(228.6268656716, 241.671641791, 252.8731343284);
color: #0a0a0a;
}
.button.light-ph:hover, .button.light-ph:focus {
background-color: rgb(139.5134328358, 196.6358208955, 245.6865671642);
color: #0a0a0a;
}
.button.pale-ph, .button.pale-ph.disabled, .button.pale-ph[disabled], .button.pale-ph.disabled:hover, .button.pale-ph[disabled]:hover, .button.pale-ph.disabled:focus, .button.pale-ph[disabled]:focus {
background-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
color: #0a0a0a;
}
.button.pale-ph:hover, .button.pale-ph:focus {
background-color: rgb(101.7582089552, 177.5552238806, 242.6417910448);
color: #0a0a0a;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button.hollow:hover, .button.hollow:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #0F213B;
color: #0F213B;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: rgb(7.5, 16.5, 29.5);
color: rgb(7.5, 16.5, 29.5);
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
border: 1px solid #3FFF69;
color: #3FFF69;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: rgb(0, 159, 34.78125);
color: rgb(0, 159, 34.78125);
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
border: 1px solid #FFA63F;
color: #FFA63F;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: rgb(159, 85.296875, 0);
color: rgb(159, 85.296875, 0);
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
border: 1px solid #FF3F51;
color: #FF3F51;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: rgb(159, 0, 14.90625);
color: rgb(159, 0, 14.90625);
}
.button.hollow.light-alert, .button.hollow.light-alert.disabled, .button.hollow.light-alert[disabled], .button.hollow.light-alert.disabled:hover, .button.hollow.light-alert[disabled]:hover, .button.hollow.light-alert.disabled:focus, .button.hollow.light-alert[disabled]:focus {
border: 1px solid rgb(255, 216, 219.65625);
color: rgb(255, 216, 219.65625);
}
.button.hollow.light-alert:hover, .button.hollow.light-alert:focus {
border-color: rgb(235.5, 0, 22.078125);
color: rgb(235.5, 0, 22.078125);
}
.button.hollow.pale-alert, .button.hollow.pale-alert.disabled, .button.hollow.pale-alert[disabled], .button.hollow.pale-alert.disabled:hover, .button.hollow.pale-alert[disabled]:hover, .button.hollow.pale-alert.disabled:focus, .button.hollow.pale-alert[disabled]:focus {
border: 1px solid rgb(255, 114, 127.21875);
color: rgb(255, 114, 127.21875);
}
.button.hollow.pale-alert:hover, .button.hollow.pale-alert:focus {
border-color: rgb(184.5, 0, 17.296875);
color: rgb(184.5, 0, 17.296875);
}
.button.hollow.light-warning, .button.hollow.light-warning.disabled, .button.hollow.light-warning[disabled], .button.hollow.light-warning.disabled:hover, .button.hollow.light-warning[disabled]:hover, .button.hollow.light-warning.disabled:focus, .button.hollow.light-warning[disabled]:focus {
border: 1px solid rgb(255, 213.28125, 165);
color: rgb(255, 213.28125, 165);
}
.button.hollow.light-warning:hover, .button.hollow.light-warning:focus {
border-color: rgb(210, 112.65625, 0);
color: rgb(210, 112.65625, 0);
}
.button.hollow.pale-warning, .button.hollow.pale-warning.disabled, .button.hollow.pale-warning[disabled], .button.hollow.pale-warning.disabled:hover, .button.hollow.pale-warning[disabled]:hover, .button.hollow.pale-warning.disabled:focus, .button.hollow.pale-warning[disabled]:focus {
border: 1px solid rgb(255, 189.640625, 114);
color: rgb(255, 189.640625, 114);
}
.button.hollow.pale-warning:hover, .button.hollow.pale-warning:focus {
border-color: rgb(184.5, 98.9765625, 0);
color: rgb(184.5, 98.9765625, 0);
}
.button.hollow.light-secondary, .button.hollow.light-secondary.disabled, .button.hollow.light-secondary[disabled], .button.hollow.light-secondary.disabled:hover, .button.hollow.light-secondary[disabled]:hover, .button.hollow.light-secondary.disabled:focus, .button.hollow.light-secondary[disabled]:focus {
border: 1px solid rgb(212.3445945946, 225.3581081081, 244.1554054054);
color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.button.hollow.light-secondary:hover, .button.hollow.light-secondary:focus {
border-color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
}
.button.hollow.pale-secondary, .button.hollow.pale-secondary.disabled, .button.hollow.pale-secondary[disabled], .button.hollow.pale-secondary.disabled:hover, .button.hollow.pale-secondary[disabled]:hover, .button.hollow.pale-secondary.disabled:focus, .button.hollow.pale-secondary[disabled]:focus {
border: 1px solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.hollow.pale-secondary:hover, .button.hollow.pale-secondary:focus {
border-color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button.hollow.info, .button.hollow.info.disabled, .button.hollow.info[disabled], .button.hollow.info.disabled:hover, .button.hollow.info[disabled]:hover, .button.hollow.info.disabled:focus, .button.hollow.info[disabled]:focus {
border: 1px solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.hollow.info:hover, .button.hollow.info:focus {
border-color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button.hollow.light-primary, .button.hollow.light-primary.disabled, .button.hollow.light-primary[disabled], .button.hollow.light-primary.disabled:hover, .button.hollow.light-primary[disabled]:hover, .button.hollow.light-primary.disabled:focus, .button.hollow.light-primary[disabled]:focus {
border: 1px solid rgb(252.223880597, 253.5970149254, 254.776119403);
color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.button.hollow.light-primary:hover, .button.hollow.light-primary:focus {
border-color: rgb(18.9179104478, 134.947761194, 234.5820895522);
color: rgb(18.9179104478, 134.947761194, 234.5820895522);
}
.button.hollow.pale-primary, .button.hollow.pale-primary.disabled, .button.hollow.pale-primary[disabled], .button.hollow.pale-primary.disabled:hover, .button.hollow.pale-primary[disabled]:hover, .button.hollow.pale-primary.disabled:focus, .button.hollow.pale-primary[disabled]:focus {
border: 1px solid rgb(63.447761194, 158.1940298507, 239.552238806);
color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.button.hollow.pale-primary:hover, .button.hollow.pale-primary:focus {
border-color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
}
.button.hollow.pale-magenta, .button.hollow.pale-magenta.disabled, .button.hollow.pale-magenta[disabled], .button.hollow.pale-magenta.disabled:hover, .button.hollow.pale-magenta[disabled]:hover, .button.hollow.pale-magenta.disabled:focus, .button.hollow.pale-magenta[disabled]:focus {
border: 1px solid rgb(254.418972332, 206, 255);
color: rgb(254.418972332, 206, 255);
}
.button.hollow.pale-magenta:hover, .button.hollow.pale-magenta:focus {
border-color: rgb(227.766798419, 0, 230.5);
color: rgb(227.766798419, 0, 230.5);
}
.button.hollow.pale-teal, .button.hollow.pale-teal.disabled, .button.hollow.pale-teal[disabled], .button.hollow.pale-teal.disabled:hover, .button.hollow.pale-teal[disabled]:hover, .button.hollow.pale-teal.disabled:focus, .button.hollow.pale-teal[disabled]:focus {
border: 1px solid rgb(50.6818181818, 227.3181818182, 223.3636363636);
color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.button.hollow.pale-teal:hover, .button.hollow.pale-teal:focus {
border-color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
}
.button.hollow.light-gray, .button.hollow.light-gray.disabled, .button.hollow.light-gray[disabled], .button.hollow.light-gray.disabled:hover, .button.hollow.light-gray[disabled]:hover, .button.hollow.light-gray.disabled:focus, .button.hollow.light-gray[disabled]:focus {
border: 1px solid rgb(225.25, 225.25, 225.25);
color: rgb(225.25, 225.25, 225.25);
}
.button.hollow.light-gray:hover, .button.hollow.light-gray:focus {
border-color: rgb(112.625, 112.625, 112.625);
color: rgb(112.625, 112.625, 112.625);
}
.button.hollow.lighter-gray, .button.hollow.lighter-gray.disabled, .button.hollow.lighter-gray[disabled], .button.hollow.lighter-gray.disabled:hover, .button.hollow.lighter-gray[disabled]:hover, .button.hollow.lighter-gray.disabled:focus, .button.hollow.lighter-gray[disabled]:focus {
border: 1px solid #eeeeee;
color: #eeeeee;
}
.button.hollow.lighter-gray:hover, .button.hollow.lighter-gray:focus {
border-color: #777777;
color: #777777;
}
.button.hollow.medium-gray, .button.hollow.medium-gray.disabled, .button.hollow.medium-gray[disabled], .button.hollow.medium-gray.disabled:hover, .button.hollow.medium-gray[disabled]:hover, .button.hollow.medium-gray.disabled:focus, .button.hollow.medium-gray[disabled]:focus {
border: 1px solid #bbbbbb;
color: #bbbbbb;
}
.button.hollow.medium-gray:hover, .button.hollow.medium-gray:focus {
border-color: rgb(93.5, 93.5, 93.5);
color: rgb(93.5, 93.5, 93.5);
}
.button.hollow.gray, .button.hollow.gray.disabled, .button.hollow.gray[disabled], .button.hollow.gray.disabled:hover, .button.hollow.gray[disabled]:hover, .button.hollow.gray.disabled:focus, .button.hollow.gray[disabled]:focus {
border: 1px solid rgb(148.75, 148.75, 148.75);
color: rgb(148.75, 148.75, 148.75);
}
.button.hollow.gray:hover, .button.hollow.gray:focus {
border-color: rgb(74.375, 74.375, 74.375);
color: rgb(74.375, 74.375, 74.375);
}
.button.hollow.dark-gray, .button.hollow.dark-gray.disabled, .button.hollow.dark-gray[disabled], .button.hollow.dark-gray.disabled:hover, .button.hollow.dark-gray[disabled]:hover, .button.hollow.dark-gray.disabled:focus, .button.hollow.dark-gray[disabled]:focus {
border: 1px solid #555555;
color: #555555;
}
.button.hollow.dark-gray:hover, .button.hollow.dark-gray:focus {
border-color: rgb(42.5, 42.5, 42.5);
color: rgb(42.5, 42.5, 42.5);
}
.button.hollow.black, .button.hollow.black.disabled, .button.hollow.black[disabled], .button.hollow.black.disabled:hover, .button.hollow.black[disabled]:hover, .button.hollow.black.disabled:focus, .button.hollow.black[disabled]:focus {
border: 1px solid #0a0a0a;
color: #0a0a0a;
}
.button.hollow.black:hover, .button.hollow.black:focus {
border-color: #050505;
color: #050505;
}
.button.hollow.white, .button.hollow.white.disabled, .button.hollow.white[disabled], .button.hollow.white.disabled:hover, .button.hollow.white[disabled]:hover, .button.hollow.white.disabled:focus, .button.hollow.white[disabled]:focus {
border: 1px solid #fefefe;
color: #fefefe;
}
.button.hollow.white:hover, .button.hollow.white:focus {
border-color: #7f7f7f;
color: #7f7f7f;
}
.button.hollow.lime, .button.hollow.lime.disabled, .button.hollow.lime[disabled], .button.hollow.lime.disabled:hover, .button.hollow.lime[disabled]:hover, .button.hollow.lime.disabled:focus, .button.hollow.lime[disabled]:focus {
border: 1px solid #cfde00;
color: #cfde00;
}
.button.hollow.lime:hover, .button.hollow.lime:focus {
border-color: rgb(103.5, 111, 0);
color: rgb(103.5, 111, 0);
}
.button.hollow.teal, .button.hollow.teal.disabled, .button.hollow.teal[disabled], .button.hollow.teal.disabled:hover, .button.hollow.teal[disabled]:hover, .button.hollow.teal.disabled:focus, .button.hollow.teal[disabled]:focus {
border: 1px solid #159B98;
color: #159B98;
}
.button.hollow.teal:hover, .button.hollow.teal:focus {
border-color: rgb(10.5, 77.5, 76);
color: rgb(10.5, 77.5, 76);
}
.button.hollow.magenta, .button.hollow.magenta.disabled, .button.hollow.magenta[disabled], .button.hollow.magenta.disabled:hover, .button.hollow.magenta[disabled]:hover, .button.hollow.magenta.disabled:focus, .button.hollow.magenta[disabled]:focus {
border: 1px solid #FC02FF;
color: #FC02FF;
}
.button.hollow.magenta:hover, .button.hollow.magenta:focus {
border-color: rgb(126.976284585, 0, 128.5);
color: rgb(126.976284585, 0, 128.5);
}
.button.hollow.ph, .button.hollow.ph.disabled, .button.hollow.ph[disabled], .button.hollow.ph.disabled:hover, .button.hollow.ph[disabled]:hover, .button.hollow.ph.disabled:focus, .button.hollow.ph[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button.hollow.ph:hover, .button.hollow.ph:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button.hollow.light-ph, .button.hollow.light-ph.disabled, .button.hollow.light-ph[disabled], .button.hollow.light-ph.disabled:hover, .button.hollow.light-ph[disabled]:hover, .button.hollow.light-ph.disabled:focus, .button.hollow.light-ph[disabled]:focus {
border: 1px solid rgb(228.6268656716, 241.671641791, 252.8731343284);
color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.button.hollow.light-ph:hover, .button.hollow.light-ph:focus {
border-color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
}
.button.hollow.pale-ph, .button.hollow.pale-ph.disabled, .button.hollow.pale-ph[disabled], .button.hollow.pale-ph.disabled:hover, .button.hollow.pale-ph[disabled]:hover, .button.hollow.pale-ph.disabled:focus, .button.hollow.pale-ph[disabled]:focus {
border: 1px solid rgb(181.4328358209, 217.8208955224, 249.0671641791);
color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.button.hollow.pale-ph:hover, .button.hollow.pale-ph:focus {
border-color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
border-color: transparent;
background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #0F6BBA;
}
.button.clear:hover, .button.clear:focus {
color: rgb(7.5, 53.5, 93);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #0F6BBA;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(7.5, 53.5, 93);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #0F213B;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
color: rgb(7.5, 16.5, 29.5);
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
color: #3FFF69;
}
.button.clear.success:hover, .button.clear.success:focus {
color: rgb(0, 159, 34.78125);
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
color: #FFA63F;
}
.button.clear.warning:hover, .button.clear.warning:focus {
color: rgb(159, 85.296875, 0);
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
color: #FF3F51;
}
.button.clear.alert:hover, .button.clear.alert:focus {
color: rgb(159, 0, 14.90625);
}
.button.clear.light-alert, .button.clear.light-alert.disabled, .button.clear.light-alert[disabled], .button.clear.light-alert.disabled:hover, .button.clear.light-alert[disabled]:hover, .button.clear.light-alert.disabled:focus, .button.clear.light-alert[disabled]:focus {
color: rgb(255, 216, 219.65625);
}
.button.clear.light-alert:hover, .button.clear.light-alert:focus {
color: rgb(235.5, 0, 22.078125);
}
.button.clear.pale-alert, .button.clear.pale-alert.disabled, .button.clear.pale-alert[disabled], .button.clear.pale-alert.disabled:hover, .button.clear.pale-alert[disabled]:hover, .button.clear.pale-alert.disabled:focus, .button.clear.pale-alert[disabled]:focus {
color: rgb(255, 114, 127.21875);
}
.button.clear.pale-alert:hover, .button.clear.pale-alert:focus {
color: rgb(184.5, 0, 17.296875);
}
.button.clear.light-warning, .button.clear.light-warning.disabled, .button.clear.light-warning[disabled], .button.clear.light-warning.disabled:hover, .button.clear.light-warning[disabled]:hover, .button.clear.light-warning.disabled:focus, .button.clear.light-warning[disabled]:focus {
color: rgb(255, 213.28125, 165);
}
.button.clear.light-warning:hover, .button.clear.light-warning:focus {
color: rgb(210, 112.65625, 0);
}
.button.clear.pale-warning, .button.clear.pale-warning.disabled, .button.clear.pale-warning[disabled], .button.clear.pale-warning.disabled:hover, .button.clear.pale-warning[disabled]:hover, .button.clear.pale-warning.disabled:focus, .button.clear.pale-warning[disabled]:focus {
color: rgb(255, 189.640625, 114);
}
.button.clear.pale-warning:hover, .button.clear.pale-warning:focus {
color: rgb(184.5, 98.9765625, 0);
}
.button.clear.light-secondary, .button.clear.light-secondary.disabled, .button.clear.light-secondary[disabled], .button.clear.light-secondary.disabled:hover, .button.clear.light-secondary[disabled]:hover, .button.clear.light-secondary.disabled:focus, .button.clear.light-secondary[disabled]:focus {
color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.button.clear.light-secondary:hover, .button.clear.light-secondary:focus {
color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
}
.button.clear.pale-secondary, .button.clear.pale-secondary.disabled, .button.clear.pale-secondary[disabled], .button.clear.pale-secondary.disabled:hover, .button.clear.pale-secondary[disabled]:hover, .button.clear.pale-secondary.disabled:focus, .button.clear.pale-secondary[disabled]:focus {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.clear.pale-secondary:hover, .button.clear.pale-secondary:focus {
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button.clear.info, .button.clear.info.disabled, .button.clear.info[disabled], .button.clear.info.disabled:hover, .button.clear.info[disabled]:hover, .button.clear.info.disabled:focus, .button.clear.info[disabled]:focus {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.clear.info:hover, .button.clear.info:focus {
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button.clear.light-primary, .button.clear.light-primary.disabled, .button.clear.light-primary[disabled], .button.clear.light-primary.disabled:hover, .button.clear.light-primary[disabled]:hover, .button.clear.light-primary.disabled:focus, .button.clear.light-primary[disabled]:focus {
color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.button.clear.light-primary:hover, .button.clear.light-primary:focus {
color: rgb(18.9179104478, 134.947761194, 234.5820895522);
}
.button.clear.pale-primary, .button.clear.pale-primary.disabled, .button.clear.pale-primary[disabled], .button.clear.pale-primary.disabled:hover, .button.clear.pale-primary[disabled]:hover, .button.clear.pale-primary.disabled:focus, .button.clear.pale-primary[disabled]:focus {
color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.button.clear.pale-primary:hover, .button.clear.pale-primary:focus {
color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
}
.button.clear.pale-magenta, .button.clear.pale-magenta.disabled, .button.clear.pale-magenta[disabled], .button.clear.pale-magenta.disabled:hover, .button.clear.pale-magenta[disabled]:hover, .button.clear.pale-magenta.disabled:focus, .button.clear.pale-magenta[disabled]:focus {
color: rgb(254.418972332, 206, 255);
}
.button.clear.pale-magenta:hover, .button.clear.pale-magenta:focus {
color: rgb(227.766798419, 0, 230.5);
}
.button.clear.pale-teal, .button.clear.pale-teal.disabled, .button.clear.pale-teal[disabled], .button.clear.pale-teal.disabled:hover, .button.clear.pale-teal[disabled]:hover, .button.clear.pale-teal.disabled:focus, .button.clear.pale-teal[disabled]:focus {
color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.button.clear.pale-teal:hover, .button.clear.pale-teal:focus {
color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
}
.button.clear.light-gray, .button.clear.light-gray.disabled, .button.clear.light-gray[disabled], .button.clear.light-gray.disabled:hover, .button.clear.light-gray[disabled]:hover, .button.clear.light-gray.disabled:focus, .button.clear.light-gray[disabled]:focus {
color: rgb(225.25, 225.25, 225.25);
}
.button.clear.light-gray:hover, .button.clear.light-gray:focus {
color: rgb(112.625, 112.625, 112.625);
}
.button.clear.lighter-gray, .button.clear.lighter-gray.disabled, .button.clear.lighter-gray[disabled], .button.clear.lighter-gray.disabled:hover, .button.clear.lighter-gray[disabled]:hover, .button.clear.lighter-gray.disabled:focus, .button.clear.lighter-gray[disabled]:focus {
color: #eeeeee;
}
.button.clear.lighter-gray:hover, .button.clear.lighter-gray:focus {
color: #777777;
}
.button.clear.medium-gray, .button.clear.medium-gray.disabled, .button.clear.medium-gray[disabled], .button.clear.medium-gray.disabled:hover, .button.clear.medium-gray[disabled]:hover, .button.clear.medium-gray.disabled:focus, .button.clear.medium-gray[disabled]:focus {
color: #bbbbbb;
}
.button.clear.medium-gray:hover, .button.clear.medium-gray:focus {
color: rgb(93.5, 93.5, 93.5);
}
.button.clear.gray, .button.clear.gray.disabled, .button.clear.gray[disabled], .button.clear.gray.disabled:hover, .button.clear.gray[disabled]:hover, .button.clear.gray.disabled:focus, .button.clear.gray[disabled]:focus {
color: rgb(148.75, 148.75, 148.75);
}
.button.clear.gray:hover, .button.clear.gray:focus {
color: rgb(74.375, 74.375, 74.375);
}
.button.clear.dark-gray, .button.clear.dark-gray.disabled, .button.clear.dark-gray[disabled], .button.clear.dark-gray.disabled:hover, .button.clear.dark-gray[disabled]:hover, .button.clear.dark-gray.disabled:focus, .button.clear.dark-gray[disabled]:focus {
color: #555555;
}
.button.clear.dark-gray:hover, .button.clear.dark-gray:focus {
color: rgb(42.5, 42.5, 42.5);
}
.button.clear.black, .button.clear.black.disabled, .button.clear.black[disabled], .button.clear.black.disabled:hover, .button.clear.black[disabled]:hover, .button.clear.black.disabled:focus, .button.clear.black[disabled]:focus {
color: #0a0a0a;
}
.button.clear.black:hover, .button.clear.black:focus {
color: #050505;
}
.button.clear.white, .button.clear.white.disabled, .button.clear.white[disabled], .button.clear.white.disabled:hover, .button.clear.white[disabled]:hover, .button.clear.white.disabled:focus, .button.clear.white[disabled]:focus {
color: #fefefe;
}
.button.clear.white:hover, .button.clear.white:focus {
color: #7f7f7f;
}
.button.clear.lime, .button.clear.lime.disabled, .button.clear.lime[disabled], .button.clear.lime.disabled:hover, .button.clear.lime[disabled]:hover, .button.clear.lime.disabled:focus, .button.clear.lime[disabled]:focus {
color: #cfde00;
}
.button.clear.lime:hover, .button.clear.lime:focus {
color: rgb(103.5, 111, 0);
}
.button.clear.teal, .button.clear.teal.disabled, .button.clear.teal[disabled], .button.clear.teal.disabled:hover, .button.clear.teal[disabled]:hover, .button.clear.teal.disabled:focus, .button.clear.teal[disabled]:focus {
color: #159B98;
}
.button.clear.teal:hover, .button.clear.teal:focus {
color: rgb(10.5, 77.5, 76);
}
.button.clear.magenta, .button.clear.magenta.disabled, .button.clear.magenta[disabled], .button.clear.magenta.disabled:hover, .button.clear.magenta[disabled]:hover, .button.clear.magenta.disabled:focus, .button.clear.magenta[disabled]:focus {
color: #FC02FF;
}
.button.clear.magenta:hover, .button.clear.magenta:focus {
color: rgb(126.976284585, 0, 128.5);
}
.button.clear.ph, .button.clear.ph.disabled, .button.clear.ph[disabled], .button.clear.ph.disabled:hover, .button.clear.ph[disabled]:hover, .button.clear.ph.disabled:focus, .button.clear.ph[disabled]:focus {
color: #0F6BBA;
}
.button.clear.ph:hover, .button.clear.ph:focus {
color: rgb(7.5, 53.5, 93);
}
.button.clear.light-ph, .button.clear.light-ph.disabled, .button.clear.light-ph[disabled], .button.clear.light-ph.disabled:hover, .button.clear.light-ph[disabled]:hover, .button.clear.light-ph.disabled:focus, .button.clear.light-ph[disabled]:focus {
color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.button.clear.light-ph:hover, .button.clear.light-ph:focus {
color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
}
.button.clear.pale-ph, .button.clear.pale-ph.disabled, .button.clear.pale-ph[disabled], .button.clear.pale-ph.disabled:hover, .button.clear.pale-ph[disabled]:hover, .button.clear.pale-ph.disabled:focus, .button.clear.pale-ph[disabled]:focus {
color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.button.clear.pale-ph:hover, .button.clear.pale-ph:focus {
color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
}
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4em;
content: "";
border-bottom-width: 0;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1.25em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #0F6BBA;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #0F6BBA;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #0F213B;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
border-top-color: #3FFF69;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
border-top-color: #FFA63F;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
border-top-color: #FF3F51;
}
.button.dropdown.hollow.light-alert::after, .button.dropdown.clear.light-alert::after {
border-top-color: rgb(255, 216, 219.65625);
}
.button.dropdown.hollow.pale-alert::after, .button.dropdown.clear.pale-alert::after {
border-top-color: rgb(255, 114, 127.21875);
}
.button.dropdown.hollow.light-warning::after, .button.dropdown.clear.light-warning::after {
border-top-color: rgb(255, 213.28125, 165);
}
.button.dropdown.hollow.pale-warning::after, .button.dropdown.clear.pale-warning::after {
border-top-color: rgb(255, 189.640625, 114);
}
.button.dropdown.hollow.light-secondary::after, .button.dropdown.clear.light-secondary::after {
border-top-color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.button.dropdown.hollow.pale-secondary::after, .button.dropdown.clear.pale-secondary::after {
border-top-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.dropdown.hollow.info::after, .button.dropdown.clear.info::after {
border-top-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button.dropdown.hollow.light-primary::after, .button.dropdown.clear.light-primary::after {
border-top-color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.button.dropdown.hollow.pale-primary::after, .button.dropdown.clear.pale-primary::after {
border-top-color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.button.dropdown.hollow.pale-magenta::after, .button.dropdown.clear.pale-magenta::after {
border-top-color: rgb(254.418972332, 206, 255);
}
.button.dropdown.hollow.pale-teal::after, .button.dropdown.clear.pale-teal::after {
border-top-color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.button.dropdown.hollow.light-gray::after, .button.dropdown.clear.light-gray::after {
border-top-color: rgb(225.25, 225.25, 225.25);
}
.button.dropdown.hollow.lighter-gray::after, .button.dropdown.clear.lighter-gray::after {
border-top-color: #eeeeee;
}
.button.dropdown.hollow.medium-gray::after, .button.dropdown.clear.medium-gray::after {
border-top-color: #bbbbbb;
}
.button.dropdown.hollow.gray::after, .button.dropdown.clear.gray::after {
border-top-color: rgb(148.75, 148.75, 148.75);
}
.button.dropdown.hollow.dark-gray::after, .button.dropdown.clear.dark-gray::after {
border-top-color: #555555;
}
.button.dropdown.hollow.black::after, .button.dropdown.clear.black::after {
border-top-color: #0a0a0a;
}
.button.dropdown.hollow.white::after, .button.dropdown.clear.white::after {
border-top-color: #fefefe;
}
.button.dropdown.hollow.lime::after, .button.dropdown.clear.lime::after {
border-top-color: #cfde00;
}
.button.dropdown.hollow.teal::after, .button.dropdown.clear.teal::after {
border-top-color: #159B98;
}
.button.dropdown.hollow.magenta::after, .button.dropdown.clear.magenta::after {
border-top-color: #FC02FF;
}
.button.dropdown.hollow.ph::after, .button.dropdown.clear.ph::after {
border-top-color: #0F6BBA;
}
.button.dropdown.hollow.light-ph::after, .button.dropdown.clear.light-ph::after {
border-top-color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.button.dropdown.hollow.pale-ph::after, .button.dropdown.clear.pale-ph::after {
border-top-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover, a.button:focus {
text-decoration: none;
}
.button-group {
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex-grow: 1;
}
.button-group::before, .button-group::after {
display: none;
}
.button-group::before, .button-group::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
flex: 0 0 auto;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded .button {
flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
background-color: #0F6BBA;
color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: rgb(12, 85.6, 148.8);
color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
background-color: #0F213B;
color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: rgb(12, 26.4, 47.2);
color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
background-color: #3FFF69;
color: #0a0a0a;
}
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: rgb(0, 254.4, 55.65);
color: #0a0a0a;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
background-color: #FFA63F;
color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: rgb(254.4, 136.475, 0);
color: #0a0a0a;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
background-color: #FF3F51;
color: #0a0a0a;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: rgb(254.4, 0, 23.85);
color: #0a0a0a;
}
.button-group.light-alert .button, .button-group.light-alert .button.disabled, .button-group.light-alert .button[disabled], .button-group.light-alert .button.disabled:hover, .button-group.light-alert .button[disabled]:hover, .button-group.light-alert .button.disabled:focus, .button-group.light-alert .button[disabled]:focus {
background-color: rgb(255, 216, 219.65625);
color: #0a0a0a;
}
.button-group.light-alert .button:hover, .button-group.light-alert .button:focus {
background-color: rgb(255, 121.8, 134.2875);
color: #0a0a0a;
}
.button-group.pale-alert .button, .button-group.pale-alert .button.disabled, .button-group.pale-alert .button[disabled], .button-group.pale-alert .button.disabled:hover, .button-group.pale-alert .button[disabled]:hover, .button-group.pale-alert .button.disabled:focus, .button-group.pale-alert .button[disabled]:focus {
background-color: rgb(255, 114, 127.21875);
color: #0a0a0a;
}
.button-group.pale-alert .button:hover, .button-group.pale-alert .button:focus {
background-color: rgb(255, 40.2, 60.3375);
color: #0a0a0a;
}
.button-group.light-warning .button, .button-group.light-warning .button.disabled, .button-group.light-warning .button[disabled], .button-group.light-warning .button.disabled:hover, .button-group.light-warning .button[disabled]:hover, .button-group.light-warning .button.disabled:focus, .button-group.light-warning .button[disabled]:focus {
background-color: rgb(255, 213.28125, 165);
color: #0a0a0a;
}
.button-group.light-warning .button:hover, .button-group.light-warning .button:focus {
background-color: rgb(255, 174.34375, 81);
color: #0a0a0a;
}
.button-group.pale-warning .button, .button-group.pale-warning .button.disabled, .button-group.pale-warning .button[disabled], .button-group.pale-warning .button.disabled:hover, .button-group.pale-warning .button[disabled]:hover, .button-group.pale-warning .button.disabled:focus, .button-group.pale-warning .button[disabled]:focus {
background-color: rgb(255, 189.640625, 114);
color: #0a0a0a;
}
.button-group.pale-warning .button:hover, .button-group.pale-warning .button:focus {
background-color: rgb(255, 155.43125, 40.2);
color: #0a0a0a;
}
.button-group.light-secondary .button, .button-group.light-secondary .button.disabled, .button-group.light-secondary .button[disabled], .button-group.light-secondary .button.disabled:hover, .button-group.light-secondary .button[disabled]:hover, .button-group.light-secondary .button.disabled:focus, .button-group.light-secondary .button[disabled]:focus {
background-color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
color: #0a0a0a;
}
.button-group.light-secondary .button:hover, .button-group.light-secondary .button:focus {
background-color: rgb(139.5513513514, 174.772972973, 225.6486486486);
color: #0a0a0a;
}
.button-group.pale-secondary .button, .button-group.pale-secondary .button.disabled, .button-group.pale-secondary .button[disabled], .button-group.pale-secondary .button.disabled:hover, .button-group.pale-secondary .button[disabled]:hover, .button-group.pale-secondary .button.disabled:focus, .button-group.pale-secondary .button[disabled]:focus {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: #0a0a0a;
}
.button-group.pale-secondary .button:hover, .button-group.pale-secondary .button:focus {
background-color: rgb(58.227027027, 118.2594594595, 204.972972973);
color: #0a0a0a;
}
.button-group.info .button, .button-group.info .button.disabled, .button-group.info .button[disabled], .button-group.info .button.disabled:hover, .button-group.info .button[disabled]:hover, .button-group.info .button.disabled:focus, .button-group.info .button[disabled]:focus {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: #0a0a0a;
}
.button-group.info .button:hover, .button-group.info .button:focus {
background-color: rgb(58.227027027, 118.2594594595, 204.972972973);
color: #0a0a0a;
}
.button-group.light-primary .button, .button-group.light-primary .button.disabled, .button-group.light-primary .button[disabled], .button-group.light-primary .button.disabled:hover, .button-group.light-primary .button[disabled]:hover, .button-group.light-primary .button.disabled:focus, .button-group.light-primary .button[disabled]:focus {
background-color: rgb(252.223880597, 253.5970149254, 254.776119403);
color: #0a0a0a;
}
.button-group.light-primary .button:hover, .button-group.light-primary .button:focus {
background-color: rgb(158.3910447761, 206.176119403, 247.2089552239);
color: #0a0a0a;
}
.button-group.pale-primary .button, .button-group.pale-primary .button.disabled, .button-group.pale-primary .button[disabled], .button-group.pale-primary .button.disabled:hover, .button-group.pale-primary .button[disabled]:hover, .button-group.pale-primary .button.disabled:focus, .button-group.pale-primary .button[disabled]:focus {
background-color: rgb(63.447761194, 158.1940298507, 239.552238806);
color: #0a0a0a;
}
.button-group.pale-primary .button:hover, .button-group.pale-primary .button:focus {
background-color: rgb(18.0895522388, 129.0388059701, 224.3104477612);
color: #0a0a0a;
}
.button-group.pale-magenta .button, .button-group.pale-magenta .button.disabled, .button-group.pale-magenta .button[disabled], .button-group.pale-magenta .button.disabled:hover, .button-group.pale-magenta .button[disabled]:hover, .button-group.pale-magenta .button.disabled:focus, .button-group.pale-magenta .button[disabled]:focus {
background-color: rgb(254.418972332, 206, 255);
color: #0a0a0a;
}
.button-group.pale-magenta .button:hover, .button-group.pale-magenta .button:focus {
background-color: rgb(253.3256916996, 113.8, 255);
color: #0a0a0a;
}
.button-group.pale-teal .button, .button-group.pale-teal .button.disabled, .button-group.pale-teal .button[disabled], .button-group.pale-teal .button.disabled:hover, .button-group.pale-teal .button[disabled]:hover, .button-group.pale-teal .button.disabled:focus, .button-group.pale-teal .button[disabled]:focus {
background-color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
color: #0a0a0a;
}
.button-group.pale-teal .button:hover, .button-group.pale-teal .button:focus {
background-color: rgb(26.5363636364, 195.8636363636, 192.0727272727);
color: #0a0a0a;
}
.button-group.light-gray .button, .button-group.light-gray .button.disabled, .button-group.light-gray .button[disabled], .button-group.light-gray .button.disabled:hover, .button-group.light-gray .button[disabled]:hover, .button-group.light-gray .button.disabled:focus, .button-group.light-gray .button[disabled]:focus {
background-color: rgb(225.25, 225.25, 225.25);
color: #0a0a0a;
}
.button-group.light-gray .button:hover, .button-group.light-gray .button:focus {
background-color: rgb(180.2, 180.2, 180.2);
color: #0a0a0a;
}
.button-group.lighter-gray .button, .button-group.lighter-gray .button.disabled, .button-group.lighter-gray .button[disabled], .button-group.lighter-gray .button.disabled:hover, .button-group.lighter-gray .button[disabled]:hover, .button-group.lighter-gray .button.disabled:focus, .button-group.lighter-gray .button[disabled]:focus {
background-color: #eeeeee;
color: #0a0a0a;
}
.button-group.lighter-gray .button:hover, .button-group.lighter-gray .button:focus {
background-color: rgb(190.4, 190.4, 190.4);
color: #0a0a0a;
}
.button-group.medium-gray .button, .button-group.medium-gray .button.disabled, .button-group.medium-gray .button[disabled], .button-group.medium-gray .button.disabled:hover, .button-group.medium-gray .button[disabled]:hover, .button-group.medium-gray .button.disabled:focus, .button-group.medium-gray .button[disabled]:focus {
background-color: #bbbbbb;
color: #0a0a0a;
}
.button-group.medium-gray .button:hover, .button-group.medium-gray .button:focus {
background-color: rgb(149.6, 149.6, 149.6);
color: #0a0a0a;
}
.button-group.gray .button, .button-group.gray .button.disabled, .button-group.gray .button[disabled], .button-group.gray .button.disabled:hover, .button-group.gray .button[disabled]:hover, .button-group.gray .button.disabled:focus, .button-group.gray .button[disabled]:focus {
background-color: rgb(148.75, 148.75, 148.75);
color: #0a0a0a;
}
.button-group.gray .button:hover, .button-group.gray .button:focus {
background-color: #777777;
color: #0a0a0a;
}
.button-group.dark-gray .button, .button-group.dark-gray .button.disabled, .button-group.dark-gray .button[disabled], .button-group.dark-gray .button.disabled:hover, .button-group.dark-gray .button[disabled]:hover, .button-group.dark-gray .button.disabled:focus, .button-group.dark-gray .button[disabled]:focus {
background-color: #555555;
color: #fefefe;
}
.button-group.dark-gray .button:hover, .button-group.dark-gray .button:focus {
background-color: #444444;
color: #fefefe;
}
.button-group.black .button, .button-group.black .button.disabled, .button-group.black .button[disabled], .button-group.black .button.disabled:hover, .button-group.black .button[disabled]:hover, .button-group.black .button.disabled:focus, .button-group.black .button[disabled]:focus {
background-color: #0a0a0a;
color: #fefefe;
}
.button-group.black .button:hover, .button-group.black .button:focus {
background-color: #080808;
color: #fefefe;
}
.button-group.white .button, .button-group.white .button.disabled, .button-group.white .button[disabled], .button-group.white .button.disabled:hover, .button-group.white .button[disabled]:hover, .button-group.white .button.disabled:focus, .button-group.white .button[disabled]:focus {
background-color: #fefefe;
color: #0a0a0a;
}
.button-group.white .button:hover, .button-group.white .button:focus {
background-color: rgb(203.2, 203.2, 203.2);
color: #0a0a0a;
}
.button-group.lime .button, .button-group.lime .button.disabled, .button-group.lime .button[disabled], .button-group.lime .button.disabled:hover, .button-group.lime .button[disabled]:hover, .button-group.lime .button.disabled:focus, .button-group.lime .button[disabled]:focus {
background-color: #cfde00;
color: #0a0a0a;
}
.button-group.lime .button:hover, .button-group.lime .button:focus {
background-color: rgb(165.6, 177.6, 0);
color: #0a0a0a;
}
.button-group.teal .button, .button-group.teal .button.disabled, .button-group.teal .button[disabled], .button-group.teal .button.disabled:hover, .button-group.teal .button[disabled]:hover, .button-group.teal .button.disabled:focus, .button-group.teal .button[disabled]:focus {
background-color: #159B98;
color: #0a0a0a;
}
.button-group.teal .button:hover, .button-group.teal .button:focus {
background-color: rgb(16.8, 124, 121.6);
color: #0a0a0a;
}
.button-group.magenta .button, .button-group.magenta .button.disabled, .button-group.magenta .button[disabled], .button-group.magenta .button.disabled:hover, .button-group.magenta .button[disabled]:hover, .button-group.magenta .button.disabled:focus, .button-group.magenta .button[disabled]:focus {
background-color: #FC02FF;
color: #0a0a0a;
}
.button-group.magenta .button:hover, .button-group.magenta .button:focus {
background-color: rgb(203.162055336, 0, 205.6);
color: #0a0a0a;
}
.button-group.ph .button, .button-group.ph .button.disabled, .button-group.ph .button[disabled], .button-group.ph .button.disabled:hover, .button-group.ph .button[disabled]:hover, .button-group.ph .button.disabled:focus, .button-group.ph .button[disabled]:focus {
background-color: #0F6BBA;
color: #fefefe;
}
.button-group.ph .button:hover, .button-group.ph .button:focus {
background-color: rgb(12, 85.6, 148.8);
color: #fefefe;
}
.button-group.light-ph .button, .button-group.light-ph .button.disabled, .button-group.light-ph .button[disabled], .button-group.light-ph .button.disabled:hover, .button-group.light-ph .button[disabled]:hover, .button-group.light-ph .button.disabled:focus, .button-group.light-ph .button[disabled]:focus {
background-color: rgb(228.6268656716, 241.671641791, 252.8731343284);
color: #0a0a0a;
}
.button-group.light-ph .button:hover, .button-group.light-ph .button:focus {
background-color: rgb(139.5134328358, 196.6358208955, 245.6865671642);
color: #0a0a0a;
}
.button-group.pale-ph .button, .button-group.pale-ph .button.disabled, .button-group.pale-ph .button[disabled], .button-group.pale-ph .button.disabled:hover, .button-group.pale-ph .button[disabled]:hover, .button-group.pale-ph .button.disabled:focus, .button-group.pale-ph .button[disabled]:focus {
background-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
color: #0a0a0a;
}
.button-group.pale-ph .button:hover, .button-group.pale-ph .button:focus {
background-color: rgb(101.7582089552, 177.5552238806, 242.6417910448);
color: #0a0a0a;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
border: 1px solid #0F213B;
color: #0F213B;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
border-color: rgb(7.5, 16.5, 29.5);
color: rgb(7.5, 16.5, 29.5);
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
border: 1px solid #3FFF69;
color: #3FFF69;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
border-color: rgb(0, 159, 34.78125);
color: rgb(0, 159, 34.78125);
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
border: 1px solid #FFA63F;
color: #FFA63F;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
border-color: rgb(159, 85.296875, 0);
color: rgb(159, 85.296875, 0);
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
border: 1px solid #FF3F51;
color: #FF3F51;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
border-color: rgb(159, 0, 14.90625);
color: rgb(159, 0, 14.90625);
}
.button-group.hollow.light-alert .button, .button-group.hollow.light-alert .button.disabled, .button-group.hollow.light-alert .button[disabled], .button-group.hollow.light-alert .button.disabled:hover, .button-group.hollow.light-alert .button[disabled]:hover, .button-group.hollow.light-alert .button.disabled:focus, .button-group.hollow.light-alert .button[disabled]:focus, .button-group.hollow .button.light-alert, .button-group.hollow .button.light-alert.disabled, .button-group.hollow .button.light-alert[disabled], .button-group.hollow .button.light-alert.disabled:hover, .button-group.hollow .button.light-alert[disabled]:hover, .button-group.hollow .button.light-alert.disabled:focus, .button-group.hollow .button.light-alert[disabled]:focus {
border: 1px solid rgb(255, 216, 219.65625);
color: rgb(255, 216, 219.65625);
}
.button-group.hollow.light-alert .button:hover, .button-group.hollow.light-alert .button:focus, .button-group.hollow .button.light-alert:hover, .button-group.hollow .button.light-alert:focus {
border-color: rgb(235.5, 0, 22.078125);
color: rgb(235.5, 0, 22.078125);
}
.button-group.hollow.pale-alert .button, .button-group.hollow.pale-alert .button.disabled, .button-group.hollow.pale-alert .button[disabled], .button-group.hollow.pale-alert .button.disabled:hover, .button-group.hollow.pale-alert .button[disabled]:hover, .button-group.hollow.pale-alert .button.disabled:focus, .button-group.hollow.pale-alert .button[disabled]:focus, .button-group.hollow .button.pale-alert, .button-group.hollow .button.pale-alert.disabled, .button-group.hollow .button.pale-alert[disabled], .button-group.hollow .button.pale-alert.disabled:hover, .button-group.hollow .button.pale-alert[disabled]:hover, .button-group.hollow .button.pale-alert.disabled:focus, .button-group.hollow .button.pale-alert[disabled]:focus {
border: 1px solid rgb(255, 114, 127.21875);
color: rgb(255, 114, 127.21875);
}
.button-group.hollow.pale-alert .button:hover, .button-group.hollow.pale-alert .button:focus, .button-group.hollow .button.pale-alert:hover, .button-group.hollow .button.pale-alert:focus {
border-color: rgb(184.5, 0, 17.296875);
color: rgb(184.5, 0, 17.296875);
}
.button-group.hollow.light-warning .button, .button-group.hollow.light-warning .button.disabled, .button-group.hollow.light-warning .button[disabled], .button-group.hollow.light-warning .button.disabled:hover, .button-group.hollow.light-warning .button[disabled]:hover, .button-group.hollow.light-warning .button.disabled:focus, .button-group.hollow.light-warning .button[disabled]:focus, .button-group.hollow .button.light-warning, .button-group.hollow .button.light-warning.disabled, .button-group.hollow .button.light-warning[disabled], .button-group.hollow .button.light-warning.disabled:hover, .button-group.hollow .button.light-warning[disabled]:hover, .button-group.hollow .button.light-warning.disabled:focus, .button-group.hollow .button.light-warning[disabled]:focus {
border: 1px solid rgb(255, 213.28125, 165);
color: rgb(255, 213.28125, 165);
}
.button-group.hollow.light-warning .button:hover, .button-group.hollow.light-warning .button:focus, .button-group.hollow .button.light-warning:hover, .button-group.hollow .button.light-warning:focus {
border-color: rgb(210, 112.65625, 0);
color: rgb(210, 112.65625, 0);
}
.button-group.hollow.pale-warning .button, .button-group.hollow.pale-warning .button.disabled, .button-group.hollow.pale-warning .button[disabled], .button-group.hollow.pale-warning .button.disabled:hover, .button-group.hollow.pale-warning .button[disabled]:hover, .button-group.hollow.pale-warning .button.disabled:focus, .button-group.hollow.pale-warning .button[disabled]:focus, .button-group.hollow .button.pale-warning, .button-group.hollow .button.pale-warning.disabled, .button-group.hollow .button.pale-warning[disabled], .button-group.hollow .button.pale-warning.disabled:hover, .button-group.hollow .button.pale-warning[disabled]:hover, .button-group.hollow .button.pale-warning.disabled:focus, .button-group.hollow .button.pale-warning[disabled]:focus {
border: 1px solid rgb(255, 189.640625, 114);
color: rgb(255, 189.640625, 114);
}
.button-group.hollow.pale-warning .button:hover, .button-group.hollow.pale-warning .button:focus, .button-group.hollow .button.pale-warning:hover, .button-group.hollow .button.pale-warning:focus {
border-color: rgb(184.5, 98.9765625, 0);
color: rgb(184.5, 98.9765625, 0);
}
.button-group.hollow.light-secondary .button, .button-group.hollow.light-secondary .button.disabled, .button-group.hollow.light-secondary .button[disabled], .button-group.hollow.light-secondary .button.disabled:hover, .button-group.hollow.light-secondary .button[disabled]:hover, .button-group.hollow.light-secondary .button.disabled:focus, .button-group.hollow.light-secondary .button[disabled]:focus, .button-group.hollow .button.light-secondary, .button-group.hollow .button.light-secondary.disabled, .button-group.hollow .button.light-secondary[disabled], .button-group.hollow .button.light-secondary.disabled:hover, .button-group.hollow .button.light-secondary[disabled]:hover, .button-group.hollow .button.light-secondary.disabled:focus, .button-group.hollow .button.light-secondary[disabled]:focus {
border: 1px solid rgb(212.3445945946, 225.3581081081, 244.1554054054);
color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.button-group.hollow.light-secondary .button:hover, .button-group.hollow.light-secondary .button:focus, .button-group.hollow .button.light-secondary:hover, .button-group.hollow .button.light-secondary:focus {
border-color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
}
.button-group.hollow.pale-secondary .button, .button-group.hollow.pale-secondary .button.disabled, .button-group.hollow.pale-secondary .button[disabled], .button-group.hollow.pale-secondary .button.disabled:hover, .button-group.hollow.pale-secondary .button[disabled]:hover, .button-group.hollow.pale-secondary .button.disabled:focus, .button-group.hollow.pale-secondary .button[disabled]:focus, .button-group.hollow .button.pale-secondary, .button-group.hollow .button.pale-secondary.disabled, .button-group.hollow .button.pale-secondary[disabled], .button-group.hollow .button.pale-secondary.disabled:hover, .button-group.hollow .button.pale-secondary[disabled]:hover, .button-group.hollow .button.pale-secondary.disabled:focus, .button-group.hollow .button.pale-secondary[disabled]:focus {
border: 1px solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button-group.hollow.pale-secondary .button:hover, .button-group.hollow.pale-secondary .button:focus, .button-group.hollow .button.pale-secondary:hover, .button-group.hollow .button.pale-secondary:focus {
border-color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button-group.hollow.info .button, .button-group.hollow.info .button.disabled, .button-group.hollow.info .button[disabled], .button-group.hollow.info .button.disabled:hover, .button-group.hollow.info .button[disabled]:hover, .button-group.hollow.info .button.disabled:focus, .button-group.hollow.info .button[disabled]:focus, .button-group.hollow .button.info, .button-group.hollow .button.info.disabled, .button-group.hollow .button.info[disabled], .button-group.hollow .button.info.disabled:hover, .button-group.hollow .button.info[disabled]:hover, .button-group.hollow .button.info.disabled:focus, .button-group.hollow .button.info[disabled]:focus {
border: 1px solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button-group.hollow.info .button:hover, .button-group.hollow.info .button:focus, .button-group.hollow .button.info:hover, .button-group.hollow .button.info:focus {
border-color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button-group.hollow.light-primary .button, .button-group.hollow.light-primary .button.disabled, .button-group.hollow.light-primary .button[disabled], .button-group.hollow.light-primary .button.disabled:hover, .button-group.hollow.light-primary .button[disabled]:hover, .button-group.hollow.light-primary .button.disabled:focus, .button-group.hollow.light-primary .button[disabled]:focus, .button-group.hollow .button.light-primary, .button-group.hollow .button.light-primary.disabled, .button-group.hollow .button.light-primary[disabled], .button-group.hollow .button.light-primary.disabled:hover, .button-group.hollow .button.light-primary[disabled]:hover, .button-group.hollow .button.light-primary.disabled:focus, .button-group.hollow .button.light-primary[disabled]:focus {
border: 1px solid rgb(252.223880597, 253.5970149254, 254.776119403);
color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.button-group.hollow.light-primary .button:hover, .button-group.hollow.light-primary .button:focus, .button-group.hollow .button.light-primary:hover, .button-group.hollow .button.light-primary:focus {
border-color: rgb(18.9179104478, 134.947761194, 234.5820895522);
color: rgb(18.9179104478, 134.947761194, 234.5820895522);
}
.button-group.hollow.pale-primary .button, .button-group.hollow.pale-primary .button.disabled, .button-group.hollow.pale-primary .button[disabled], .button-group.hollow.pale-primary .button.disabled:hover, .button-group.hollow.pale-primary .button[disabled]:hover, .button-group.hollow.pale-primary .button.disabled:focus, .button-group.hollow.pale-primary .button[disabled]:focus, .button-group.hollow .button.pale-primary, .button-group.hollow .button.pale-primary.disabled, .button-group.hollow .button.pale-primary[disabled], .button-group.hollow .button.pale-primary.disabled:hover, .button-group.hollow .button.pale-primary[disabled]:hover, .button-group.hollow .button.pale-primary.disabled:focus, .button-group.hollow .button.pale-primary[disabled]:focus {
border: 1px solid rgb(63.447761194, 158.1940298507, 239.552238806);
color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.button-group.hollow.pale-primary .button:hover, .button-group.hollow.pale-primary .button:focus, .button-group.hollow .button.pale-primary:hover, .button-group.hollow .button.pale-primary:focus {
border-color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
}
.button-group.hollow.pale-magenta .button, .button-group.hollow.pale-magenta .button.disabled, .button-group.hollow.pale-magenta .button[disabled], .button-group.hollow.pale-magenta .button.disabled:hover, .button-group.hollow.pale-magenta .button[disabled]:hover, .button-group.hollow.pale-magenta .button.disabled:focus, .button-group.hollow.pale-magenta .button[disabled]:focus, .button-group.hollow .button.pale-magenta, .button-group.hollow .button.pale-magenta.disabled, .button-group.hollow .button.pale-magenta[disabled], .button-group.hollow .button.pale-magenta.disabled:hover, .button-group.hollow .button.pale-magenta[disabled]:hover, .button-group.hollow .button.pale-magenta.disabled:focus, .button-group.hollow .button.pale-magenta[disabled]:focus {
border: 1px solid rgb(254.418972332, 206, 255);
color: rgb(254.418972332, 206, 255);
}
.button-group.hollow.pale-magenta .button:hover, .button-group.hollow.pale-magenta .button:focus, .button-group.hollow .button.pale-magenta:hover, .button-group.hollow .button.pale-magenta:focus {
border-color: rgb(227.766798419, 0, 230.5);
color: rgb(227.766798419, 0, 230.5);
}
.button-group.hollow.pale-teal .button, .button-group.hollow.pale-teal .button.disabled, .button-group.hollow.pale-teal .button[disabled], .button-group.hollow.pale-teal .button.disabled:hover, .button-group.hollow.pale-teal .button[disabled]:hover, .button-group.hollow.pale-teal .button.disabled:focus, .button-group.hollow.pale-teal .button[disabled]:focus, .button-group.hollow .button.pale-teal, .button-group.hollow .button.pale-teal.disabled, .button-group.hollow .button.pale-teal[disabled], .button-group.hollow .button.pale-teal.disabled:hover, .button-group.hollow .button.pale-teal[disabled]:hover, .button-group.hollow .button.pale-teal.disabled:focus, .button-group.hollow .button.pale-teal[disabled]:focus {
border: 1px solid rgb(50.6818181818, 227.3181818182, 223.3636363636);
color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.button-group.hollow.pale-teal .button:hover, .button-group.hollow.pale-teal .button:focus, .button-group.hollow .button.pale-teal:hover, .button-group.hollow .button.pale-teal:focus {
border-color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
}
.button-group.hollow.light-gray .button, .button-group.hollow.light-gray .button.disabled, .button-group.hollow.light-gray .button[disabled], .button-group.hollow.light-gray .button.disabled:hover, .button-group.hollow.light-gray .button[disabled]:hover, .button-group.hollow.light-gray .button.disabled:focus, .button-group.hollow.light-gray .button[disabled]:focus, .button-group.hollow .button.light-gray, .button-group.hollow .button.light-gray.disabled, .button-group.hollow .button.light-gray[disabled], .button-group.hollow .button.light-gray.disabled:hover, .button-group.hollow .button.light-gray[disabled]:hover, .button-group.hollow .button.light-gray.disabled:focus, .button-group.hollow .button.light-gray[disabled]:focus {
border: 1px solid rgb(225.25, 225.25, 225.25);
color: rgb(225.25, 225.25, 225.25);
}
.button-group.hollow.light-gray .button:hover, .button-group.hollow.light-gray .button:focus, .button-group.hollow .button.light-gray:hover, .button-group.hollow .button.light-gray:focus {
border-color: rgb(112.625, 112.625, 112.625);
color: rgb(112.625, 112.625, 112.625);
}
.button-group.hollow.lighter-gray .button, .button-group.hollow.lighter-gray .button.disabled, .button-group.hollow.lighter-gray .button[disabled], .button-group.hollow.lighter-gray .button.disabled:hover, .button-group.hollow.lighter-gray .button[disabled]:hover, .button-group.hollow.lighter-gray .button.disabled:focus, .button-group.hollow.lighter-gray .button[disabled]:focus, .button-group.hollow .button.lighter-gray, .button-group.hollow .button.lighter-gray.disabled, .button-group.hollow .button.lighter-gray[disabled], .button-group.hollow .button.lighter-gray.disabled:hover, .button-group.hollow .button.lighter-gray[disabled]:hover, .button-group.hollow .button.lighter-gray.disabled:focus, .button-group.hollow .button.lighter-gray[disabled]:focus {
border: 1px solid #eeeeee;
color: #eeeeee;
}
.button-group.hollow.lighter-gray .button:hover, .button-group.hollow.lighter-gray .button:focus, .button-group.hollow .button.lighter-gray:hover, .button-group.hollow .button.lighter-gray:focus {
border-color: #777777;
color: #777777;
}
.button-group.hollow.medium-gray .button, .button-group.hollow.medium-gray .button.disabled, .button-group.hollow.medium-gray .button[disabled], .button-group.hollow.medium-gray .button.disabled:hover, .button-group.hollow.medium-gray .button[disabled]:hover, .button-group.hollow.medium-gray .button.disabled:focus, .button-group.hollow.medium-gray .button[disabled]:focus, .button-group.hollow .button.medium-gray, .button-group.hollow .button.medium-gray.disabled, .button-group.hollow .button.medium-gray[disabled], .button-group.hollow .button.medium-gray.disabled:hover, .button-group.hollow .button.medium-gray[disabled]:hover, .button-group.hollow .button.medium-gray.disabled:focus, .button-group.hollow .button.medium-gray[disabled]:focus {
border: 1px solid #bbbbbb;
color: #bbbbbb;
}
.button-group.hollow.medium-gray .button:hover, .button-group.hollow.medium-gray .button:focus, .button-group.hollow .button.medium-gray:hover, .button-group.hollow .button.medium-gray:focus {
border-color: rgb(93.5, 93.5, 93.5);
color: rgb(93.5, 93.5, 93.5);
}
.button-group.hollow.gray .button, .button-group.hollow.gray .button.disabled, .button-group.hollow.gray .button[disabled], .button-group.hollow.gray .button.disabled:hover, .button-group.hollow.gray .button[disabled]:hover, .button-group.hollow.gray .button.disabled:focus, .button-group.hollow.gray .button[disabled]:focus, .button-group.hollow .button.gray, .button-group.hollow .button.gray.disabled, .button-group.hollow .button.gray[disabled], .button-group.hollow .button.gray.disabled:hover, .button-group.hollow .button.gray[disabled]:hover, .button-group.hollow .button.gray.disabled:focus, .button-group.hollow .button.gray[disabled]:focus {
border: 1px solid rgb(148.75, 148.75, 148.75);
color: rgb(148.75, 148.75, 148.75);
}
.button-group.hollow.gray .button:hover, .button-group.hollow.gray .button:focus, .button-group.hollow .button.gray:hover, .button-group.hollow .button.gray:focus {
border-color: rgb(74.375, 74.375, 74.375);
color: rgb(74.375, 74.375, 74.375);
}
.button-group.hollow.dark-gray .button, .button-group.hollow.dark-gray .button.disabled, .button-group.hollow.dark-gray .button[disabled], .button-group.hollow.dark-gray .button.disabled:hover, .button-group.hollow.dark-gray .button[disabled]:hover, .button-group.hollow.dark-gray .button.disabled:focus, .button-group.hollow.dark-gray .button[disabled]:focus, .button-group.hollow .button.dark-gray, .button-group.hollow .button.dark-gray.disabled, .button-group.hollow .button.dark-gray[disabled], .button-group.hollow .button.dark-gray.disabled:hover, .button-group.hollow .button.dark-gray[disabled]:hover, .button-group.hollow .button.dark-gray.disabled:focus, .button-group.hollow .button.dark-gray[disabled]:focus {
border: 1px solid #555555;
color: #555555;
}
.button-group.hollow.dark-gray .button:hover, .button-group.hollow.dark-gray .button:focus, .button-group.hollow .button.dark-gray:hover, .button-group.hollow .button.dark-gray:focus {
border-color: rgb(42.5, 42.5, 42.5);
color: rgb(42.5, 42.5, 42.5);
}
.button-group.hollow.black .button, .button-group.hollow.black .button.disabled, .button-group.hollow.black .button[disabled], .button-group.hollow.black .button.disabled:hover, .button-group.hollow.black .button[disabled]:hover, .button-group.hollow.black .button.disabled:focus, .button-group.hollow.black .button[disabled]:focus, .button-group.hollow .button.black, .button-group.hollow .button.black.disabled, .button-group.hollow .button.black[disabled], .button-group.hollow .button.black.disabled:hover, .button-group.hollow .button.black[disabled]:hover, .button-group.hollow .button.black.disabled:focus, .button-group.hollow .button.black[disabled]:focus {
border: 1px solid #0a0a0a;
color: #0a0a0a;
}
.button-group.hollow.black .button:hover, .button-group.hollow.black .button:focus, .button-group.hollow .button.black:hover, .button-group.hollow .button.black:focus {
border-color: #050505;
color: #050505;
}
.button-group.hollow.white .button, .button-group.hollow.white .button.disabled, .button-group.hollow.white .button[disabled], .button-group.hollow.white .button.disabled:hover, .button-group.hollow.white .button[disabled]:hover, .button-group.hollow.white .button.disabled:focus, .button-group.hollow.white .button[disabled]:focus, .button-group.hollow .button.white, .button-group.hollow .button.white.disabled, .button-group.hollow .button.white[disabled], .button-group.hollow .button.white.disabled:hover, .button-group.hollow .button.white[disabled]:hover, .button-group.hollow .button.white.disabled:focus, .button-group.hollow .button.white[disabled]:focus {
border: 1px solid #fefefe;
color: #fefefe;
}
.button-group.hollow.white .button:hover, .button-group.hollow.white .button:focus, .button-group.hollow .button.white:hover, .button-group.hollow .button.white:focus {
border-color: #7f7f7f;
color: #7f7f7f;
}
.button-group.hollow.lime .button, .button-group.hollow.lime .button.disabled, .button-group.hollow.lime .button[disabled], .button-group.hollow.lime .button.disabled:hover, .button-group.hollow.lime .button[disabled]:hover, .button-group.hollow.lime .button.disabled:focus, .button-group.hollow.lime .button[disabled]:focus, .button-group.hollow .button.lime, .button-group.hollow .button.lime.disabled, .button-group.hollow .button.lime[disabled], .button-group.hollow .button.lime.disabled:hover, .button-group.hollow .button.lime[disabled]:hover, .button-group.hollow .button.lime.disabled:focus, .button-group.hollow .button.lime[disabled]:focus {
border: 1px solid #cfde00;
color: #cfde00;
}
.button-group.hollow.lime .button:hover, .button-group.hollow.lime .button:focus, .button-group.hollow .button.lime:hover, .button-group.hollow .button.lime:focus {
border-color: rgb(103.5, 111, 0);
color: rgb(103.5, 111, 0);
}
.button-group.hollow.teal .button, .button-group.hollow.teal .button.disabled, .button-group.hollow.teal .button[disabled], .button-group.hollow.teal .button.disabled:hover, .button-group.hollow.teal .button[disabled]:hover, .button-group.hollow.teal .button.disabled:focus, .button-group.hollow.teal .button[disabled]:focus, .button-group.hollow .button.teal, .button-group.hollow .button.teal.disabled, .button-group.hollow .button.teal[disabled], .button-group.hollow .button.teal.disabled:hover, .button-group.hollow .button.teal[disabled]:hover, .button-group.hollow .button.teal.disabled:focus, .button-group.hollow .button.teal[disabled]:focus {
border: 1px solid #159B98;
color: #159B98;
}
.button-group.hollow.teal .button:hover, .button-group.hollow.teal .button:focus, .button-group.hollow .button.teal:hover, .button-group.hollow .button.teal:focus {
border-color: rgb(10.5, 77.5, 76);
color: rgb(10.5, 77.5, 76);
}
.button-group.hollow.magenta .button, .button-group.hollow.magenta .button.disabled, .button-group.hollow.magenta .button[disabled], .button-group.hollow.magenta .button.disabled:hover, .button-group.hollow.magenta .button[disabled]:hover, .button-group.hollow.magenta .button.disabled:focus, .button-group.hollow.magenta .button[disabled]:focus, .button-group.hollow .button.magenta, .button-group.hollow .button.magenta.disabled, .button-group.hollow .button.magenta[disabled], .button-group.hollow .button.magenta.disabled:hover, .button-group.hollow .button.magenta[disabled]:hover, .button-group.hollow .button.magenta.disabled:focus, .button-group.hollow .button.magenta[disabled]:focus {
border: 1px solid #FC02FF;
color: #FC02FF;
}
.button-group.hollow.magenta .button:hover, .button-group.hollow.magenta .button:focus, .button-group.hollow .button.magenta:hover, .button-group.hollow .button.magenta:focus {
border-color: rgb(126.976284585, 0, 128.5);
color: rgb(126.976284585, 0, 128.5);
}
.button-group.hollow.ph .button, .button-group.hollow.ph .button.disabled, .button-group.hollow.ph .button[disabled], .button-group.hollow.ph .button.disabled:hover, .button-group.hollow.ph .button[disabled]:hover, .button-group.hollow.ph .button.disabled:focus, .button-group.hollow.ph .button[disabled]:focus, .button-group.hollow .button.ph, .button-group.hollow .button.ph.disabled, .button-group.hollow .button.ph[disabled], .button-group.hollow .button.ph.disabled:hover, .button-group.hollow .button.ph[disabled]:hover, .button-group.hollow .button.ph.disabled:focus, .button-group.hollow .button.ph[disabled]:focus {
border: 1px solid #0F6BBA;
color: #0F6BBA;
}
.button-group.hollow.ph .button:hover, .button-group.hollow.ph .button:focus, .button-group.hollow .button.ph:hover, .button-group.hollow .button.ph:focus {
border-color: rgb(7.5, 53.5, 93);
color: rgb(7.5, 53.5, 93);
}
.button-group.hollow.light-ph .button, .button-group.hollow.light-ph .button.disabled, .button-group.hollow.light-ph .button[disabled], .button-group.hollow.light-ph .button.disabled:hover, .button-group.hollow.light-ph .button[disabled]:hover, .button-group.hollow.light-ph .button.disabled:focus, .button-group.hollow.light-ph .button[disabled]:focus, .button-group.hollow .button.light-ph, .button-group.hollow .button.light-ph.disabled, .button-group.hollow .button.light-ph[disabled], .button-group.hollow .button.light-ph.disabled:hover, .button-group.hollow .button.light-ph[disabled]:hover, .button-group.hollow .button.light-ph.disabled:focus, .button-group.hollow .button.light-ph[disabled]:focus {
border: 1px solid rgb(228.6268656716, 241.671641791, 252.8731343284);
color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.button-group.hollow.light-ph .button:hover, .button-group.hollow.light-ph .button:focus, .button-group.hollow .button.light-ph:hover, .button-group.hollow .button.light-ph:focus {
border-color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
}
.button-group.hollow.pale-ph .button, .button-group.hollow.pale-ph .button.disabled, .button-group.hollow.pale-ph .button[disabled], .button-group.hollow.pale-ph .button.disabled:hover, .button-group.hollow.pale-ph .button[disabled]:hover, .button-group.hollow.pale-ph .button.disabled:focus, .button-group.hollow.pale-ph .button[disabled]:focus, .button-group.hollow .button.pale-ph, .button-group.hollow .button.pale-ph.disabled, .button-group.hollow .button.pale-ph[disabled], .button-group.hollow .button.pale-ph.disabled:hover, .button-group.hollow .button.pale-ph[disabled]:hover, .button-group.hollow .button.pale-ph.disabled:focus, .button-group.hollow .button.pale-ph[disabled]:focus {
border: 1px solid rgb(181.4328358209, 217.8208955224, 249.0671641791);
color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.button-group.hollow.pale-ph .button:hover, .button-group.hollow.pale-ph .button:focus, .button-group.hollow .button.pale-ph:hover, .button-group.hollow .button.pale-ph:focus {
border-color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
border-color: transparent;
background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #0F6BBA;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
color: rgb(7.5, 53.5, 93);
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #0F6BBA;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: rgb(7.5, 53.5, 93);
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #0F213B;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
color: rgb(7.5, 16.5, 29.5);
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
color: #3FFF69;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
color: rgb(0, 159, 34.78125);
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
color: #FFA63F;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
color: rgb(159, 85.296875, 0);
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
color: #FF3F51;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
color: rgb(159, 0, 14.90625);
}
.button-group.clear.light-alert .button, .button-group.clear.light-alert .button.disabled, .button-group.clear.light-alert .button[disabled], .button-group.clear.light-alert .button.disabled:hover, .button-group.clear.light-alert .button[disabled]:hover, .button-group.clear.light-alert .button.disabled:focus, .button-group.clear.light-alert .button[disabled]:focus, .button-group.clear .button.light-alert, .button-group.clear .button.light-alert.disabled, .button-group.clear .button.light-alert[disabled], .button-group.clear .button.light-alert.disabled:hover, .button-group.clear .button.light-alert[disabled]:hover, .button-group.clear .button.light-alert.disabled:focus, .button-group.clear .button.light-alert[disabled]:focus {
color: rgb(255, 216, 219.65625);
}
.button-group.clear.light-alert .button:hover, .button-group.clear.light-alert .button:focus, .button-group.clear .button.light-alert:hover, .button-group.clear .button.light-alert:focus {
color: rgb(235.5, 0, 22.078125);
}
.button-group.clear.pale-alert .button, .button-group.clear.pale-alert .button.disabled, .button-group.clear.pale-alert .button[disabled], .button-group.clear.pale-alert .button.disabled:hover, .button-group.clear.pale-alert .button[disabled]:hover, .button-group.clear.pale-alert .button.disabled:focus, .button-group.clear.pale-alert .button[disabled]:focus, .button-group.clear .button.pale-alert, .button-group.clear .button.pale-alert.disabled, .button-group.clear .button.pale-alert[disabled], .button-group.clear .button.pale-alert.disabled:hover, .button-group.clear .button.pale-alert[disabled]:hover, .button-group.clear .button.pale-alert.disabled:focus, .button-group.clear .button.pale-alert[disabled]:focus {
color: rgb(255, 114, 127.21875);
}
.button-group.clear.pale-alert .button:hover, .button-group.clear.pale-alert .button:focus, .button-group.clear .button.pale-alert:hover, .button-group.clear .button.pale-alert:focus {
color: rgb(184.5, 0, 17.296875);
}
.button-group.clear.light-warning .button, .button-group.clear.light-warning .button.disabled, .button-group.clear.light-warning .button[disabled], .button-group.clear.light-warning .button.disabled:hover, .button-group.clear.light-warning .button[disabled]:hover, .button-group.clear.light-warning .button.disabled:focus, .button-group.clear.light-warning .button[disabled]:focus, .button-group.clear .button.light-warning, .button-group.clear .button.light-warning.disabled, .button-group.clear .button.light-warning[disabled], .button-group.clear .button.light-warning.disabled:hover, .button-group.clear .button.light-warning[disabled]:hover, .button-group.clear .button.light-warning.disabled:focus, .button-group.clear .button.light-warning[disabled]:focus {
color: rgb(255, 213.28125, 165);
}
.button-group.clear.light-warning .button:hover, .button-group.clear.light-warning .button:focus, .button-group.clear .button.light-warning:hover, .button-group.clear .button.light-warning:focus {
color: rgb(210, 112.65625, 0);
}
.button-group.clear.pale-warning .button, .button-group.clear.pale-warning .button.disabled, .button-group.clear.pale-warning .button[disabled], .button-group.clear.pale-warning .button.disabled:hover, .button-group.clear.pale-warning .button[disabled]:hover, .button-group.clear.pale-warning .button.disabled:focus, .button-group.clear.pale-warning .button[disabled]:focus, .button-group.clear .button.pale-warning, .button-group.clear .button.pale-warning.disabled, .button-group.clear .button.pale-warning[disabled], .button-group.clear .button.pale-warning.disabled:hover, .button-group.clear .button.pale-warning[disabled]:hover, .button-group.clear .button.pale-warning.disabled:focus, .button-group.clear .button.pale-warning[disabled]:focus {
color: rgb(255, 189.640625, 114);
}
.button-group.clear.pale-warning .button:hover, .button-group.clear.pale-warning .button:focus, .button-group.clear .button.pale-warning:hover, .button-group.clear .button.pale-warning:focus {
color: rgb(184.5, 98.9765625, 0);
}
.button-group.clear.light-secondary .button, .button-group.clear.light-secondary .button.disabled, .button-group.clear.light-secondary .button[disabled], .button-group.clear.light-secondary .button.disabled:hover, .button-group.clear.light-secondary .button[disabled]:hover, .button-group.clear.light-secondary .button.disabled:focus, .button-group.clear.light-secondary .button[disabled]:focus, .button-group.clear .button.light-secondary, .button-group.clear .button.light-secondary.disabled, .button-group.clear .button.light-secondary[disabled], .button-group.clear .button.light-secondary.disabled:hover, .button-group.clear .button.light-secondary[disabled]:hover, .button-group.clear .button.light-secondary.disabled:focus, .button-group.clear .button.light-secondary[disabled]:focus {
color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.button-group.clear.light-secondary .button:hover, .button-group.clear.light-secondary .button:focus, .button-group.clear .button.light-secondary:hover, .button-group.clear .button.light-secondary:focus {
color: rgb(46.2668918919, 101.7871621622, 181.9831081081);
}
.button-group.clear.pale-secondary .button, .button-group.clear.pale-secondary .button.disabled, .button-group.clear.pale-secondary .button[disabled], .button-group.clear.pale-secondary .button.disabled:hover, .button-group.clear.pale-secondary .button[disabled]:hover, .button-group.clear.pale-secondary .button.disabled:focus, .button-group.clear.pale-secondary .button[disabled]:focus, .button-group.clear .button.pale-secondary, .button-group.clear .button.pale-secondary.disabled, .button-group.clear .button.pale-secondary[disabled], .button-group.clear .button.pale-secondary.disabled:hover, .button-group.clear .button.pale-secondary[disabled]:hover, .button-group.clear .button.pale-secondary.disabled:focus, .button-group.clear .button.pale-secondary[disabled]:focus {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button-group.clear.pale-secondary .button:hover, .button-group.clear.pale-secondary .button:focus, .button-group.clear .button.pale-secondary:hover, .button-group.clear .button.pale-secondary:focus {
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button-group.clear.info .button, .button-group.clear.info .button.disabled, .button-group.clear.info .button[disabled], .button-group.clear.info .button.disabled:hover, .button-group.clear.info .button[disabled]:hover, .button-group.clear.info .button.disabled:focus, .button-group.clear.info .button[disabled]:focus, .button-group.clear .button.info, .button-group.clear .button.info.disabled, .button-group.clear .button.info[disabled], .button-group.clear .button.info.disabled:hover, .button-group.clear .button.info[disabled]:hover, .button-group.clear .button.info.disabled:focus, .button-group.clear .button.info[disabled]:focus {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.button-group.clear.info .button:hover, .button-group.clear.info .button:focus, .button-group.clear .button.info:hover, .button-group.clear .button.info:focus {
color: rgb(33.3445945946, 73.3581081081, 131.1554054054);
}
.button-group.clear.light-primary .button, .button-group.clear.light-primary .button.disabled, .button-group.clear.light-primary .button[disabled], .button-group.clear.light-primary .button.disabled:hover, .button-group.clear.light-primary .button[disabled]:hover, .button-group.clear.light-primary .button.disabled:focus, .button-group.clear.light-primary .button[disabled]:focus, .button-group.clear .button.light-primary, .button-group.clear .button.light-primary.disabled, .button-group.clear .button.light-primary[disabled], .button-group.clear .button.light-primary.disabled:hover, .button-group.clear .button.light-primary[disabled]:hover, .button-group.clear .button.light-primary.disabled:focus, .button-group.clear .button.light-primary[disabled]:focus {
color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.button-group.clear.light-primary .button:hover, .button-group.clear.light-primary .button:focus, .button-group.clear .button.light-primary:hover, .button-group.clear .button.light-primary:focus {
color: rgb(18.9179104478, 134.947761194, 234.5820895522);
}
.button-group.clear.pale-primary .button, .button-group.clear.pale-primary .button.disabled, .button-group.clear.pale-primary .button[disabled], .button-group.clear.pale-primary .button.disabled:hover, .button-group.clear.pale-primary .button[disabled]:hover, .button-group.clear.pale-primary .button.disabled:focus, .button-group.clear.pale-primary .button[disabled]:focus, .button-group.clear .button.pale-primary, .button-group.clear .button.pale-primary.disabled, .button-group.clear .button.pale-primary[disabled], .button-group.clear .button.pale-primary.disabled:hover, .button-group.clear .button.pale-primary[disabled]:hover, .button-group.clear .button.pale-primary.disabled:focus, .button-group.clear .button.pale-primary[disabled]:focus {
color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.button-group.clear.pale-primary .button:hover, .button-group.clear.pale-primary .button:focus, .button-group.clear .button.pale-primary:hover, .button-group.clear .button.pale-primary:focus {
color: rgb(11.3059701493, 80.6492537313, 140.1940298507);
}
.button-group.clear.pale-magenta .button, .button-group.clear.pale-magenta .button.disabled, .button-group.clear.pale-magenta .button[disabled], .button-group.clear.pale-magenta .button.disabled:hover, .button-group.clear.pale-magenta .button[disabled]:hover, .button-group.clear.pale-magenta .button.disabled:focus, .button-group.clear.pale-magenta .button[disabled]:focus, .button-group.clear .button.pale-magenta, .button-group.clear .button.pale-magenta.disabled, .button-group.clear .button.pale-magenta[disabled], .button-group.clear .button.pale-magenta.disabled:hover, .button-group.clear .button.pale-magenta[disabled]:hover, .button-group.clear .button.pale-magenta.disabled:focus, .button-group.clear .button.pale-magenta[disabled]:focus {
color: rgb(254.418972332, 206, 255);
}
.button-group.clear.pale-magenta .button:hover, .button-group.clear.pale-magenta .button:focus, .button-group.clear .button.pale-magenta:hover, .button-group.clear .button.pale-magenta:focus {
color: rgb(227.766798419, 0, 230.5);
}
.button-group.clear.pale-teal .button, .button-group.clear.pale-teal .button.disabled, .button-group.clear.pale-teal .button[disabled], .button-group.clear.pale-teal .button.disabled:hover, .button-group.clear.pale-teal .button[disabled]:hover, .button-group.clear.pale-teal .button.disabled:focus, .button-group.clear.pale-teal .button[disabled]:focus, .button-group.clear .button.pale-teal, .button-group.clear .button.pale-teal.disabled, .button-group.clear .button.pale-teal[disabled], .button-group.clear .button.pale-teal.disabled:hover, .button-group.clear .button.pale-teal[disabled]:hover, .button-group.clear .button.pale-teal.disabled:focus, .button-group.clear .button.pale-teal[disabled]:focus {
color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.button-group.clear.pale-teal .button:hover, .button-group.clear.pale-teal .button:focus, .button-group.clear .button.pale-teal:hover, .button-group.clear .button.pale-teal:focus {
color: rgb(16.5852272727, 122.4147727273, 120.0454545455);
}
.button-group.clear.light-gray .button, .button-group.clear.light-gray .button.disabled, .button-group.clear.light-gray .button[disabled], .button-group.clear.light-gray .button.disabled:hover, .button-group.clear.light-gray .button[disabled]:hover, .button-group.clear.light-gray .button.disabled:focus, .button-group.clear.light-gray .button[disabled]:focus, .button-group.clear .button.light-gray, .button-group.clear .button.light-gray.disabled, .button-group.clear .button.light-gray[disabled], .button-group.clear .button.light-gray.disabled:hover, .button-group.clear .button.light-gray[disabled]:hover, .button-group.clear .button.light-gray.disabled:focus, .button-group.clear .button.light-gray[disabled]:focus {
color: rgb(225.25, 225.25, 225.25);
}
.button-group.clear.light-gray .button:hover, .button-group.clear.light-gray .button:focus, .button-group.clear .button.light-gray:hover, .button-group.clear .button.light-gray:focus {
color: rgb(112.625, 112.625, 112.625);
}
.button-group.clear.lighter-gray .button, .button-group.clear.lighter-gray .button.disabled, .button-group.clear.lighter-gray .button[disabled], .button-group.clear.lighter-gray .button.disabled:hover, .button-group.clear.lighter-gray .button[disabled]:hover, .button-group.clear.lighter-gray .button.disabled:focus, .button-group.clear.lighter-gray .button[disabled]:focus, .button-group.clear .button.lighter-gray, .button-group.clear .button.lighter-gray.disabled, .button-group.clear .button.lighter-gray[disabled], .button-group.clear .button.lighter-gray.disabled:hover, .button-group.clear .button.lighter-gray[disabled]:hover, .button-group.clear .button.lighter-gray.disabled:focus, .button-group.clear .button.lighter-gray[disabled]:focus {
color: #eeeeee;
}
.button-group.clear.lighter-gray .button:hover, .button-group.clear.lighter-gray .button:focus, .button-group.clear .button.lighter-gray:hover, .button-group.clear .button.lighter-gray:focus {
color: #777777;
}
.button-group.clear.medium-gray .button, .button-group.clear.medium-gray .button.disabled, .button-group.clear.medium-gray .button[disabled], .button-group.clear.medium-gray .button.disabled:hover, .button-group.clear.medium-gray .button[disabled]:hover, .button-group.clear.medium-gray .button.disabled:focus, .button-group.clear.medium-gray .button[disabled]:focus, .button-group.clear .button.medium-gray, .button-group.clear .button.medium-gray.disabled, .button-group.clear .button.medium-gray[disabled], .button-group.clear .button.medium-gray.disabled:hover, .button-group.clear .button.medium-gray[disabled]:hover, .button-group.clear .button.medium-gray.disabled:focus, .button-group.clear .button.medium-gray[disabled]:focus {
color: #bbbbbb;
}
.button-group.clear.medium-gray .button:hover, .button-group.clear.medium-gray .button:focus, .button-group.clear .button.medium-gray:hover, .button-group.clear .button.medium-gray:focus {
color: rgb(93.5, 93.5, 93.5);
}
.button-group.clear.gray .button, .button-group.clear.gray .button.disabled, .button-group.clear.gray .button[disabled], .button-group.clear.gray .button.disabled:hover, .button-group.clear.gray .button[disabled]:hover, .button-group.clear.gray .button.disabled:focus, .button-group.clear.gray .button[disabled]:focus, .button-group.clear .button.gray, .button-group.clear .button.gray.disabled, .button-group.clear .button.gray[disabled], .button-group.clear .button.gray.disabled:hover, .button-group.clear .button.gray[disabled]:hover, .button-group.clear .button.gray.disabled:focus, .button-group.clear .button.gray[disabled]:focus {
color: rgb(148.75, 148.75, 148.75);
}
.button-group.clear.gray .button:hover, .button-group.clear.gray .button:focus, .button-group.clear .button.gray:hover, .button-group.clear .button.gray:focus {
color: rgb(74.375, 74.375, 74.375);
}
.button-group.clear.dark-gray .button, .button-group.clear.dark-gray .button.disabled, .button-group.clear.dark-gray .button[disabled], .button-group.clear.dark-gray .button.disabled:hover, .button-group.clear.dark-gray .button[disabled]:hover, .button-group.clear.dark-gray .button.disabled:focus, .button-group.clear.dark-gray .button[disabled]:focus, .button-group.clear .button.dark-gray, .button-group.clear .button.dark-gray.disabled, .button-group.clear .button.dark-gray[disabled], .button-group.clear .button.dark-gray.disabled:hover, .button-group.clear .button.dark-gray[disabled]:hover, .button-group.clear .button.dark-gray.disabled:focus, .button-group.clear .button.dark-gray[disabled]:focus {
color: #555555;
}
.button-group.clear.dark-gray .button:hover, .button-group.clear.dark-gray .button:focus, .button-group.clear .button.dark-gray:hover, .button-group.clear .button.dark-gray:focus {
color: rgb(42.5, 42.5, 42.5);
}
.button-group.clear.black .button, .button-group.clear.black .button.disabled, .button-group.clear.black .button[disabled], .button-group.clear.black .button.disabled:hover, .button-group.clear.black .button[disabled]:hover, .button-group.clear.black .button.disabled:focus, .button-group.clear.black .button[disabled]:focus, .button-group.clear .button.black, .button-group.clear .button.black.disabled, .button-group.clear .button.black[disabled], .button-group.clear .button.black.disabled:hover, .button-group.clear .button.black[disabled]:hover, .button-group.clear .button.black.disabled:focus, .button-group.clear .button.black[disabled]:focus {
color: #0a0a0a;
}
.button-group.clear.black .button:hover, .button-group.clear.black .button:focus, .button-group.clear .button.black:hover, .button-group.clear .button.black:focus {
color: #050505;
}
.button-group.clear.white .button, .button-group.clear.white .button.disabled, .button-group.clear.white .button[disabled], .button-group.clear.white .button.disabled:hover, .button-group.clear.white .button[disabled]:hover, .button-group.clear.white .button.disabled:focus, .button-group.clear.white .button[disabled]:focus, .button-group.clear .button.white, .button-group.clear .button.white.disabled, .button-group.clear .button.white[disabled], .button-group.clear .button.white.disabled:hover, .button-group.clear .button.white[disabled]:hover, .button-group.clear .button.white.disabled:focus, .button-group.clear .button.white[disabled]:focus {
color: #fefefe;
}
.button-group.clear.white .button:hover, .button-group.clear.white .button:focus, .button-group.clear .button.white:hover, .button-group.clear .button.white:focus {
color: #7f7f7f;
}
.button-group.clear.lime .button, .button-group.clear.lime .button.disabled, .button-group.clear.lime .button[disabled], .button-group.clear.lime .button.disabled:hover, .button-group.clear.lime .button[disabled]:hover, .button-group.clear.lime .button.disabled:focus, .button-group.clear.lime .button[disabled]:focus, .button-group.clear .button.lime, .button-group.clear .button.lime.disabled, .button-group.clear .button.lime[disabled], .button-group.clear .button.lime.disabled:hover, .button-group.clear .button.lime[disabled]:hover, .button-group.clear .button.lime.disabled:focus, .button-group.clear .button.lime[disabled]:focus {
color: #cfde00;
}
.button-group.clear.lime .button:hover, .button-group.clear.lime .button:focus, .button-group.clear .button.lime:hover, .button-group.clear .button.lime:focus {
color: rgb(103.5, 111, 0);
}
.button-group.clear.teal .button, .button-group.clear.teal .button.disabled, .button-group.clear.teal .button[disabled], .button-group.clear.teal .button.disabled:hover, .button-group.clear.teal .button[disabled]:hover, .button-group.clear.teal .button.disabled:focus, .button-group.clear.teal .button[disabled]:focus, .button-group.clear .button.teal, .button-group.clear .button.teal.disabled, .button-group.clear .button.teal[disabled], .button-group.clear .button.teal.disabled:hover, .button-group.clear .button.teal[disabled]:hover, .button-group.clear .button.teal.disabled:focus, .button-group.clear .button.teal[disabled]:focus {
color: #159B98;
}
.button-group.clear.teal .button:hover, .button-group.clear.teal .button:focus, .button-group.clear .button.teal:hover, .button-group.clear .button.teal:focus {
color: rgb(10.5, 77.5, 76);
}
.button-group.clear.magenta .button, .button-group.clear.magenta .button.disabled, .button-group.clear.magenta .button[disabled], .button-group.clear.magenta .button.disabled:hover, .button-group.clear.magenta .button[disabled]:hover, .button-group.clear.magenta .button.disabled:focus, .button-group.clear.magenta .button[disabled]:focus, .button-group.clear .button.magenta, .button-group.clear .button.magenta.disabled, .button-group.clear .button.magenta[disabled], .button-group.clear .button.magenta.disabled:hover, .button-group.clear .button.magenta[disabled]:hover, .button-group.clear .button.magenta.disabled:focus, .button-group.clear .button.magenta[disabled]:focus {
color: #FC02FF;
}
.button-group.clear.magenta .button:hover, .button-group.clear.magenta .button:focus, .button-group.clear .button.magenta:hover, .button-group.clear .button.magenta:focus {
color: rgb(126.976284585, 0, 128.5);
}
.button-group.clear.ph .button, .button-group.clear.ph .button.disabled, .button-group.clear.ph .button[disabled], .button-group.clear.ph .button.disabled:hover, .button-group.clear.ph .button[disabled]:hover, .button-group.clear.ph .button.disabled:focus, .button-group.clear.ph .button[disabled]:focus, .button-group.clear .button.ph, .button-group.clear .button.ph.disabled, .button-group.clear .button.ph[disabled], .button-group.clear .button.ph.disabled:hover, .button-group.clear .button.ph[disabled]:hover, .button-group.clear .button.ph.disabled:focus, .button-group.clear .button.ph[disabled]:focus {
color: #0F6BBA;
}
.button-group.clear.ph .button:hover, .button-group.clear.ph .button:focus, .button-group.clear .button.ph:hover, .button-group.clear .button.ph:focus {
color: rgb(7.5, 53.5, 93);
}
.button-group.clear.light-ph .button, .button-group.clear.light-ph .button.disabled, .button-group.clear.light-ph .button[disabled], .button-group.clear.light-ph .button.disabled:hover, .button-group.clear.light-ph .button[disabled]:hover, .button-group.clear.light-ph .button.disabled:focus, .button-group.clear.light-ph .button[disabled]:focus, .button-group.clear .button.light-ph, .button-group.clear .button.light-ph.disabled, .button-group.clear .button.light-ph[disabled], .button-group.clear .button.light-ph.disabled:hover, .button-group.clear .button.light-ph[disabled]:hover, .button-group.clear .button.light-ph.disabled:focus, .button-group.clear .button.light-ph[disabled]:focus {
color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.button-group.clear.light-ph .button:hover, .button-group.clear.light-ph .button:focus, .button-group.clear .button.light-ph:hover, .button-group.clear .button.light-ph:focus {
color: rgb(17.9664179104, 128.1604477612, 222.7835820896);
}
.button-group.clear.pale-ph .button, .button-group.clear.pale-ph .button.disabled, .button-group.clear.pale-ph .button[disabled], .button-group.clear.pale-ph .button.disabled:hover, .button-group.clear.pale-ph .button[disabled]:hover, .button-group.clear.pale-ph .button.disabled:focus, .button-group.clear.pale-ph .button[disabled]:focus, .button-group.clear .button.pale-ph, .button-group.clear .button.pale-ph.disabled, .button-group.clear .button.pale-ph[disabled], .button-group.clear .button.pale-ph.disabled:hover, .button-group.clear .button.pale-ph[disabled]:hover, .button-group.clear .button.pale-ph.disabled:focus, .button-group.clear .button.pale-ph[disabled]:focus {
color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.button-group.clear.pale-ph .button:hover, .button-group.clear.pale-ph .button:focus, .button-group.clear .button.pale-ph:hover, .button-group.clear .button.pale-ph:focus {
color: rgb(16.0634328358, 114.5858208955, 199.1865671642);
}
.button-group.no-gaps .button {
margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
flex: 0 0 auto;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
flex: 0 0 auto;
margin-bottom: 0;
}
}
@media print, screen and (max-width: 39.99875em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
@media print, screen and (max-width: 63.99875em) {
.button-group.stacked-for-medium.expanded {
display: block;
}
.button-group.stacked-for-medium.expanded .button {
display: block;
margin-right: 0;
}
}
.close-button {
position: absolute;
z-index: 10;
color: #555555;
cursor: pointer;
}
[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #0a0a0a;
}
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1;
}
.close-button.medium, .close-button {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #0F6BBA;
color: #fefefe;
}
.label.primary {
background: #0F6BBA;
color: #fefefe;
}
.label.secondary {
background: #0F213B;
color: #fefefe;
}
.label.success {
background: #3FFF69;
color: #0a0a0a;
}
.label.warning {
background: #FFA63F;
color: #0a0a0a;
}
.label.alert {
background: #FF3F51;
color: #0a0a0a;
}
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #bbbbbb;
}
.progress.primary .progress-meter {
background-color: #0F6BBA;
}
.progress.secondary .progress-meter {
background-color: #0F213B;
}
.progress.success .progress-meter {
background-color: #3FFF69;
}
.progress.warning .progress-meter {
background-color: #FFA63F;
}
.progress.alert .progress-meter {
background-color: #FF3F51;
}
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #0F6BBA;
}
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fefefe;
white-space: nowrap;
}
.switch {
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #fefefe;
user-select: none;
height: 2rem;
}
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0;
}
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #bbbbbb;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #fefefe;
transition: all 0.25s ease-out;
content: "";
}
input:checked ~ .switch-paddle {
background: #0F6BBA;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
input:focus-visible ~ .switch-paddle {
background: rgb(168.3, 168.3, 168.3);
}
input:focus-visible ~ .switch-paddle::after {
background: #fefefe;
}
input:checked:focus-visible ~ .switch-paddle {
background: rgb(12.75, 90.95, 158.1);
}
input:disabled ~ .switch-paddle {
cursor: not-allowed;
opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-inactive, .switch-active {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny {
height: 1.5rem;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem;
}
.switch.small {
height: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem;
}
.switch.large {
height: 2.5rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem;
}
.callout {
background-color: rgb(254.85, 254.85, 254.85);
color: rgb(48.25, 48.25, 48.25);
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 0px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: rgb(212.1089552239, 233.323880597, 251.5410447761);
color: rgb(48.25, 48.25, 48.25);
}
.callout.secondary {
background-color: rgb(202.8567567568, 218.7648648649, 241.7432432432);
color: rgb(48.25, 48.25, 48.25);
}
.callout.success {
background-color: rgb(226.2, 255, 232.5);
color: rgb(48.25, 48.25, 48.25);
}
.callout.warning {
background-color: rgb(255, 241.65, 226.2);
color: rgb(48.25, 48.25, 48.25);
}
.callout.alert {
background-color: rgb(255, 226.2, 228.9);
color: rgb(48.25, 48.25, 48.25);
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.card {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1rem;
border: 1px solid #eeeeee;
border-radius: 0;
background: #fefefe;
box-shadow: none;
overflow: hidden;
color: rgb(48.25, 48.25, 48.25);
}
.card > :last-child {
margin-bottom: 0;
}
.card-divider {
display: flex;
flex: 0 1 auto;
padding: 1rem;
background: #eeeeee;
}
.card-divider > :last-child {
margin-bottom: 0;
}
.card-section {
flex: 1 0 auto;
padding: 1rem;
}
.card-section > :last-child {
margin-bottom: 0;
}
.card-image {
min-height: 1px;
}
.dropdown-pane {
position: absolute;
z-index: 10;
display: none;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
font-size: 1rem;
}
.dropdown-pane.is-opening {
display: block;
}
.dropdown-pane.is-open {
display: block;
visibility: visible;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.pagination {
margin-left: 0;
margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.pagination::after {
clear: both;
}
.pagination li {
margin-right: 0.0625rem;
border-radius: 0;
font-size: 0.875rem;
display: none;
}
.pagination li:last-child, .pagination li:first-child {
display: inline-block;
}
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block;
}
}
.pagination a,
.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
background: #eeeeee;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #0F6BBA;
color: #fefefe;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #bbbbbb;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: "…";
color: #0a0a0a;
}
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: "«";
}
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: "»";
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 0px #555555;
font-weight: 300;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 15rem;
padding: 0.75rem;
border-radius: 0;
background-color: hsl(215.4545454545, 159.4594594595%, 89.5098039216%);
font-size: 80%;
color: rgb(25.3378378378, 55.7432432432, 99.6621621622);
}
.tooltip::before {
position: absolute;
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-top-width: 0;
border-color: transparent transparent hsl(215.4545454545, 159.4594594595%, 89.5098039216%);
bottom: 100%;
}
.tooltip.bottom.align-center::before {
left: 50%;
transform: translateX(-50%);
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-bottom-width: 0;
border-color: hsl(215.4545454545, 159.4594594595%, 89.5098039216%) transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center::before {
left: 50%;
transform: translateX(-50%);
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent hsl(215.4545454545, 159.4594594595%, 89.5098039216%);
left: 100%;
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-left-width: 0;
border-color: transparent hsl(215.4545454545, 159.4594594595%, 89.5098039216%) transparent transparent;
right: 100%;
left: auto;
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.tooltip.align-top::before {
bottom: auto;
top: 10%;
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto;
}
.tooltip.align-left::before {
left: 10%;
right: auto;
}
.tooltip.align-right::before {
left: auto;
right: 10%;
}
.accordion {
margin-left: 0;
background: transparent;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0;
}
.accordion-title {
position: relative;
display: block;
padding: 0.75rem 1rem;
border: 1px solid transparent;
border-bottom: 0;
font-size: 1.125rem;
line-height: 1;
color: #555555;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid transparent;
border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
background-color: rgb(212.5, 212.5, 212.5);
}
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "▸";
}
.is-active > .accordion-title::before {
content: "▾";
}
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid transparent;
border-bottom: 0;
background-color: rgb(246.35, 246.35, 246.35);
color: rgb(48.25, 48.25, 48.25);
}
:last-child > .accordion-content:last-child {
border-bottom: 1px solid transparent;
}
.tabs {
margin: 0;
border: 1px solid transparent;
background: transparent;
list-style-type: none;
}
.tabs::before, .tabs::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.tabs::after {
clear: both;
}
.tabs.vertical > li {
display: block;
float: none;
width: auto;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: transparent;
}
.tabs.primary {
background: #0F6BBA;
}
.tabs.primary > li > a {
color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: rgb(16.1529850746, 115.2246268657, 200.2970149254);
}
.tabs-title {
float: left;
}
.tabs-title > a {
display: block;
padding: 1rem 1.5rem;
font-size: 1.125rem;
line-height: 1;
color: #555555;
}
[data-whatinput=mouse] .tabs-title > a {
outline: 0;
}
.tabs-title > a:hover {
background: rgb(212.5, 212.5, 212.5);
color: rgb(73.1, 73.1, 73.1);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: rgb(246.35, 246.35, 246.35);
color: #0F6BBA;
}
.tabs-content {
border: 1px solid transparent;
border-top: 0;
background: rgb(246.35, 246.35, 246.35);
color: rgb(48.25, 48.25, 48.25);
transition: all 0.5s ease;
}
.tabs-content.vertical {
border: 1px solid transparent;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 1rem;
}
.tabs-panel.is-active {
display: block;
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: 4px solid #fefefe;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
}
a.thumbnail {
transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(15, 107, 186, 0.5);
}
a.thumbnail image {
box-shadow: none;
}
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
outline: 0;
}
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu, .menu.horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
text-align: left;
}
.menu.expanded li {
flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
text-align: left;
}
.menu.simple {
align-items: center;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.medium-vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.medium-expanded li {
flex: 1 1 0px;
}
.menu.medium-simple li {
flex: 1 1 0px;
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.large-vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.large-expanded li {
flex: 1 1 0px;
}
.menu.large-simple li {
flex: 1 1 0px;
}
}
.menu.nested {
margin-right: 0;
margin-left: 1rem;
}
.menu.icons a {
display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu .is-active > a {
background: #0F6BBA;
color: #fefefe;
}
.menu .active > a {
background: #0F6BBA;
color: #fefefe;
}
.menu.align-left {
justify-content: flex-start;
}
.menu.align-right li {
display: flex;
justify-content: flex-end;
}
.menu.align-right li .submenu li {
justify-content: flex-start;
}
.menu.align-right.vertical li {
display: block;
text-align: right;
}
.menu.align-right.vertical li .submenu li {
text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
text-align: right;
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0;
}
.menu.align-center li {
display: flex;
justify-content: center;
}
.menu.align-center li .submenu li {
justify-content: flex-start;
}
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit;
}
.menu-centered > .menu {
justify-content: center;
}
.menu-centered > .menu li {
display: flex;
justify-content: center;
}
.menu-centered > .menu li .submenu li {
justify-content: flex-start;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
content: "";
}
.menu-icon:hover::after {
background: #bbbbbb;
box-shadow: 0 7px 0 #bbbbbb, 0 14px 0 #bbbbbb;
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
}
.menu-icon.dark:hover::after {
background: #555555;
box-shadow: 0 7px 0 #555555, 0 14px 0 #555555;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu a {
padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #0F6BBA transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
right: 1rem;
left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
transform: rotate(180deg);
transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
}
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #0F6BBA transparent transparent;
top: 0;
bottom: 0;
margin: auto;
}
.submenu-toggle[aria-expanded=true]::after {
transform: scaleY(-1);
transform-origin: 50% 50%;
}
.submenu-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block;
}
.is-drilldown.animate-height {
transition: height 0.5s;
}
.drilldown a {
padding: 0.7rem 1rem;
background: #fefefe;
}
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
right: 1rem;
left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
right: auto;
left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #0F6BBA transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
outline: 0;
}
.dropdown.menu > li > a {
padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
background: transparent;
color: #0F6BBA;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.vertical > li > a::after {
right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #0F6BBA transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
}
}
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #0F6BBA transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #eeeeee;
background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #0F6BBA transparent transparent;
right: auto;
left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0F6BBA;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(254, 254, 254, 0.25);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #eeeeee;
position: fixed;
}
[data-whatinput=mouse] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-push {
z-index: 12;
}
.off-canvas.is-closed {
visibility: hidden;
}
.off-canvas.is-transition-overlap {
z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
transform: translate(0, 0);
}
.off-canvas-absolute {
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #eeeeee;
position: absolute;
}
[data-whatinput=mouse] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-push {
z-index: 12;
}
.off-canvas-absolute.is-closed {
visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
transform: translate(0, 0);
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 250px;
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(250px);
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px transparent;
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 250px;
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push {
transform: translateX(-250px);
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px transparent;
}
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
height: 250px;
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push {
transform: translateY(250px);
}
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px transparent;
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
height: 250px;
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
transform: translateY(-250px);
}
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px transparent;
}
.off-canvas-content {
transform: none;
backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
transform: translate(0, 0);
}
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-left.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 250px;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-right.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 250px;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-top.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 250px;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-left.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 250px;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-right.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 250px;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-top.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 250px;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
transition: none;
}
.off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
box-shadow: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
transition: none;
}
.off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
box-shadow: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button {
display: none;
}
}
html.is-reveal-open {
position: fixed;
width: 100%;
overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
overflow-y: hidden;
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.reveal {
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 1006;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
}
[data-whatinput=mouse] .reveal {
outline: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0;
}
}
.reveal .column {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
.reveal {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.sticky-container {
position: relative;
}
.sticky {
position: relative;
z-index: 0;
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
.title-bar {
padding: 0.5rem;
background: #0a0a0a;
color: #fefefe;
display: flex;
justify-content: flex-start;
align-items: center;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left,
.title-bar-right {
flex: 1 1 0px;
}
.title-bar-right {
text-align: right;
}
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.top-bar {
padding: 0.5rem;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.top-bar,
.top-bar ul {
background-color: #eeeeee;
}
.top-bar input {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar {
flex-wrap: wrap;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
.top-bar {
flex-wrap: nowrap;
}
.top-bar .top-bar-left {
flex: 1 1 auto;
margin-right: auto;
}
.top-bar .top-bar-right {
flex: 0 1 auto;
margin-left: auto;
}
@media print, screen and (max-width: 63.99875em) {
.top-bar.stacked-for-medium {
flex-wrap: wrap;
}
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
}
@media print, screen and (max-width: 76.87375em) {
.top-bar.stacked-for-large {
flex-wrap: wrap;
}
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
}
.top-bar-title {
flex: 0 0 auto;
margin: 0.5rem 1rem 0.5rem 0;
}
.top-bar-left,
.top-bar-right {
flex: 0 0 auto;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(https://inform.dataloft.co.uk/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(https://inform.dataloft.co.uk/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(https://inform.dataloft.co.uk/images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* ================================================================== */
/* Toolbars
/* ================================================================== */
.leaflet-draw-section {
position: relative;
}
.leaflet-draw-toolbar {
margin-top: 12px;
}
.leaflet-draw-toolbar-top {
margin-top: 0;
}
.leaflet-draw-toolbar-notop a:first-child {
border-top-right-radius: 0;
}
.leaflet-draw-toolbar-nobottom a:last-child {
border-bottom-right-radius: 0;
}
.leaflet-draw-toolbar a {
background-image: url(https://inform.dataloft.co.uk/assets/leaflet/spritesheet-e2fc43233c9759a9f044b4a44bfe0a9009c33ec02ba883fa922ae23458ac5a7c.png);
background-image: linear-gradient(transparent, transparent), url(https://inform.dataloft.co.uk/assets/leaflet/spritesheet-604dd7d1bcb5ff5414cfd68067da937c0c605f0cf233076acd42f37498900281.svg);
background-repeat: no-repeat;
background-size: 300px 30px;
background-clip: padding-box;
color: white;
}
.leaflet-retina .leaflet-draw-toolbar a {
background-image: url(https://inform.dataloft.co.uk/assets/leaflet/spritesheet-2x-08c4c3f218afc68bd7d9307da6770813c49b6daa6db828853840b2e5bbb33b62.png);
background-image: linear-gradient(transparent, transparent), url(https://inform.dataloft.co.uk/assets/leaflet/spritesheet-604dd7d1bcb5ff5414cfd68067da937c0c605f0cf233076acd42f37498900281.svg);
}
.leaflet-draw a {
display: block;
text-align: center;
text-decoration: none;
}
.leaflet-draw a .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */
.leaflet-draw-actions {
display: none;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
top: 0;
white-space: nowrap;
}
.leaflet-touch .leaflet-draw-actions {
left: 32px;
}
.leaflet-right .leaflet-draw-actions {
right: 26px;
left: auto;
}
.leaflet-touch .leaflet-right .leaflet-draw-actions {
right: 32px;
left: auto;
}
.leaflet-draw-actions li {
display: inline-block;
}
.leaflet-draw-actions li:first-child a {
border-left: none;
}
.leaflet-draw-actions li:last-child a {
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.leaflet-right .leaflet-draw-actions li:last-child a {
-webkit-border-radius: 0;
border-radius: 0;
}
.leaflet-right .leaflet-draw-actions li:first-child a {
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.leaflet-draw-actions a {
background-color: #FF3F51;
border-left: 1px solid #AAA;
color: #FFF !important;
font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 28px;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 28px;
}
.leaflet-touch .leaflet-draw-actions a {
font-size: 12px;
line-height: 30px;
height: 30px;
}
.leaflet-draw-actions-bottom {
margin-top: 0;
}
.leaflet-draw-actions-top {
margin-top: 1px;
}
.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
height: 27px;
line-height: 27px;
}
.leaflet-draw-actions a:hover {
background-color: rgb(216, 0, 20.25);
}
.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
height: 26px;
line-height: 26px;
}
/* ================================================================== */
/* Draw toolbar
/* ================================================================== */
.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
background-position: -2px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
background-position: 0 -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
background-position: -31px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
background-position: -29px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
background-position: -62px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
background-position: -60px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circle {
background-position: -92px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
background-position: -90px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-marker {
background-position: -122px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
background-position: -120px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
background-position: -273px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
background-position: -271px -1px;
}
/* ================================================================== */
/* Edit toolbar
/* ================================================================== */
.leaflet-draw-toolbar .leaflet-draw-edit-edit {
background-position: -152px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
background-position: -150px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-remove {
background-position: -182px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
background-position: -180px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
background-position: -212px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
background-position: -210px -1px;
}
.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
background-position: -242px -2px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
background-position: -240px -2px;
}
/* ================================================================== */
/* Drawing styles
/* ================================================================== */
.leaflet-mouse-marker {
background-color: #fff;
cursor: crosshair;
}
.leaflet-draw-tooltip {
background: rgb(54, 54, 54);
background: rgba(0, 0, 0, 0.5);
border: 1px solid transparent;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #fff;
font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-top: -21px;
padding: 4px 8px;
position: absolute;
visibility: hidden;
white-space: nowrap;
z-index: 6;
}
.leaflet-draw-tooltip:before {
border-right: 6px solid black;
border-right-color: rgba(0, 0, 0, 0.5);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
position: absolute;
top: 7px;
left: -7px;
}
.leaflet-error-draw-tooltip {
background-color: #F2DEDE;
border: 1px solid #E6B6BD;
color: #B94A48;
}
.leaflet-error-draw-tooltip:before {
border-right-color: #E6B6BD;
}
.leaflet-draw-tooltip-single {
margin-top: -12px;
}
.leaflet-draw-tooltip-subtext {
color: #f8d5e4;
}
.leaflet-draw-guide-dash {
font-size: 1%;
opacity: 0.6;
position: absolute;
width: 5px;
height: 5px;
}
/* ================================================================== */
/* Edit styles
/* ================================================================== */
.leaflet-edit-marker-selected {
background-color: rgba(254, 87, 161, 0.1);
border: 4px dashed rgba(254, 87, 161, 0.6);
-webkit-border-radius: 4px;
border-radius: 4px;
box-sizing: content-box;
}
.leaflet-edit-move {
cursor: move;
}
.leaflet-edit-resize {
cursor: pointer;
}
/* ================================================================== */
/* Old IE styles
/* ================================================================== */
.leaflet-oldie .leaflet-draw-toolbar {
border: 1px solid #999;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
background-color: rgb(241, 128, 23);
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
width: 30px;
height: 30px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 15px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
line-height: 30px;
}
@-webkit-keyframes leaflet-gestures-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes leaflet-gestures-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.leaflet-container:after {
-webkit-animation: leaflet-gestures-fadein 0.8s backwards;
animation: leaflet-gestures-fadein 0.8s backwards;
color: #fff;
font-family: "Roboto", Arial, sans-serif;
font-size: 22px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 461;
pointer-events: none;
}
.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
-webkit-animation: leaflet-gestures-fadein 0.8s forwards;
animation: leaflet-gestures-fadein 0.8s forwards;
}
.leaflet-gesture-handling-touch-warning:after {
content: attr(data-gesture-handling-touch-content);
}
.leaflet-gesture-handling-scroll-warning:after {
content: attr(data-gesture-handling-scroll-content);
}
.leaflet-vector-pane {
opacity: 0.5;
}
.areas .leaflet-vector-pane, .admin .leaflet-vector-pane {
opacity: 0.75;
}
@media print {
.leaflet-control-attribution a:after {
display: none;
}
}
.leaflet-overlay-pane {
z-index: 550;
}
.marker-cluster-small {
background-color: rgba(253, 156, 115, 0.6) !important;
}
.marker-cluster-small div {
background-color: rgba(241, 128, 23, 0.6) !important;
}
.marker-cluster-medium {
background-color: rgba(253, 156, 115, 0.6) !important;
}
.marker-cluster-medium div {
background-color: rgba(241, 128, 23, 0.6) !important;
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6) !important;
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6) !important;
}
.list-icon {
padding-left: 3rem;
background-size: 2rem;
background-repeat: no-repeat;
}
.list-icon.polygon {
background-image: url(https://inform.dataloft.co.uk/assets/icons/polygon-b5783789ac2ad19232a62e2eaa632ffe14b342b5d6c7303ed3d031f2308193e8.svg);
}
.list-icon.circle {
background-image: url(https://inform.dataloft.co.uk/assets/icons/circle-f6b53793ea81235e6941dc1a6ea2a1796a2417b28a21bf47c75f8921413de6e1.svg);
}
.list-icon.select {
background-image: url(https://inform.dataloft.co.uk/assets/icons/select-a05e7ec300a20d14518ebe460c40b3fb86306f6452c060033bdefb0d27ba240e.svg);
}
.geoshape {
display: inline-block;
width: 3em;
height: 1.5em;
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
background-color: #eeeeee;
border: 0.0625rem solid #fefefe;
line-height: 1;
color: #555555;
font-weight: bold;
font-size: 0.8em;
display: flex;
align-items: center;
}
.geoshape .remove {
cursor: pointer;
line-height: 1;
font-size: 1em;
padding-left: 0.5em;
}
.geoshape.circle {
background-image: url(https://inform.dataloft.co.uk/assets/icons/circle-f6b53793ea81235e6941dc1a6ea2a1796a2417b28a21bf47c75f8921413de6e1.svg);
}
.geoshape.polygon {
background-image: url(https://inform.dataloft.co.uk/assets/icons/polygon-b5783789ac2ad19232a62e2eaa632ffe14b342b5d6c7303ed3d031f2308193e8.svg);
}
.geoshape_definitions {
line-height: 1;
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.5rem;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
line-height: 1.5;
color: #0a0a0a;
display: flex;
flex-wrap: wrap;
min-height: 2.311rem;
}
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position: relative;
width: 100%;
display: inline-block;
}
.sp-top-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sp-color {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 20%;
}
.sp-hue {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top: 33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position: absolute;
top: -4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: 0.8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
.sp-2 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
.sp-3 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
.sp-4 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
.sp-5 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
.sp-6 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
content: "";
display: table;
}
.sp-cf:after {
clear: both;
}
.sp-cf {
*zoom: 1;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color {
right: 40%;
}
.sp-hue {
left: 63%;
}
.sp-fill {
padding-top: 60%;
}
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.sp-slider {
position: absolute;
top: 0;
cursor: pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: 0.8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float: right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background: transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container, .sp-palette-container {
float: left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position: relative;
float: left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position: relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border: none;
display: block;
float: left;
margin: 0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin: 0;
overflow: hidden;
cursor: pointer;
padding: 4px;
display: inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor: default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float: left;
font-size: 10px;
}
.sp-preview {
position: relative;
width: 25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float: left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width: 16px;
height: 16px;
margin: 2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom: 0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin: 0;
padding: 2px;
margin-right: 5px;
vertical-align: middle;
text-decoration: none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat: no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
}
.select2-container--default .select2-results__option--selected {
background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
[data-controller=autocomplete] span.select2.select2-container,
[data-controller=select] span.select2.select2-container {
display: none;
}
[data-controller=autocomplete] span.select2.select2-container:first-of-type,
[data-controller=select] span.select2.select2-container:first-of-type {
display: block;
}
.select2-container--default {
width: 100% !important;
margin-bottom: 1rem;
}
.input-group-field .select2-container--default {
margin-bottom: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #555555;
box-shadow: 0 0 5px #bbbbbb;
}
.select2-container--default .select2-selection--multiple {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
height: unset;
min-height: 2.3125rem;
overflow: hidden;
}
.select2-container--default .select2-selection--multiple:focus {
outline: none;
border: 1px solid #555555;
background-color: #fefefe;
box-shadow: 0 0 5px #bbbbbb;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
margin: 0;
background-color: #eeeeee;
border: 0.0625rem solid #fefefe;
border-radius: unset;
box-sizing: border-box;
margin-left: unset;
margin-top: unset;
padding-left: unset;
display: flex;
font-size: 0.8em;
line-height: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
padding: 0.25em 0.5em;
display: block;
align-self: center;
white-space: pre-wrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
position: unset;
display: block;
background-color: transparent;
border: none;
border-right: unset;
border-top-left-radius: unset;
border-bottom-left-radius: unset;
color: #555555;
padding: 0 0 0 0.5em;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--single {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #bbbbbb;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
margin-bottom: 0;
}
.select2-container--default .select2-selection--single:focus {
outline: none;
border: 1px solid #555555;
background-color: #fefefe;
box-shadow: 0 0 5px #bbbbbb;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0;
padding-right: 2rem;
line-height: unset;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.3125rem;
display: flex;
align-items: center;
width: 2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-left: unset;
margin-top: unset;
position: unset;
top: unset;
left: unset;
height: unset;
margin: auto;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #555555 transparent transparent;
}
.select2-container--default .select2-dropdown {
border-radius: 0;
}
.select2-container--default .select2-search--dropdown {
border-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
margin: 0.5em 0;
}
.select2-container--default .select2-results .select2-results__option--highlighted.select2-results__option--selectable {
background: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.select2-container--default .select2-search--inline .select2-search__field {
box-sizing: border-box;
margin: 0;
height: 1.5rem;
min-height: 0;
}
.select2-search--inline {
display: none;
}
.select2-container--focus .select2-search--inline {
display: inline;
}
.spin {
-webkit-animation-name: spin, hue;
-webkit-animation-duration: 1s, 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin, hue;
-moz-animation-duration: 1s, 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin, hue;
-ms-animation-duration: 1s, 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin, hue;
animation-duration: 1s, 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes hue {
from {
-moz-filter: hue-rotate(0deg);
}
to {
-moz-filter: hue-rotate(360deg);
}
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(360deg);
}
}
@keyframes hue {
from {
filter: hue-rotate(0deg);
}
to {
filter: hue-rotate(360deg);
}
}
@-webkit-keyframes fadeOut {
100% {
outline-color: transparent;
}
}
@keyframes fadeOut {
100% {
outline-color: transparent;
}
}
:focus {
-webkit-animation: fadeOut 2s;
animation: fadeOut 2s;
animation-fill-mode: forwards;
outline: 1px dotted rgb(46.0135135135, 101.2297297297, 180.9864864865);
}
::-moz-selection {
background: hsl(215.4545454545, 159.4594594595%, 64.5098039216%);
color: #0a0a0a;
}
::selection {
background: hsl(215.4545454545, 159.4594594595%, 64.5098039216%);
color: #0a0a0a;
}
.negative-margin-horizontal-1 {
margin-left: -1rem;
margin-right: -1rem;
}
.flat {
margin-bottom: 0;
}
.flex-wrap {
flex-wrap: wrap;
}
.breakable {
word-break: break-all;
}
.heavy {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
}
.width-33 {
width: 33.33333%;
}
.width-66 {
width: 66.66666%;
}
@media print, screen and (min-width: 40em) {
.medium-width-33 {
width: 33.33333%;
}
.medium-width-66 {
width: 66.66666%;
}
}
dl {
margin-bottom: 0;
}
dl dd {
margin-bottom: 0.5em;
}
dl dd:last-child:not(.spaced) {
margin-bottom: 0;
}
dl dt {
margin-bottom: 0;
}
hr.thick {
border-bottom-width: 2px;
}
hr.thicker {
border-bottom-width: 3px;
}
hr.border-dashed {
border-style: dashed;
}
hr.small {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
hr.smaller {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.map-wrapper,
turbo-frame {
position: relative;
display: block;
}
.map-wrapper .loader,
turbo-frame .loader {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
}
.map-wrapper .loader-wrapper,
turbo-frame .loader-wrapper {
min-height: 5rem;
}
.map-wrapper.inline-loader,
turbo-frame.inline-loader {
display: block;
}
.map-wrapper.inline-loader .loader,
turbo-frame.inline-loader .loader {
position: unset;
top: unset;
left: unset;
transform: unset;
}
.map-wrapper[busy] > :not(.loader, .loader *, .loader-wrapper, .loader-wrapper *), .map-wrapper.busy > :not(.loader, .loader *, .loader-wrapper, .loader-wrapper *),
turbo-frame[busy] > :not(.loader, .loader *, .loader-wrapper, .loader-wrapper *),
turbo-frame.busy > :not(.loader, .loader *, .loader-wrapper, .loader-wrapper *) {
opacity: 0.25;
}
.map-wrapper[busy] .loader, .map-wrapper.busy .loader,
turbo-frame[busy] .loader,
turbo-frame.busy .loader {
display: block;
}
.map-wrapper[id^=area_data_stats_] .loader-wrapper,
turbo-frame[id^=area_data_stats_] .loader-wrapper {
min-height: unset;
}
.map-wrapper[id^=area_data_stats_][busy] .loader-wrapper,
turbo-frame[id^=area_data_stats_][busy] .loader-wrapper {
min-height: 5rem;
}
.map-wrapper[id^=area_data_stats_][busy] .loader-wrapper .loader,
turbo-frame[id^=area_data_stats_][busy] .loader-wrapper .loader {
position: absolute;
}
@keyframes appear-then-fade {
0%, 100% {
opacity: 0;
}
5%, 60% {
opacity: 1;
}
}
#notifications {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 999999;
pointer-events: none;
}
.flash-message {
animation: appear-then-fade 5s both;
position: fixed;
width: 70%;
top: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 999;
pointer-events: none;
}
.flash-message button {
pointer-events: all;
}
.flash-info {
animation: appear-then-fade 5s both;
}
.glow {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
}
.button.alert {
color: #fefefe;
}
.sortable-list {
list-style: none;
padding: 0px 1rem 1rem 1rem;
margin-bottom: -1.1rem;
margin-left: 0;
}
.sortable-list i {
color: silver;
font-size: 2rem;
padding-right: 1rem;
}
.sortable-list i:hover {
color: #8d8d8d;
}
.sortable-list i:before {
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.sortable-list .sortable-list {
padding-left: 3rem;
margin-right: -1rem;
}
.sortable-list .sortable-item .item-row {
border: 1px solid silver;
padding: 1rem 0;
margin-top: -1px;
background: #efefef;
}
.sortable-list .sortable-placeholder {
background: rgba(200, 200, 200, 0.5);
height: 1rem;
}
.sortable .sortable-placeholder {
background: rgba(200, 200, 200, 0.5);
height: 1rem;
}
.inactive-row {
opacity: 0.25;
}
.switch.expanded .switch-paddle {
width: 100%;
}
.switch.expanded input:checked ~ .switch-paddle::after {
left: unset;
right: 0.25rem;
}
.switch.expanded .switch-inactive {
right: 0.5rem;
}
.switch.expanded .switch-active {
left: 0.5rem;
}
.top-bar {
width: 100% !important;
max-width: 100% !important;
border-bottom: 0.5px solid #0F213B;
}
@media print, screen and (min-width: 64em) {
.top-bar {
max-width: calc(100% - 250px) !important;
}
}
.off-canvas .top-bar {
border-bottom: none;
width: 100% !important;
max-width: 100% !important;
}
.top-bar.is-at-bottom {
top: 0 !important;
}
.top-bar.is-anchored {
position: fixed !important;
}
.small {
font-size: 0.9em;
}
.smaller {
font-size: 0.75em;
}
.hero h1.punchy {
font-weight: 500;
font-size: 3rem;
border-bottom: 0.0625rem solid #0F213B;
}
.hero h1.punchy.small {
font-size: 2.55rem;
}
.hero h1.punchy.smaller {
font-size: 2.1rem;
}
.hero h1.punchy span {
font-size: 0.5em;
}
@media print, screen and (min-width: 40em) {
.hero h1.punchy {
font-weight: 500;
font-size: 4rem;
border-bottom: 0.0625rem solid #0F213B;
}
.hero h1.punchy.small {
font-size: 3.4rem;
}
.hero h1.punchy.smaller {
font-size: 2.8rem;
}
.hero h1.punchy span {
font-size: 0.5em;
}
}
@media print, screen and (min-width: 64em) {
.hero h1.punchy {
font-weight: 500;
font-size: 5rem;
border-bottom: 0.0625rem solid #0F213B;
}
.hero h1.punchy.small {
font-size: 4.25rem;
}
.hero h1.punchy.smaller {
font-size: 3.5rem;
}
.hero h1.punchy span {
font-size: 0.5em;
}
}
.opacity-1 {
opacity: 0.1;
}
.opacity-2 {
opacity: 0.2;
}
.opacity-3 {
opacity: 0.3;
}
.opacity-4 {
opacity: 0.4;
}
.opacity-5 {
opacity: 0.5;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-7 {
opacity: 0.7;
}
.opacity-8 {
opacity: 0.8;
}
.opacity-9 {
opacity: 0.9;
}
.opacity-0 {
opacity: 0;
}
.small-only-padding-collapse {
margin-right: -2rem !important;
margin-left: -2rem !important;
}
.margin-bottom-1px {
margin-bottom: 1px;
}
.margin-bottom-05rem,
.margin-bottom-05 {
margin-bottom: 0.5rem;
}
.margin-bottom-05em {
margin-bottom: 0.5em;
}
.margin-top-05rem,
.margin-top-05 {
margin-top: 0.5rem;
}
.margin-top-05em {
margin-top: 0.5em;
}
.margin-left-1px {
margin-left: 1px;
}
.margin-bottom-1-not-last {
margin-bottom: 1rem;
}
.margin-bottom-1-not-last:last-of-type {
margin-bottom: 0;
}
.margin-bottom-2-not-last {
margin-bottom: 2rem;
}
.margin-bottom-2-not-last:last-of-type {
margin-bottom: 0;
}
.callout.larger {
font-size: 1.6em;
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.callout.larger h5 {
font-size: 2.25rem;
border-bottom: 1px solid #eeeeee;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
}
.callout.larger ul {
margin-left: 3rem;
}
.callout a:not(.button, [role=menuitem]) {
color: #0a0a0a;
border-bottom: 0.0625rem dashed #0a0a0a;
}
.callout a:not(.button, [role=menuitem]):hover {
border-bottom: 0.0625rem solid #0a0a0a;
}
.callout a:not(.button, [role=menuitem]).image-link {
border-bottom: none;
}
.callout a:not(.button, [role=menuitem]).image-link:hover {
border-bottom: none;
}
.callout.notice {
background-color: rgb(226.2, 255, 232.5);
color: rgb(48.25, 48.25, 48.25);
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 0px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
}
.callout.notice > :first-child {
margin-top: 0;
}
.callout.notice > :last-child {
margin-bottom: 0;
}
.callout.notice.bordered {
border: 0.0625rem solid rgb(0, 165, 36.09375);
}
.callout.info {
background-color: rgb(248.625, 248.625, 248.625);
color: rgb(48.25, 48.25, 48.25);
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 0px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
}
.callout.info > :first-child {
margin-top: 0;
}
.callout.info > :last-child {
margin-bottom: 0;
}
.callout.info.bordered {
border: 0.0625rem solid rgb(161.5, 161.5, 161.5);
}
.callout.medium {
background-color: rgb(244.8, 244.8, 244.8);
color: rgb(48.25, 48.25, 48.25);
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 0px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
}
.callout.medium > :first-child {
margin-top: 0;
}
.callout.medium > :last-child {
margin-bottom: 0;
}
.callout p.large {
font-size: 1.25em;
}
.callout p.larger {
font-size: 1.5em;
}
.outlined.primary {
outline: 0.1875rem solid #0F6BBA;
}
.color--primary {
color: #0F6BBA !important;
border-color: #0F6BBA !important;
}
.color--primary.is-active {
border-color: #0F6BBA !important;
}
.color--primary.is-active .thumbnail {
border-color: #0F6BBA !important;
}
.border-color--primary {
border-color: #0F6BBA !important;
}
.border-color--primary:after {
border-color: rgb(3.5820895522, 25.552238806, 44.4179104478) transparent transparent !important;
}
.bg--primary {
background-color: #0F6BBA !important;
}
.bg--primary--faded {
background-color: rgba(15, 107, 186, 0.5) !important;
}
.callout.primary {
background-color: rgb(110.6417910448, 182.0447761194, 243.3582089552) !important;
}
.callout.primary.bordered {
border-color: #0F6BBA;
}
.preview.primary img {
outline: 0.0625rem solid #0F6BBA;
}
.outlined.secondary {
outline: 0.1875rem solid #0F213B;
}
.color--secondary {
color: #0F213B !important;
border-color: #0F213B !important;
}
.color--secondary.is-active {
border-color: #0F213B !important;
}
.color--secondary.is-active .thumbnail {
border-color: #0F213B !important;
}
.border-color--secondary {
border-color: #0F213B !important;
}
.border-color--secondary:after {
border-color: hsl(215.4545454545, 59.4594594595%, -15.4901960784%) transparent transparent !important;
}
.bg--secondary {
background-color: #0F213B !important;
}
.bg--secondary--faded {
background-color: rgba(15, 33, 59, 0.5) !important;
}
.callout.secondary {
background-color: rgb(46.0135135135, 101.2297297297, 180.9864864865) !important;
}
.callout.secondary.bordered {
border-color: #0F213B;
}
.preview.secondary img {
outline: 0.0625rem solid #0F213B;
}
.outlined.success {
outline: 0.1875rem solid #3FFF69;
}
.color--success {
color: #3FFF69 !important;
border-color: #3FFF69 !important;
}
.color--success.is-active {
border-color: #3FFF69 !important;
}
.color--success.is-active .thumbnail {
border-color: #3FFF69 !important;
}
.border-color--success {
border-color: #3FFF69 !important;
}
.border-color--success:after {
border-color: rgb(0, 165, 36.09375) transparent transparent !important;
}
.bg--success {
background-color: #3FFF69 !important;
}
.bg--success--faded {
background-color: rgba(63, 255, 105, 0.5) !important;
}
.callout.success {
background-color: rgb(216, 255, 224.53125) !important;
}
.callout.success.bordered {
border-color: #3FFF69;
}
.preview.success img {
outline: 0.0625rem solid #3FFF69;
}
.outlined.warning {
outline: 0.1875rem solid #FFA63F;
}
.color--warning {
color: #FFA63F !important;
border-color: #FFA63F !important;
}
.color--warning.is-active {
border-color: #FFA63F !important;
}
.color--warning.is-active .thumbnail {
border-color: #FFA63F !important;
}
.border-color--warning {
border-color: #FFA63F !important;
}
.border-color--warning:after {
border-color: rgb(165, 88.515625, 0) transparent transparent !important;
}
.bg--warning {
background-color: #FFA63F !important;
}
.bg--warning--faded {
background-color: rgba(255, 166, 63, 0.5) !important;
}
.callout.warning {
background-color: rgb(255, 236.921875, 216) !important;
}
.callout.warning.bordered {
border-color: #FFA63F;
}
.preview.warning img {
outline: 0.0625rem solid #FFA63F;
}
.outlined.alert {
outline: 0.1875rem solid #FF3F51;
}
.color--alert {
color: #FF3F51 !important;
border-color: #FF3F51 !important;
}
.color--alert.is-active {
border-color: #FF3F51 !important;
}
.color--alert.is-active .thumbnail {
border-color: #FF3F51 !important;
}
.border-color--alert {
border-color: #FF3F51 !important;
}
.border-color--alert:after {
border-color: rgb(165, 0, 15.46875) transparent transparent !important;
}
.bg--alert {
background-color: #FF3F51 !important;
}
.bg--alert--faded {
background-color: rgba(255, 63, 81, 0.5) !important;
}
.callout.alert {
background-color: rgb(255, 216, 219.65625) !important;
}
.callout.alert.bordered {
border-color: #FF3F51;
}
.preview.alert img {
outline: 0.0625rem solid #FF3F51;
}
.outlined.light-alert {
outline: 0.1875rem solid rgb(255, 216, 219.65625);
}
.color--light-alert {
color: rgb(255, 216, 219.65625) !important;
border-color: rgb(255, 216, 219.65625) !important;
}
.color--light-alert.is-active {
border-color: rgb(255, 216, 219.65625) !important;
}
.color--light-alert.is-active .thumbnail {
border-color: rgb(255, 216, 219.65625) !important;
}
.border-color--light-alert {
border-color: rgb(255, 216, 219.65625) !important;
}
.border-color--light-alert:after {
border-color: #ff3f51 transparent transparent !important;
}
.bg--light-alert {
background-color: rgb(255, 216, 219.65625) !important;
}
.bg--light-alert--faded {
background-color: rgba(255, 216, 219.65625, 0.5) !important;
}
.callout.light-alert {
background-color: hsl(354.375, 100%, 122.3529411765%) !important;
}
.callout.light-alert.bordered {
border-color: rgb(255, 216, 219.65625);
}
.preview.light-alert img {
outline: 0.0625rem solid rgb(255, 216, 219.65625);
}
.outlined.pale-alert {
outline: 0.1875rem solid rgb(255, 114, 127.21875);
}
.color--pale-alert {
color: rgb(255, 114, 127.21875) !important;
border-color: rgb(255, 114, 127.21875) !important;
}
.color--pale-alert.is-active {
border-color: rgb(255, 114, 127.21875) !important;
}
.color--pale-alert.is-active .thumbnail {
border-color: rgb(255, 114, 127.21875) !important;
}
.border-color--pale-alert {
border-color: rgb(255, 114, 127.21875) !important;
}
.border-color--pale-alert:after {
border-color: rgb(216, 0, 20.25) transparent transparent !important;
}
.bg--pale-alert {
background-color: rgb(255, 114, 127.21875) !important;
}
.bg--pale-alert--faded {
background-color: rgba(255, 114, 127.21875, 0.5) !important;
}
.callout.pale-alert {
background-color: hsl(354.375, 100%, 102.3529411765%) !important;
}
.callout.pale-alert.bordered {
border-color: rgb(255, 114, 127.21875);
}
.preview.pale-alert img {
outline: 0.0625rem solid rgb(255, 114, 127.21875);
}
.outlined.light-warning {
outline: 0.1875rem solid rgb(255, 213.28125, 165);
}
.color--light-warning {
color: rgb(255, 213.28125, 165) !important;
border-color: rgb(255, 213.28125, 165) !important;
}
.color--light-warning.is-active {
border-color: rgb(255, 213.28125, 165) !important;
}
.color--light-warning.is-active .thumbnail {
border-color: rgb(255, 213.28125, 165) !important;
}
.border-color--light-warning {
border-color: rgb(255, 213.28125, 165) !important;
}
.border-color--light-warning:after {
border-color: rgb(255, 142.359375, 12) transparent transparent !important;
}
.bg--light-warning {
background-color: rgb(255, 213.28125, 165) !important;
}
.bg--light-warning--faded {
background-color: rgba(255, 213.28125, 165, 0.5) !important;
}
.callout.light-warning {
background-color: hsl(32.1875, 100%, 112.3529411765%) !important;
}
.callout.light-warning.bordered {
border-color: rgb(255, 213.28125, 165);
}
.preview.light-warning img {
outline: 0.0625rem solid rgb(255, 213.28125, 165);
}
.outlined.pale-warning {
outline: 0.1875rem solid rgb(255, 189.640625, 114);
}
.color--pale-warning {
color: rgb(255, 189.640625, 114) !important;
border-color: rgb(255, 189.640625, 114) !important;
}
.color--pale-warning.is-active {
border-color: rgb(255, 189.640625, 114) !important;
}
.color--pale-warning.is-active .thumbnail {
border-color: rgb(255, 189.640625, 114) !important;
}
.border-color--pale-warning {
border-color: rgb(255, 189.640625, 114) !important;
}
.border-color--pale-warning:after {
border-color: rgb(216, 115.875, 0) transparent transparent !important;
}
.bg--pale-warning {
background-color: rgb(255, 189.640625, 114) !important;
}
.bg--pale-warning--faded {
background-color: rgba(255, 189.640625, 114, 0.5) !important;
}
.callout.pale-warning {
background-color: hsl(32.1875, 100%, 102.3529411765%) !important;
}
.callout.pale-warning.bordered {
border-color: rgb(255, 189.640625, 114);
}
.preview.pale-warning img {
outline: 0.0625rem solid rgb(255, 189.640625, 114);
}
.outlined.light-secondary {
outline: 0.1875rem solid rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.color--light-secondary {
color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
border-color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
}
.color--light-secondary.is-active {
border-color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
}
.color--light-secondary.is-active .thumbnail {
border-color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
}
.border-color--light-secondary {
border-color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
}
.border-color--light-secondary:after {
border-color: rgb(90.3581081081, 140.5878378378, 213.1418918919) transparent transparent !important;
}
.bg--light-secondary {
background-color: rgb(212.3445945946, 225.3581081081, 244.1554054054) !important;
}
.bg--light-secondary--faded {
background-color: rgba(212.3445945946, 225.3581081081, 244.1554054054, 0.5) !important;
}
.callout.light-secondary {
background-color: hsl(215.4545454545, 59.4594594595%, 119.5098039216%) !important;
}
.callout.light-secondary.bordered {
border-color: rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.preview.light-secondary img {
outline: 0.0625rem solid rgb(212.3445945946, 225.3581081081, 244.1554054054);
}
.outlined.pale-secondary {
outline: 0.1875rem solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.color--pale-secondary {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.color--pale-secondary.is-active {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.color--pale-secondary.is-active .thumbnail {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.border-color--pale-secondary {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.border-color--pale-secondary:after {
border-color: rgb(35.6756756757, 78.4864864865, 140.3243243243) transparent transparent !important;
}
.bg--pale-secondary {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.bg--pale-secondary--faded {
background-color: rgba(110.6891891892, 154.7162162162, 218.3108108108, 0.5) !important;
}
.callout.pale-secondary {
background-color: rgb(232.6756756757, 239.4864864865, 249.3243243243) !important;
}
.callout.pale-secondary.bordered {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.preview.pale-secondary img {
outline: 0.0625rem solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.outlined.info {
outline: 0.1875rem solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.color--info {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.color--info.is-active {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.color--info.is-active .thumbnail {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.border-color--info {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.border-color--info:after {
border-color: rgb(35.6756756757, 78.4864864865, 140.3243243243) transparent transparent !important;
}
.bg--info {
background-color: rgb(110.6891891892, 154.7162162162, 218.3108108108) !important;
}
.bg--info--faded {
background-color: rgba(110.6891891892, 154.7162162162, 218.3108108108, 0.5) !important;
}
.callout.info {
background-color: rgb(232.6756756757, 239.4864864865, 249.3243243243) !important;
}
.callout.info.bordered {
border-color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.preview.info img {
outline: 0.0625rem solid rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.outlined.light-primary {
outline: 0.1875rem solid rgb(252.223880597, 253.5970149254, 254.776119403);
}
.color--light-primary {
color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
border-color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
}
.color--light-primary.is-active {
border-color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
}
.color--light-primary.is-active .thumbnail {
border-color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
}
.border-color--light-primary {
border-color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
}
.border-color--light-primary:after {
border-color: rgb(110.6417910448, 182.0447761194, 243.3582089552) transparent transparent !important;
}
.bg--light-primary {
background-color: rgb(252.223880597, 253.5970149254, 254.776119403) !important;
}
.bg--light-primary--faded {
background-color: rgba(252.223880597, 253.5970149254, 254.776119403, 0.5) !important;
}
.callout.light-primary {
background-color: hsl(207.7192982456, 85.0746268657%, 129.4117647059%) !important;
}
.callout.light-primary.bordered {
border-color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.preview.light-primary img {
outline: 0.0625rem solid rgb(252.223880597, 253.5970149254, 254.776119403);
}
.outlined.pale-primary {
outline: 0.1875rem solid rgb(63.447761194, 158.1940298507, 239.552238806);
}
.color--pale-primary {
color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
border-color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
}
.color--pale-primary.is-active {
border-color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
}
.color--pale-primary.is-active .thumbnail {
border-color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
}
.border-color--pale-primary {
border-color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
}
.border-color--pale-primary:after {
border-color: rgb(11.1940298507, 79.8507462687, 138.8059701493) transparent transparent !important;
}
.bg--pale-primary {
background-color: rgb(63.447761194, 158.1940298507, 239.552238806) !important;
}
.bg--pale-primary--faded {
background-color: rgba(63.447761194, 158.1940298507, 239.552238806, 0.5) !important;
}
.callout.pale-primary {
background-color: rgb(205.0298507463, 229.7462686567, 250.9701492537) !important;
}
.callout.pale-primary.bordered {
border-color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
.preview.pale-primary img {
outline: 0.0625rem solid rgb(63.447761194, 158.1940298507, 239.552238806);
}
.outlined.pale-magenta {
outline: 0.1875rem solid rgb(254.418972332, 206, 255);
}
.color--pale-magenta {
color: rgb(254.418972332, 206, 255) !important;
border-color: rgb(254.418972332, 206, 255) !important;
}
.color--pale-magenta.is-active {
border-color: rgb(254.418972332, 206, 255) !important;
}
.color--pale-magenta.is-active .thumbnail {
border-color: rgb(254.418972332, 206, 255) !important;
}
.border-color--pale-magenta {
border-color: rgb(254.418972332, 206, 255) !important;
}
.border-color--pale-magenta:after {
border-color: rgb(252.604743083, 53, 255) transparent transparent !important;
}
.bg--pale-magenta {
background-color: rgb(254.418972332, 206, 255) !important;
}
.bg--pale-magenta--faded {
background-color: rgba(254.418972332, 206, 255, 0.5) !important;
}
.callout.pale-magenta {
background-color: hsl(299.2885375494, 100%, 120.3921568627%) !important;
}
.callout.pale-magenta.bordered {
border-color: rgb(254.418972332, 206, 255);
}
.preview.pale-magenta img {
outline: 0.0625rem solid rgb(254.418972332, 206, 255);
}
.outlined.pale-teal {
outline: 0.1875rem solid rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.color--pale-teal {
color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
border-color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
}
.color--pale-teal.is-active {
border-color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
}
.color--pale-teal.is-active .thumbnail {
border-color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
}
.border-color--pale-teal {
border-color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
}
.border-color--pale-teal:after {
border-color: rgb(14.9147727273, 110.0852272727, 107.9545454545) transparent transparent !important;
}
.bg--pale-teal {
background-color: rgb(50.6818181818, 227.3181818182, 223.3636363636) !important;
}
.bg--pale-teal--faded {
background-color: rgba(50.6818181818, 227.3181818182, 223.3636363636, 0.5) !important;
}
.callout.pale-teal {
background-color: rgb(185.4261363636, 245.5738636364, 244.2272727273) !important;
}
.callout.pale-teal.bordered {
border-color: rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.preview.pale-teal img {
outline: 0.0625rem solid rgb(50.6818181818, 227.3181818182, 223.3636363636);
}
.outlined.light-gray {
outline: 0.1875rem solid rgb(225.25, 225.25, 225.25);
}
.color--light-gray {
color: rgb(225.25, 225.25, 225.25) !important;
border-color: rgb(225.25, 225.25, 225.25) !important;
}
.color--light-gray.is-active {
border-color: rgb(225.25, 225.25, 225.25) !important;
}
.color--light-gray.is-active .thumbnail {
border-color: rgb(225.25, 225.25, 225.25) !important;
}
.border-color--light-gray {
border-color: rgb(225.25, 225.25, 225.25) !important;
}
.border-color--light-gray:after {
border-color: rgb(148.75, 148.75, 148.75) transparent transparent !important;
}
.bg--light-gray {
background-color: rgb(225.25, 225.25, 225.25) !important;
}
.bg--light-gray--faded {
background-color: rgba(225.25, 225.25, 225.25, 0.5) !important;
}
.callout.light-gray {
background-color: hsl(0, 0%, 118.3333333333%) !important;
}
.callout.light-gray.bordered {
border-color: rgb(225.25, 225.25, 225.25);
}
.preview.light-gray img {
outline: 0.0625rem solid rgb(225.25, 225.25, 225.25);
}
.outlined.lighter-gray {
outline: 0.1875rem solid #eeeeee;
}
.color--lighter-gray {
color: #eeeeee !important;
border-color: #eeeeee !important;
}
.color--lighter-gray.is-active {
border-color: #eeeeee !important;
}
.color--lighter-gray.is-active .thumbnail {
border-color: #eeeeee !important;
}
.border-color--lighter-gray {
border-color: #eeeeee !important;
}
.border-color--lighter-gray:after {
border-color: rgb(161.5, 161.5, 161.5) transparent transparent !important;
}
.bg--lighter-gray {
background-color: #eeeeee !important;
}
.bg--lighter-gray--faded {
background-color: rgba(238, 238, 238, 0.5) !important;
}
.callout.lighter-gray {
background-color: hsl(0, 0%, 123.3333333333%) !important;
}
.callout.lighter-gray.bordered {
border-color: #eeeeee;
}
.preview.lighter-gray img {
outline: 0.0625rem solid #eeeeee;
}
.outlined.medium-gray {
outline: 0.1875rem solid #bbbbbb;
}
.color--medium-gray {
color: #bbbbbb !important;
border-color: #bbbbbb !important;
}
.color--medium-gray.is-active {
border-color: #bbbbbb !important;
}
.color--medium-gray.is-active .thumbnail {
border-color: #bbbbbb !important;
}
.border-color--medium-gray {
border-color: #bbbbbb !important;
}
.border-color--medium-gray:after {
border-color: rgb(110.5, 110.5, 110.5) transparent transparent !important;
}
.bg--medium-gray {
background-color: #bbbbbb !important;
}
.bg--medium-gray--faded {
background-color: rgba(187, 187, 187, 0.5) !important;
}
.callout.medium-gray {
background-color: hsl(0, 0%, 103.3333333333%) !important;
}
.callout.medium-gray.bordered {
border-color: #bbbbbb;
}
.preview.medium-gray img {
outline: 0.0625rem solid #bbbbbb;
}
.outlined.gray {
outline: 0.1875rem solid rgb(148.75, 148.75, 148.75);
}
.color--gray {
color: rgb(148.75, 148.75, 148.75) !important;
border-color: rgb(148.75, 148.75, 148.75) !important;
}
.color--gray.is-active {
border-color: rgb(148.75, 148.75, 148.75) !important;
}
.color--gray.is-active .thumbnail {
border-color: rgb(148.75, 148.75, 148.75) !important;
}
.border-color--gray {
border-color: rgb(148.75, 148.75, 148.75) !important;
}
.border-color--gray:after {
border-color: rgb(72.25, 72.25, 72.25) transparent transparent !important;
}
.bg--gray {
background-color: rgb(148.75, 148.75, 148.75) !important;
}
.bg--gray--faded {
background-color: rgba(148.75, 148.75, 148.75, 0.5) !important;
}
.callout.gray {
background-color: rgb(225.25, 225.25, 225.25) !important;
}
.callout.gray.bordered {
border-color: rgb(148.75, 148.75, 148.75);
}
.preview.gray img {
outline: 0.0625rem solid rgb(148.75, 148.75, 148.75);
}
.outlined.dark-gray {
outline: 0.1875rem solid #555555;
}
.color--dark-gray {
color: #555555 !important;
border-color: #555555 !important;
}
.color--dark-gray.is-active {
border-color: #555555 !important;
}
.color--dark-gray.is-active .thumbnail {
border-color: #555555 !important;
}
.border-color--dark-gray {
border-color: #555555 !important;
}
.border-color--dark-gray:after {
border-color: rgb(8.5, 8.5, 8.5) transparent transparent !important;
}
.bg--dark-gray {
background-color: #555555 !important;
}
.bg--dark-gray--faded {
background-color: rgba(85, 85, 85, 0.5) !important;
}
.callout.dark-gray {
background-color: rgb(161.5, 161.5, 161.5) !important;
}
.callout.dark-gray.bordered {
border-color: #555555;
}
.preview.dark-gray img {
outline: 0.0625rem solid #555555;
}
.outlined.black {
outline: 0.1875rem solid #0a0a0a;
}
.color--black {
color: #0a0a0a !important;
border-color: #0a0a0a !important;
}
.color--black.is-active {
border-color: #0a0a0a !important;
}
.color--black.is-active .thumbnail {
border-color: #0a0a0a !important;
}
.border-color--black {
border-color: #0a0a0a !important;
}
.border-color--black:after {
border-color: hsl(0, 0%, -26.0784313725%) transparent transparent !important;
}
.bg--black {
background-color: #0a0a0a !important;
}
.bg--black--faded {
background-color: rgba(10, 10, 10, 0.5) !important;
}
.callout.black {
background-color: rgb(86.5, 86.5, 86.5) !important;
}
.callout.black.bordered {
border-color: #0a0a0a;
}
.preview.black img {
outline: 0.0625rem solid #0a0a0a;
}
.outlined.white {
outline: 0.1875rem solid #fefefe;
}
.color--white {
color: #fefefe !important;
border-color: #fefefe !important;
}
.color--white.is-active {
border-color: #fefefe !important;
}
.color--white.is-active .thumbnail {
border-color: #fefefe !important;
}
.border-color--white {
border-color: #fefefe !important;
}
.border-color--white:after {
border-color: rgb(177.5, 177.5, 177.5) transparent transparent !important;
}
.bg--white {
background-color: #fefefe !important;
}
.bg--white--faded {
background-color: rgba(254, 254, 254, 0.5) !important;
}
.callout.white {
background-color: hsl(0, 0%, 129.6078431373%) !important;
}
.callout.white.bordered {
border-color: #fefefe;
}
.preview.white img {
outline: 0.0625rem solid #fefefe;
}
.outlined.lime {
outline: 0.1875rem solid #cfde00;
}
.color--lime {
color: #cfde00 !important;
border-color: #cfde00 !important;
}
.color--lime.is-active {
border-color: #cfde00 !important;
}
.color--lime.is-active .thumbnail {
border-color: #cfde00 !important;
}
.border-color--lime {
border-color: #cfde00 !important;
}
.border-color--lime:after {
border-color: rgb(64.3378378378, 69, 0) transparent transparent !important;
}
.bg--lime {
background-color: #cfde00 !important;
}
.bg--lime--faded {
background-color: rgba(207, 222, 0, 0.5) !important;
}
.callout.lime {
background-color: rgb(245.8783783784, 255, 120) !important;
}
.callout.lime.bordered {
border-color: #cfde00;
}
.preview.lime img {
outline: 0.0625rem solid #cfde00;
}
.outlined.teal {
outline: 0.1875rem solid #159B98;
}
.color--teal {
color: #159B98 !important;
border-color: #159B98 !important;
}
.color--teal.is-active {
border-color: #159B98 !important;
}
.color--teal.is-active .thumbnail {
border-color: #159B98 !important;
}
.border-color--teal {
border-color: #159B98 !important;
}
.border-color--teal:after {
border-color: rgb(2.7443181818, 20.2556818182, 19.8636363636) transparent transparent !important;
}
.bg--teal {
background-color: #159B98 !important;
}
.bg--teal--faded {
background-color: rgba(21, 155, 152, 0.5) !important;
}
.callout.teal {
background-color: rgb(95.5965909091, 233.4034090909, 230.3181818182) !important;
}
.callout.teal.bordered {
border-color: #159B98;
}
.preview.teal img {
outline: 0.0625rem solid #159B98;
}
.outlined.magenta {
outline: 0.1875rem solid #FC02FF;
}
.color--magenta {
color: #FC02FF !important;
border-color: #FC02FF !important;
}
.color--magenta.is-active {
border-color: #FC02FF !important;
}
.color--magenta.is-active .thumbnail {
border-color: #FC02FF !important;
}
.border-color--magenta {
border-color: #FC02FF !important;
}
.border-color--magenta:after {
border-color: rgb(102.766798419, 0, 104) transparent transparent !important;
}
.bg--magenta {
background-color: #FC02FF !important;
}
.bg--magenta--faded {
background-color: rgba(252, 2, 255, 0.5) !important;
}
.callout.magenta {
background-color: rgb(253.814229249, 155, 255) !important;
}
.callout.magenta.bordered {
border-color: #FC02FF;
}
.preview.magenta img {
outline: 0.0625rem solid #FC02FF;
}
.outlined.ph {
outline: 0.1875rem solid #0F6BBA;
}
.color--ph {
color: #0F6BBA !important;
border-color: #0F6BBA !important;
}
.color--ph.is-active {
border-color: #0F6BBA !important;
}
.color--ph.is-active .thumbnail {
border-color: #0F6BBA !important;
}
.border-color--ph {
border-color: #0F6BBA !important;
}
.border-color--ph:after {
border-color: rgb(3.5820895522, 25.552238806, 44.4179104478) transparent transparent !important;
}
.bg--ph {
background-color: #0F6BBA !important;
}
.bg--ph--faded {
background-color: rgba(15, 107, 186, 0.5) !important;
}
.callout.ph {
background-color: rgb(110.6417910448, 182.0447761194, 243.3582089552) !important;
}
.callout.ph.bordered {
border-color: #0F6BBA;
}
.preview.ph img {
outline: 0.0625rem solid #0F6BBA;
}
.outlined.light-ph {
outline: 0.1875rem solid rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.color--light-ph {
color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
border-color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
}
.color--light-ph.is-active {
border-color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
}
.color--light-ph.is-active .thumbnail {
border-color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
}
.border-color--light-ph {
border-color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
}
.border-color--light-ph:after {
border-color: rgb(87.0447761194, 170.1194029851, 241.4552238806) transparent transparent !important;
}
.bg--light-ph {
background-color: rgb(228.6268656716, 241.671641791, 252.8731343284) !important;
}
.bg--light-ph--faded {
background-color: rgba(228.6268656716, 241.671641791, 252.8731343284, 0.5) !important;
}
.callout.light-ph {
background-color: hsl(207.7192982456, 85.0746268657%, 124.4117647059%) !important;
}
.callout.light-ph.bordered {
border-color: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.preview.light-ph img {
outline: 0.0625rem solid rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.outlined.pale-ph {
outline: 0.1875rem solid rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.color--pale-ph {
color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
border-color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
}
.color--pale-ph.is-active {
border-color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
}
.color--pale-ph.is-active .thumbnail {
border-color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
}
.border-color--pale-ph {
border-color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
}
.border-color--pale-ph:after {
border-color: rgb(39.8507462687, 146.2686567164, 237.6492537313) transparent transparent !important;
}
.bg--pale-ph {
background-color: rgb(181.4328358209, 217.8208955224, 249.0671641791) !important;
}
.bg--pale-ph--faded {
background-color: rgba(181.4328358209, 217.8208955224, 249.0671641791, 0.5) !important;
}
.callout.pale-ph {
background-color: hsl(207.7192982456, 85.0746268657%, 114.4117647059%) !important;
}
.callout.pale-ph.bordered {
border-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.preview.pale-ph img {
outline: 0.0625rem solid rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
body {
width: 100%;
}
body .beta {
position: fixed;
top: 0;
left: 0;
opacity: 0.5;
z-index: 999999999;
width: 5rem;
height: 5rem;
}
.height-100vh {
height: 100vh;
}
@media screen and (min-width: 76.875em) {
.xlarge-padding-0 {
padding: 0 !important;
}
}
.animate-padding {
transition: padding 0.2s ease-in;
-webkit-transition: padding 0.2s ease-in;
-moz-transition: padding 0.2s ease-in;
-o-transition: padding 0.2s ease-in;
transition: padding 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.padding-05 {
padding: 0.5rem;
}
.padding-025 {
padding: 0.25rem;
}
.is-reveal-open {
min-height: 100vh;
}
.is-reveal-open body {
min-height: 100vh;
}
@media print, screen and (min-width: 40em) {
.reveal.without-overlay {
max-height: 100vh;
}
}
.reveal.without-overlay {
position: fixed !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.compliance_logo label.checked img {
outline: 5px solid rgba(63, 255, 105, 0.75);
}
.card-report {
background: unset;
border: none;
}
.card-report .footnote {
padding: 0.5rem 0;
}
#import_index .progressbar .progress {
height: 2px;
}
.api .endpoint,
.api .endpoint span {
display: inline;
word-wrap: break-word;
cursor: pointer;
}
.chart-wrapper {
overflow: hidden;
}
.content-to-render .chart-wrapper {
width: 100%;
}
@media print {
.chart-wrapper {
overflow: visible !important;
}
}
.chart-wrapper .scroll-wrapper {
overflow-x: auto !important;
}
.chart-wrapper .scroll-wrapper .chart {
min-width: 55rem;
}
@media print {
.chart-wrapper .scroll-wrapper {
overflow-x: visible !important;
}
.chart-wrapper .scroll-wrapper .chart {
max-width: 70.5rem !important;
}
}
.chart-wrapper .chart-title .title span {
white-space: nowrap;
}
@media print, screen and (max-width: 30em) {
.chart-wrapper .chart-title .buttons {
flex-wrap: wrap;
justify-content: flex-start;
}
}
.chart-wrapper .chart-title .buttons .button {
margin: 1px;
}
.sp-container {
border: none;
}
.sp-input {
height: unset;
}
.share-buttons a {
color: #fefefe !important;
}
.share-buttons a.twitter-button {
background-color: #1d9bf0;
}
.share-buttons a.facebook-button {
background-color: #2374e1;
}
.share-buttons a.linkedin-button {
background-color: #0a66c2;
}
.search-results em {
background: rgb(255, 213.28125, 165);
padding: 0 0.5rem;
}
.faqs .top-level {
background: rgb(228.6268656716, 241.671641791, 252.8731343284);
}
.faqs .top-level h6 {
font-size: 1.25em;
}
.faqs .accordion-item .accordion-title::before {
font-size: 1.25em;
}
.admin .accordion-item {
margin-bottom: 1px;
background: rgb(225.25, 225.25, 225.25);
}
.admin .accordion-item .accordion-title {
color: #555555;
}
.admin .accordion-item .accordion-title::before {
font-size: 1.25em;
}
.admin .tabs-title.is-active a {
font-weight: 500;
}
.admin .tabs-title a {
color: #555555 !important;
}
.site .accordion-item {
background: #fefefe;
margin-bottom: 0.5rem;
}
.site .accordion-item .accordion-title {
border: 1px solid #bbbbbb !important;
}
.site .accordion-item .accordion-title:hover {
color: #555555 !important;
}
.site .accordion-item.is-active > .accordion-title {
color: #555555 !important;
border-bottom: none !important;
}
.site .accordion-item .accordion-content {
border: 1px solid #bbbbbb !important;
border-top: 0;
}
.leaflet-control-layers-selector {
margin: 0;
}
.leaflet-tooltip {
font-weight: 500;
letter-spacing: 0.5px;
}
.leaflet-tooltip.faded-tooltip {
opacity: 0.7 !important;
color: #555555;
background-color: transparent;
border: none;
box-shadow: none;
font-size: 0.7em;
}
.leaflet-tooltip.faded-tooltip.catchment {
font-size: 1em;
font-weight: 500;
}
.leaflet-tooltip.wrapped-tooltip {
white-space: normal;
}
.leaflet-control-loader {
z-index: 2000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -50px;
height: 80px;
width: 100px;
border-radius: 10px;
background: url(https://inform.dataloft.co.uk/assets/loader-ec692b5a90b98dfe36e60e7901e4ae8a74cafb9af364062ad14280ad10df640b.svg) center center no-repeat;
}
.area_data_stats {
line-height: 2;
}
.area_data_stats .h5 {
margin-bottom: 0;
}
.area_data_stats .source {
margin-top: 1rem;
font-size: 0.8em;
line-height: 1.2;
}
.area-index-stats[data-toggler=expand] {
display: none;
}
.area-index-stats[data-toggler=expand].expand {
display: block;
}
.spin-loader {
height: 50px;
width: 200px;
margin: 1rem;
background: url(https://inform.dataloft.co.uk/assets/loader-ec692b5a90b98dfe36e60e7901e4ae8a74cafb9af364062ad14280ad10df640b.svg) center center no-repeat;
opacity: 0.5;
}
.field_with_errors {
box-shadow: 0 0 0.5rem 0.5rem rgb(255, 216, 219.65625);
background: rgb(255, 216, 219.65625);
}
[disabled] .beachball-spinner {
display: none !important;
}
.filters {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.filters.suspended .switch .switch-paddle {
background: #0F6BBA;
}
.filters.suspended .switch input:checked ~ .switch-paddle {
background: #FF3F51;
}
.filters .switch {
display: inline-block;
}
.filters .switch .switch-paddle {
width: 10rem;
}
.filters .switch input:checked ~ .switch-paddle::after {
right: 0.25rem;
left: initial;
}
.filters .switch .switch-inactive {
left: 2.25rem;
}
.h-6.w-6 {
display: inline-block;
font-size: inherit;
height: 1em;
width: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.loader {
font-size: 2em;
filter: contrast(200%);
}
.loader-text {
font-size: 0.5em;
opacity: 0.5;
}
.pagination {
display: flex;
margin-bottom: 0;
color: #eeeeee;
width: fit-content;
margin: auto;
}
.pagination li {
font-size: 0.8em;
}
.pagination a {
font-weight: 300;
color: #555555 !important;
}
.pagination a:hover {
color: #bbbbbb !important;
}
.pagination .current {
background-color: #bbbbbb;
}
.pagination .ellipsis:after {
color: #bbbbbb;
}
.pagination-info {
color: #555555;
font-weight: 300;
font-size: 0.8em;
}
.off-canvas-wrapper {
min-height: 100%;
}
.off-canvas-wrapper .off-canvas-wrapper-inner {
min-height: 100%;
overflow-y: scroll;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas {
min-height: 100%;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas.position-right {
box-shadow: none;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .close-button {
z-index: 999;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .close-button:focus {
color: #fefefe;
background-color: transparent;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .close-button:hover {
color: rgba(254, 254, 254, 0.7);
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li a {
color: #555555;
background: transparent;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li a i {
display: none;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li a:hover {
color: rgb(48.25, 48.25, 48.25);
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li a.button {
margin: 1rem;
border-color: #555555;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li a.button:hover {
background-color: #bbbbbb;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li .menu-item-prefix {
padding: 0.7em 1.25em;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li .drilldown-submenu-cover-previous {
padding-top: 1rem;
height: 100vh;
background-color: #eeeeee;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown li .menu-item-spacer {
border-bottom: 0.0625rem solid #bbbbbb;
padding-top: 0.5rem;
margin-bottom: 0.5rem;
display: block;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
align-content: stretch;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content .grid-container {
width: 100%;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content .site-content {
z-index: 0;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media print, screen and (max-width: 63.99875em) {
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content .site-content > .grid-container {
padding: 0;
}
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content .site-content .main-section {
flex-grow: 1;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas-content .site-content .hero:last-child {
flex-grow: 1;
}
header {
z-index: 1000;
}
header.sticky-nav {
z-index: 9999 !important;
}
header a[data-open=offCanvas] {
font-size: 2em;
}
header .site-branding {
padding: 0 !important;
display: inline-block;
}
@media print, screen and (min-width: 64em) {
header .site-branding {
width: 50%;
}
}
header .site-branding img {
width: 100%;
padding: 0;
}
header .menu li a {
color: #0F213B;
transition: color 0.3s ease-in;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
header .menu li a:hover {
color: rgb(46.0135135135, 101.2297297297, 180.9864864865);
}
header .menu li a.button {
color: #fefefe;
}
header .menu li a.disabled {
opacity: 0.4;
}
header .menu.dropdown .submenu {
box-shadow: 0 0.375rem 1rem-calc 2 rgba(85, 85, 85, 0.2);
}
header .menu.dropdown .submenu li a {
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
header .menu.dropdown .submenu li a:hover {
background: rgb(225.25, 225.25, 225.25);
}
header .menu .button {
line-height: 0.75;
}
header .user-menu {
font-size: 0.8rem;
color: #eeeeee;
}
header .user-menu .menu li {
align-items: center;
}
header .user-menu .menu li .menu-item-spacer {
padding-left: 0.5rem;
display: block;
height: 1.5rem;
margin-right: 0.5rem;
border-right: 0.0625rem solid #eeeeee;
}
header .user-menu .menu li a,
header .user-menu .menu li button {
padding: 0.5rem 0.75rem;
font-weight: 300;
color: #888888;
align-self: center;
}
header .user-menu .menu li a:hover,
header .user-menu .menu li button:hover {
color: #bbbbbb;
}
header .user-menu .menu li a.button,
header .user-menu .menu li button.button {
color: #888888;
border-color: #888888;
padding: 0.375rem 0.75rem;
text-transform: none;
margin-left: 0.5rem;
}
header .site-menu > li > a {
font-size: 0.9rem;
padding: 1rem 1rem !important;
}
header .site-menu > li > a .button {
margin: -0.7rem 0;
}
header .site-menu > li:first-child > a {
margin-left: -1rem;
}
header .site-menu > li.is-dropdown-submenu-parent .is-dropdown-submenu {
z-index: 1000;
}
header .site-menu > li.is-dropdown-submenu-parent a {
font-size: 0.9em;
}
header .site-menu > li.is-dropdown-submenu-parent.opens-right > a {
padding-right: 2.5rem !important;
}
header .site-menu > li.is-dropdown-submenu-parent.opens-right > a:after {
margin-right: 1rem;
}
@media print, screen and (min-width: 40em) {
header .site-menu-buttons {
justify-content: flex-end;
}
header .site-menu-buttons li a {
padding-right: 0 !important;
}
}
.review-header {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.with-shadow {
box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px;
}
.with-shadow.bg--white--90 {
box-shadow: none;
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.off-canvas-wrapper {
overflow: visible;
}
.off-canvas-wrapper .off-canvas-wrapper-inner {
overflow-y: visible;
}
@media print, screen and (min-width: 64em) {
.off-canvas-wrapper .off-canvas-wrapper-inner .content-padded {
padding-top: 5.9rem;
}
}
@media print, screen and (min-width: 64em) {
.off-canvas-wrapper .off-canvas-wrapper-inner .sticky {
z-index: 9999;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .sticky-nav {
position: sticky;
top: 0;
z-index: 9999;
}
.is-reveal-open .off-canvas-wrapper .off-canvas-wrapper-inner .sticky-nav {
z-index: 0;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .sticky-nav-report {
top: 150px;
}
.off-canvas-wrapper .off-canvas-wrapper-inner .navigation {
z-index: 2;
}
}
.sentence-stat {
font-weight: 400;
}
@media print, screen and (max-width: 63.99875em) {
.medium-only-horizontal-negative-margin {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.medium-only-horizontal-negative-margin .medium-padding-horizontal-15 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
}
@media print, screen and (max-width: 39.99875em) {
.small-only-horizontal-negative-margin {
margin-right: -1rem;
margin-left: -1rem;
}
}
.button {
position: relative;
}
.button .beachball {
position: absolute;
right: -1rem;
top: -0.75rem;
}
.button .beachball img {
height: 3.5rem;
}
@media print, screen and (min-width: 40em) {
.button-heading {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
}
.very-fancy-list {
list-style: none;
margin-left: 0.75rem;
}
.very-fancy-list ul {
list-style: none;
margin-left: 0.5em;
}
.very-fancy-list li {
position: relative;
margin-bottom: 1em;
padding-left: 1em;
}
.very-fancy-list li::before {
position: absolute;
left: -0.5em;
line-height: 1.4;
content: "※";
font-weight: 900;
color: #0F6BBA;
}
.very-fancy-list.fancy-bullet-list {
margin-left: 0.5rem;
}
.very-fancy-list.fancy-bullet-list li::before {
left: -0.3em;
margin-top: -0.15em;
content: "●";
font-size: 1.2em;
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.image-link .thumbnail {
position: relative;
}
.image-link .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
display: flex;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.image-link .overlay:hover {
background: rgba(254, 254, 254, 0.5);
opacity: 1;
}
.dropdown-pane {
z-index: 1001;
width: unset;
}
.dropdown-pane.export {
width: 124px;
font-size: 12px;
padding: 0;
}
.dropdown-pane.export .menu .menu-item button,
.dropdown-pane.export .menu .menu-item a {
padding: 0.5rem 1rem;
width: 100%;
text-align: left;
font-weight: 400;
color: #555555;
transition: background 0.2s ease-in;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.dropdown-pane.export .menu .menu-item button:hover,
.dropdown-pane.export .menu .menu-item a:hover {
background: #eeeeee;
}
.share-buttons-small {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.share-buttons-small a {
border: none !important;
}
.share-buttons-small iframe {
display: block;
margin: 0 auto;
}
.share-buttons {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.share-buttons .share-button {
margin: 0.25rem 0 !important;
}
.share-buttons a {
border: none !important;
}
.share-buttons iframe {
display: block;
margin: 0 auto;
}
.share-buttons .IN-widget {
zoom: 1.4;
margin: 0 !important;
display: block !important;
line-height: 1;
}
.fb_iframe_widget {
display: block !important;
line-height: 1;
}
.infographics-logo img {
width: 10rem;
}
.endless-overflow {
overflow-x: clip;
}
.endless-horizontal {
margin: 0 -50vw 0 -100vw;
padding: 0 50vw 0 100vw;
}
.hero {
background-image: url(https://inform.dataloft.co.uk/assets/backdrop-c46c273fbe6040919121e8b62d26729dcbb21d625969a763bd9c8c8a4cfc6542.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 1rem 0;
z-index: 1;
}
.hero h3 .small {
font-size: 0.75em;
}
.hero h3 .smaller {
font-size: 0.65em;
}
.hero.bg--dark-gray {
background-image: url(https://inform.dataloft.co.uk/assets/backdrop-c46c273fbe6040919121e8b62d26729dcbb21d625969a763bd9c8c8a4cfc6542.svg);
}
.hero.fixed {
background-position-y: 0%;
background-size: 100%;
margin: 0 -50vw 0 -100vw;
padding: 0 50vw 0 100vw;
}
.hero--dark {
background-color: #555555;
background-image: url(https://inform.dataloft.co.uk/assets/backdrop-c46c273fbe6040919121e8b62d26729dcbb21d625969a763bd9c8c8a4cfc6542.svg);
color: #fefefe;
}
.national_market .hero {
background-image: url(https://inform.dataloft.co.uk/assets/backdrop-c46c273fbe6040919121e8b62d26729dcbb21d625969a763bd9c8c8a4cfc6542.svg);
}
.hero p.intro {
font-size: 1.25rem;
color: #0F213B;
line-height: 1.3;
}
.hero .home-splash .home-splash-cta h1 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 3rem;
}
@media print, screen and (min-width: 40em) {
.hero .home-splash .home-splash-cta h1 {
font-size: 4rem;
}
}
@media print, screen and (min-width: 64em) {
.hero .home-splash .home-splash-cta h1 {
font-size: 5rem;
}
}
.hero .home-splash .home-splash-cta p {
text-transform: uppercase;
font-size: 2rem;
line-height: 1.2;
margin-bottom: 4rem;
color: #0F6BBA;
}
.focus-area a {
color: #bbbbbb;
}
.focus-area a:hover {
color: #555555;
}
.focus-area h3 {
color: #0F213B;
line-height: 2.5rem;
font-weight: 500;
}
.focus-area h3 .area {
line-height: 1.1;
display: block;
}
@media print, screen and (min-width: 64em) {
.focus-area .large-align-bottom {
align-items: flex-end;
}
}
.focus-area .change-area {
min-height: 1em;
line-height: 1.9rem;
}
@media print, screen and (max-width: 63.99875em) {
.focus-area .change-area {
width: 100%;
}
}
.focus-area .area-change-form {
width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
.focus-area .area-change-form {
margin-top: 0.5rem;
}
.focus-area .area-change-form.flex-dir-row-wrap {
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 40em) {
.focus-area .area-change-form .medium-width-auto {
width: auto !important;
}
}
.focus-area .area-change-form .search-results {
position: absolute;
width: 288px;
left: 0;
z-index: 1001;
margin: 0;
padding: 0;
list-style: none;
border-top: none;
opacity: 0;
pointer-events: none;
max-height: 70vh;
overflow-y: auto;
transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
-o-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.focus-area .area-change-form .search-results a {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 1px;
line-height: 1.2;
color: #0F6BBA;
transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.focus-area .area-change-form .search-results a:hover {
background: #0F6BBA;
color: #fefefe;
}
.focus-area .area-change-form .search-results a .smaller {
line-height: 1.4;
display: block;
margin-top: 0.25rem;
}
.focus-area .area-change-form .search-results:hover {
opacity: 1;
pointer-events: unset;
}
.focus-area .area-change-form input:focus + .search-results {
opacity: 1;
pointer-events: unset;
}
.flex-grid .flex-child {
padding: 0.5rem;
}
.homepage-bullets {
height: 0;
overflow-y: hidden;
transition: height 0.3s ease-in;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.homepage-bullets.revealed {
height: auto;
}
.intro {
font-weight: 300;
}
.greeting {
color: #0F213B;
}
.tasks-list {
transition: height 0.5s ease-in;
-webkit-transition: height 0.5s ease-in;
-moz-transition: height 0.5s ease-in;
-o-transition: height 0.5s ease-in;
transition: height 0.5s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
height: 0;
overflow: hidden;
}
.tasks-list.revealed {
overflow: unset;
height: unset;
margin-bottom: 1em;
}
[data-toggle] {
cursor: pointer;
}
[data-toggle] * {
cursor: auto;
}
.no-wrap {
white-space: nowrap;
word-break: keep-all;
}
.hide-content {
display: none;
}
.hide-content.revealed {
display: block;
}
[aria-expanded=true] .show-content {
display: none;
}
[aria-expanded=true] .hide-content {
display: unset;
}
.expander {
font-size: 1em;
}
.small .expander {
font-size: 0.8em;
}
.smaller .expander {
font-size: 0.5em;
}
[aria-expanded=true] .expander svg {
transform: rotate(45deg);
}
[aria-expanded=true] .expander.up svg {
transform: rotate(-45deg);
}
footer {
background: rgb(9.8310810811, 21.6283783784, 38.6689189189);
color: rgba(254, 254, 254, 0.7);
font-size: 0.8rem;
}
footer a {
transition: color 0.3s ease-in;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
footer a:hover {
color: rgb(63.447761194, 158.1940298507, 239.552238806);
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 1rem;
line-height: 1.5;
}
footer ul li {
margin-top: 0.5rem;
}
footer .footer-logo {
display: block;
max-width: 100%;
height: 3rem;
}
#recommendations > turbo-frame {
margin-bottom: 2rem;
}
#recommendations > turbo-frame:last-child {
margin-bottom: 0;
}
.recommendation .h6 {
font-weight: 400;
}
.link:hover {
text-decoration: underline;
}
.slick.out .slick-track {
margin-left: 0;
}
.slick.out .slick-track .slick-slide .card .heading {
text-overflow: ellipsis;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
}
.slick.out .slick-arrow.slick-next {
right: -0.5rem;
}
.slick.out .slick-arrow.slick-prev {
left: -0.5rem;
}
.slick.in .slick-arrow.slick-next {
right: 0.5rem;
}
.slick.in .slick-arrow.slick-next:after {
color: #FF3F51;
text-shadow: 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe;
}
.slick.in .slick-arrow.slick-prev {
left: 0.5rem;
}
.slick.in .slick-arrow.slick-prev:after {
color: #FF3F51;
text-shadow: 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe, 0 0 3px #fefefe;
}
.slick .slick-figure {
min-height: 5rem;
}
.slick img {
width: 100%;
}
.amenities-placeholder {
min-height: 4200px;
}
@media print, screen and (min-width: 40em) {
.amenities-placeholder {
min-height: 2100px;
}
}
@media print, screen and (min-width: 64em) {
.amenities-placeholder {
min-height: 1700px;
}
}
@media screen and (min-width: 76.875em) {
.amenities-placeholder {
min-height: 1200px;
}
}
.amenity-box .download-buttons-wrapper {
width: 80%;
padding: 1rem;
padding-bottom: 0;
margin-top: 2.3rem;
background-color: rgba(254, 254, 254, 0.8);
}
.amenity-box .download-buttons {
opacity: 0;
pointer-events: none;
display: flex;
justify-content: center;
transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.amenity-box:hover .download-buttons {
opacity: 1;
pointer-events: unset;
}
.side-menu {
width: 8rem;
font-size: 0.8rem;
z-index: 99999;
}
.side-menu .dropdown {
scrollbar-width: none;
box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 20px;
}
.side-menu .dropdown .nested {
display: none;
box-shadow: rgba(0, 0, 0, 0.15) 10px 10px 30px;
background-color: rgb(252.223880597, 253.5970149254, 254.776119403);
}
.side-menu .dropdown .nested.js-dropdown-active {
display: block;
}
.side-menu .dropdown.menu.vertical > li.opens-right > a::after {
border-color: transparent transparent transparent rgb(134.2388059701, 193.9701492537, 245.2611940299);
}
.side-menu .dropdown > li.is-active > a {
background-color: hsl(207.7192982456, 135.0746268657%, 29.4117647059%);
color: rgb(134.2388059701, 193.9701492537, 245.2611940299);
}
.side-menu .dropdown > li .is-active a {
background-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.side-menu .dropdown > li a {
color: rgb(9.2910447761, 66.276119403, 115.2089552239);
}
.side-menu .dropdown > li a:hover {
background-color: rgb(181.4328358209, 217.8208955224, 249.0671641791);
}
.side-menu .dropdown > li > a {
color: #fefefe;
font-weight: 500;
text-align: center;
}
.side-menu .dropdown > li > a:hover {
background-color: hsl(207.7192982456, 135.0746268657%, 29.4117647059%);
}
.side-menu .dropdown > li > a i {
display: block;
margin: auto;
width: 3rem;
}
.homepage-table .widget-title-row {
flex-direction: column;
}
.homepage-table .widget-title-row .buttons {
justify-content: flex-start;
}
@media print, screen and (min-width: 40em) {
.homepage-map {
padding-right: 0.25rem;
}
}
.homepage-map .widget-cell {
padding-top: 0 !important;
}
.homepage-map .widget-cell .map-wrapper {
z-index: 0;
}
.homepage-map .widget-cell .map-title-wrapper {
z-index: 1;
margin-bottom: 0 !important;
position: relative;
}
.homepage-map .widget-cell .map-title-wrapper .h4 {
display: none;
}
.homepage-map .widget-cell .map-title-wrapper .buttons {
position: absolute;
top: 1rem;
right: 1rem;
}
.homepage-map .widget-cell .map-title-wrapper .buttons .h5 {
display: none;
}
.homepage-map .widget-cell .map {
height: 37.3rem !important;
}
.homepage-map .widget-cell .source {
display: none;
}
.front-page-thumbnail {
width: 100%;
flex-grow: 1;
}
.front-page-thumbnail img,
.front-page-thumbnail turbo-frame {
aspect-ratio: 1/1;
object-fit: contain;
}
.front-page-thumbnail img {
border: 0.25rem solid rgb(242.7850746269, 248.8268656716, 254.0149253731);
background-color: rgb(242.7850746269, 248.8268656716, 254.0149253731);
}
.thumbnail-wrapper {
display: flex;
text-decoration: none;
border-bottom: none !important;
}
.areas.create .map, .areas.index .map {
height: 35rem;
}
#select2-bm-select-area-results li:first-child {
background: unset;
color: #bbbbbb;
}
#select2-bm-select-area-results .select2-results__option[id$="Create new area"] {
background: cyan;
}
#select2-bm-select-area-results .select2-results__option[id$="Create new area"]:hover {
background: #0F6BBA;
}
.choropleth-legend {
position: relative;
margin-bottom: 1rem;
height: 2rem;
}
.choropleth-legend .swatches {
display: flex;
background: white;
}
.choropleth-legend .swatches div {
flex-grow: 1;
flex-shrink: 1;
width: 10px;
height: 1rem;
opacity: 0.7;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
color: white;
font-size: 0.5rem;
}
.choropleth-legend .scale {
position: absolute;
}
.choropleth-legend .scale .range {
height: 2rem;
position: relative;
border-left: 1px solid #555555;
border-collapse: collapse;
}
.choropleth-legend .scale .range .start {
left: 0.125rem;
}
.choropleth-legend .scale .range .start,
.choropleth-legend .scale .range .end {
position: absolute;
font-size: 0.65rem;
text-align: center;
bottom: 0;
line-height: 1;
}
.choropleth-legend .scale .range .end {
display: none;
right: 0.125rem;
}
.choropleth-legend .scale .range:last-child {
border-right: 1px solid #555555;
}
.choropleth-legend .scale .range:last-child .end {
display: block;
}
.clipboard,
[data-controller=clipboard] {
position: relative;
}
.clipboard.copied:after,
[data-controller=clipboard].copied:after {
font-size: 0.8rem;
content: "Copied to clipboard";
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: #3FFF69;
padding: 0.25em 1em;
box-shadow: 0 0 0.5em 0.5em #3FFF69;
border-radius: 0.5em;
color: #0F213B;
animation: appear-then-fade 1.5s both;
white-space: nowrap;
opacity: 0.8;
}
.plain .clipboard.copied:after,
.plain [data-controller=clipboard].copied:after {
box-shadow: unset;
border-radius: unset;
color: #FF3F51;
animation: appear-then-fade 2s both;
opacity: 1;
}
.pool-legend {
font-weight: 500;
line-height: 1.1;
font-size: 0.8rem;
vertical-align: middle;
}
.chart-logo {
width: 6rem;
}
.poll .highcharts-color-0 {
fill: #0A1E39 !important;
stroke: #0A1E39 !important;
color: #0A1E39 !important;
}
.poll .highcharts-color-0 circle {
fill: #0A1E39 !important;
}
.poll .highcharts-color-0 span {
color: #0a0a0a;
}
.poll .highcharts-color-1 {
fill: #50AC57 !important;
stroke: #50AC57 !important;
color: #50AC57 !important;
}
.poll .highcharts-color-1 circle {
fill: #50AC57 !important;
}
.poll .highcharts-color-1 span {
color: #0a0a0a;
}
.poll .highcharts-color-2 {
fill: #5FB9B4 !important;
stroke: #5FB9B4 !important;
color: #5FB9B4 !important;
}
.poll .highcharts-color-2 circle {
fill: #5FB9B4 !important;
}
.poll .highcharts-color-2 span {
color: #0a0a0a;
}
.poll .highcharts-color-3 {
fill: #C8D767 !important;
stroke: #C8D767 !important;
color: #C8D767 !important;
}
.poll .highcharts-color-3 circle {
fill: #C8D767 !important;
}
.poll .highcharts-color-3 span {
color: #0a0a0a;
}
.poll .highcharts-color-4 {
fill: #5275A4 !important;
stroke: #5275A4 !important;
color: #5275A4 !important;
}
.poll .highcharts-color-4 circle {
fill: #5275A4 !important;
}
.poll .highcharts-color-4 span {
color: #0a0a0a;
}
.poll .highcharts-color-5 {
fill: #FFF87F !important;
stroke: #FFF87F !important;
color: #FFF87F !important;
}
.poll .highcharts-color-5 circle {
fill: #FFF87F !important;
}
.poll .highcharts-color-5 span {
color: #0a0a0a;
}
.poll .highcharts-data-label text {
text-shadow: 0px 0px 1px rgb(0, 0, 0);
font-weight: 600;
}
.poll.homepage {
height: 100%;
}
.poll.homepage .h4 {
line-height: 1;
font-size: 1.3em;
}
.poll.homepage .heading {
font-size: 0.9em;
margin-bottom: 0.25em;
}
.poll.homepage .question {
font-size: 0.8em;
line-height: 1.2;
margin-bottom: 1em;
}
.poll.homepage .answer {
line-height: 1.4;
display: flex;
align-items: flex-start;
margin-bottom: 0.25em;
}
.poll.homepage .answer label {
font-size: 0.75em;
line-height: 1.4;
}
.poll.homepage .answer input {
font-size: 0.75em;
margin-bottom: 0;
}
.poll.homepage .answers {
margin-bottom: 1rem;
}
.poll.homepage .answers .answer-row {
margin-bottom: 0.5em;
line-height: 1.2;
}
.poll.homepage .answers .answer, .poll.homepage .answers .value {
margin-left: 0.5em;
margin-bottom: 0;
line-height: 1.2;
}
.poll.homepage .vote {
background-color: #eeeeee;
color: #0F213B;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.poll.homepage .vote:hover {
background-color: #0F6BBA;
color: #fefefe;
}
.poll.homepage .highcharts-title {
font-size: 1rem;
font-weight: 300;
color: #0F6BBA;
fill: #0F6BBA;
text-transform: unset;
}
.poll.homepage .highcharts-credits {
font-size: 0.8em;
}
.poll.homepage .highcharts-credits:hover {
font-size: 1em;
}
.poll .dropdown-pane {
width: 100px;
font-size: 12px;
padding: 0;
}
.poll .dropdown-pane .menu li a {
padding: 0.5rem 1rem;
color: #0F213B;
transition: background-color 0.2s ease-in;
-webkit-transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.poll .dropdown-pane .menu li a:hover {
background-color: #eeeeee;
}
.admin {
background-color: #eeeeee;
}
.admin.docs main h1, .admin.docs main .h1, .admin.docs main h2, .admin.docs main .h2 {
border-bottom: 1px solid #bbbbbb;
}
.admin.docs main h3, .admin.docs main .h3, .admin.docs main h4, .admin.docs main .h4, .admin.docs main h5, .admin.docs main .h5, .admin.docs main h6, .admin.docs main .h6 {
font-weight: 500;
}
.admin.docs main h3, .admin.docs main .h3 {
font-size: 1.5rem;
}
.admin.docs main blockquote {
border-left-width: 0.25rem;
border-right: 0.25rem solid #bbbbbb;
background-color: rgba(254, 254, 254, 0.5);
padding: 1.5rem 1.5rem 1rem;
line-height: 1.6;
}
.admin.docs main li {
margin-bottom: 0.5em;
}
.admin.docs main img {
display: block;
margin: 1rem auto;
width: 50%;
}
.admin.docs main code {
font-size: 0.75em;
border-radius: 3px;
}
.admin.docs main pre {
line-height: 1;
background-color: rgba(254, 254, 254, 0.5);
padding: 1rem;
margin-bottom: 1rem;
}
.admin.docs main pre code {
line-height: 1;
border: none;
background-color: transparent;
padding: 0;
}
.admin .user_stats turbo-frame {
min-height: 20rem;
}
.admin .user_stats .chart {
zoom: 0.7;
}
.admin .pagination {
margin: unset;
width: unset;
}
.admin .line-height-tight {
line-height: 1.1;
}
.admin .off-canvas {
background-color: rgb(212.5, 212.5, 212.5);
}
.admin .off-canvas.position-left {
width: 275px;
transform: translateX(-275px);
}
@media print, screen and (min-width: 64em) {
.admin .off-canvas.position-left.reveal-for-large {
transform: none;
}
}
.admin .off-canvas.position-left.reveal-for-large ~ .off-canvas-content.has-reveal-left {
margin-left: 275px;
}
.admin a:not(.button) {
transition: 0.2s color ease-in;
-webkit-transition: 0.2s color ease-in;
-moz-transition: 0.2s color ease-in;
-o-transition: 0.2s color ease-in;
transition: 0.2s color ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
color: rgb(70.027027027, 126.4594594595, 207.972972973);
}
.admin a:not(.button):hover {
color: rgb(35.6756756757, 78.4864864865, 140.3243243243);
}
.admin .off-canvas-content {
overflow-x: clip;
}
@media print, screen and (min-width: 64em) {
.admin .off-canvas-content .top-bar {
max-width: calc(100% - 275px) !important;
}
}
.admin .top-bar {
background-color: #0F213B;
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.admin .top-bar.show-for-large {
border-bottom: 0.5px solid #0F213B;
}
.admin .top-bar ul {
background-color: transparent;
}
.admin .top-bar ul li.brighter a {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.admin .top-bar ul li a {
transition: color 0.3s ease-in;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.admin .top-bar ul li a svg {
color: rgb(110.6891891892, 154.7162162162, 218.3108108108);
}
.admin .top-bar ul li a:hover {
color: rgb(192.0135135135, 211.2297297297, 238.9864864865);
}
.admin .off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown.admin-menu li a {
transition: background-color 0.3s ease-in;
-webkit-transition: background-color 0.3s ease-in;
-moz-transition: background-color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.admin .off-canvas-wrapper .off-canvas-wrapper-inner .off-canvas .menu.drilldown.admin-menu li a:hover {
background-color: rgb(225.25, 225.25, 225.25);
}
.admin .filters-box {
height: 0;
overflow: hidden;
}
.admin .filters-box.revealed {
height: unset;
}
.admin .user-settings {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.admin .expander {
font-size: 1em;
}
.small .admin .expander {
font-size: 0.8em;
}
[aria-expanded=true] .admin .expander svg {
transform: rotate(45deg);
}
.admin .with-details tr[aria-expanded=true] {
background-color: rgb(207.8135135135, 214.1024570025, 223.1864864865);
}
.admin .with-details tr[aria-expanded=true]:hover {
background-color: rgb(192.5824324324, 200.9013513514, 212.9175675676);
}
.admin .with-details tr.user-details-row {
background-color: rgb(223.0445945946, 227.3035626536, 233.4554054054);
}
.admin .with-details tr.user-details-row:hover {
background-color: rgb(223.0445945946, 227.3035626536, 233.4554054054) !important;
}
.admin .grid-table-row {
border-bottom: 1px dashed #bbbbbb;
}
.admin [data-toggler=expand] {
display: none;
}
.admin [data-toggler=expand].expand {
display: block;
}
.admin .has-tip.text-normal {
font-weight: 300;
border-bottom: 1px solid #bbbbbb;
}
.admin .has-tip.text-normal.no-border {
border-bottom: none;
}
.admin .to-right {
float: right;
}
.admin dl.small {
font-size: 0.75em;
}
.admin dl.plain dt {
font-weight: 300;
}
.admin dl.inline {
display: flex;
flex-wrap: wrap;
line-height: 1.1;
}
.admin dl.inline dt {
flex-basis: 40%;
text-align: right;
padding-right: 1rem;
flex-shrink: 1;
margin: 0.125rem 0;
}
.admin dl.inline dd {
padding-right: 1rem;
flex-basis: 60%;
flex-shrink: 2;
margin: 0.125rem 0;
}
.admin dl.inline dd.break {
word-break: break-all;
}
.admin dl.inline.size-60-40 dt {
flex-basis: 60%;
}
.admin dl.inline.size-60-40 dd {
flex-basis: 40%;
}
.admin dl.inline.size-70-30 dt {
flex-basis: 70%;
}
.admin dl.inline.size-70-30 dd {
flex-basis: 30%;
}
.admin .chevron-toggle[data-chevron=after] {
display: inline-block;
}
.admin .chevron-toggle[data-chevron=after]:after {
padding-left: 0.5em;
width: 1em;
content: "\f101";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
}
.admin .chevron-toggle[data-chevron=after].expand:after {
content: "\f103";
}
.admin .data-form-fields label {
line-height: 1.2;
margin-bottom: 0.5rem;
font-size: 0.7em;
}
.admin .data-form-fields .data-row .grid-x.grid-padding-x {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.admin .data-form-fields .data-row .grid-x.grid-padding-x .cell {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.admin ul.plain {
list-style: none;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick .slick-track {
display: flex;
align-items: center;
}
.slick .slick-figure {
position: relative;
display: flex !important;
}
.slick .slick-figure figcaption {
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
}
.slick.dark .slick-arrow:after {
color: rgba(255, 255, 255, 0.2);
}
.slick.bigger-arrows > .slick-arrow:after {
font-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
display: block;
text-align: center;
color: #0F6BBA;
}
.slick.bigger-arrows.out > .slick-arrow.slick-next {
right: -0.75rem;
}
.slick.bigger-arrows.out > .slick-arrow.slick-prev {
left: -0.5rem;
}
.slick .slick-arrow {
position: absolute;
font-size: 0;
top: 50%;
z-index: 999;
}
.slick .slick-arrow:after {
font-size: 1rem;
width: 1rem;
height: 1rem;
color: rgba(0, 0, 0, 0.2);
display: block;
}
.slick .slick-arrow.slick-prev {
left: 0.5rem;
}
.slick .slick-arrow.slick-prev:after {
content: "◀";
}
.slick .slick-arrow.slick-next {
right: 0.5rem;
}
.slick .slick-arrow.slick-next:after {
content: "▶";
}
.highcharts-title, .highcharts-subtitle, .highcharts-yaxis .highcharts-axis-title {
text-transform: uppercase;
}
.highcharts-title {
font-weight: bold;
}
/**
* @license Highcharts
*
* (c) 2009-2016 Torstein Honsi
*
* License: www.highcharts.com/license
*/
.highcharts-container {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
text-align: left;
line-height: normal;
z-index: 0; /* #1072 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 12px;
user-select: none;
touch-action: manipulation;
outline: none;
}
.highcharts-root {
display: block;
}
.highcharts-root text {
stroke-width: 0;
}
.highcharts-strong {
font-weight: bold;
}
.highcharts-emphasized {
font-style: italic;
}
.highcharts-anchor {
cursor: pointer;
}
.highcharts-background {
fill: rgba(255, 255, 255, 0);
}
.highcharts-plot-border, .highcharts-plot-background {
fill: none;
}
.highcharts-label-box {
fill: none;
}
.highcharts-button-box {
fill: inherit;
}
.highcharts-tracker-line {
stroke-linejoin: round;
stroke: rgba(192, 192, 192, 0.0001);
stroke-width: 22;
fill: none;
}
.highcharts-tracker-area {
fill: rgba(192, 192, 192, 0.0001);
stroke-width: 0;
}
/* Titles */
.highcharts-title {
fill: #000;
font-size: 1.5rem;
}
.highcharts-subtitle {
fill: #666666;
font-size: 1rem;
}
/* Axes */
.highcharts-axis-line {
fill: none;
stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-axis-line {
stroke-width: 0;
}
.highcharts-axis-title {
fill: #666666;
}
.highcharts-axis-labels {
fill: #666666;
cursor: default;
font-size: 0.8rem;
}
.highcharts-grid-line {
fill: none;
stroke: #e6e6e6;
}
.highcharts-xaxis-grid .highcharts-grid-line {
stroke-width: 1px;
}
.highcharts-tick {
stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-tick {
stroke-width: 0;
}
.highcharts-minor-grid-line {
stroke: #f2f2f2;
}
.highcharts-crosshair-thin {
stroke-width: 1px;
stroke: #cccccc;
}
.highcharts-crosshair-category {
stroke: #ccd6eb;
stroke-opacity: 0.25;
}
/* Credits */
.highcharts-credits {
cursor: default;
fill: #999999;
transition: fill 250ms, font-size 250ms;
font-size: 0.9em;
}
.highcharts-credits:hover {
fill: black;
font-size: 1.25em;
}
/* Tooltip */
.highcharts-tooltip {
cursor: default;
pointer-events: none;
white-space: nowrap;
transition: stroke 150ms;
}
.highcharts-tooltip text {
fill: #000;
}
.highcharts-tooltip .highcharts-header {
font-size: 0.85em;
}
.highcharts-tooltip-box {
stroke-width: 0px;
fill: rgba(219, 219, 216, 0.8);
fill-opacity: 0.85;
}
.highcharts-tooltip-box .highcharts-label-box {
fill: rgba(219, 219, 216, 0.8);
fill-opacity: 0.85;
}
div.highcharts-tooltip {
filter: none;
}
.highcharts-selection-marker {
fill: #335cad;
fill-opacity: 0.25;
}
.highcharts-graph {
fill: none;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
}
.highcharts-empty-series {
stroke-width: 1px;
fill: none;
stroke: #cccccc;
}
.highcharts-state-hover .highcharts-graph {
stroke-width: 3;
}
.highcharts-point-inactive {
opacity: 0.2;
transition: opacity 50ms; /* quick in */
}
.highcharts-series-inactive {
opacity: 0.2;
transition: opacity 50ms; /* quick in */
}
.highcharts-state-hover path {
transition: stroke-width 50ms; /* quick in */
}
.highcharts-state-normal path {
transition: stroke-width 250ms; /* slow out */
}
/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
transition: opacity 250ms;
}
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
opacity: 0.2;
}
/* Series options */
/* Default colors */
.highcharts-color-0 {
fill: var(--palette-0);
stroke: var(--palette-0);
}
.highcharts-color-1 {
fill: var(--palette-1);
stroke: var(--palette-1);
}
.highcharts-color-2 {
fill: var(--palette-2);
stroke: var(--palette-2);
}
.highcharts-color-3 {
fill: var(--palette-3);
stroke: var(--palette-3);
}
.highcharts-color-4 {
fill: var(--palette-4);
stroke: var(--palette-4);
}
.highcharts-color-5 {
fill: var(--palette-5);
stroke: var(--palette-5);
}
.highcharts-color-6 {
fill: var(--palette-6);
stroke: var(--palette-6);
}
.highcharts-color-7 {
fill: var(--palette-7);
stroke: var(--palette-7);
}
.highcharts-color-8 {
fill: var(--palette-8);
stroke: var(--palette-8);
}
.highcharts-color-9 {
fill: var(--palette-9);
stroke: var(--palette-9);
}
.highcharts-color-10 {
fill: var(--palette-10);
stroke: var(--palette-10);
}
.highcharts-color-11 {
fill: var(--benchmark-0);
stroke: var(--benchmark-0);
}
.highcharts-color-12 {
fill: var(--benchmark-1);
stroke: var(--benchmark-1);
}
.highcharts-area {
fill-opacity: 0.75;
stroke-width: 0;
}
.highcharts-markers {
stroke-width: 1px;
stroke: rgba(255, 255, 255, 0);
}
.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-marker-hidden {
opacity: 0;
}
.highcharts-point {
stroke-width: 1px;
}
.highcharts-dense-data .highcharts-point {
stroke-width: 0;
}
.highcharts-data-label {
font-size: 0.9em;
}
.highcharts-data-label-box {
fill: none;
stroke-width: 0;
}
.highcharts-data-label text, text.highcharts-data-label {
fill: #000;
}
.highcharts-data-label-connector {
fill: none;
}
.highcharts-data-label-hidden {
pointer-events: none;
}
.highcharts-halo {
fill-opacity: 0.25;
stroke-width: 0;
}
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
fill: #cccccc;
stroke: #404048;
}
.highcharts-column-series rect.highcharts-point {
stroke: rgba(255, 255, 255, 0);
}
.highcharts-column-series .highcharts-point {
transition: fill-opacity 250ms;
}
.highcharts-column-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-pie-series .highcharts-point {
stroke-linejoin: round;
stroke: rgba(255, 255, 255, 0);
}
.highcharts-pie-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point {
stroke-linejoin: round;
stroke: rgba(255, 255, 255, 0);
}
.highcharts-funnel-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point-select {
fill: inherit;
stroke: inherit;
}
.highcharts-pyramid-series .highcharts-point {
stroke-linejoin: round;
stroke: rgba(255, 255, 255, 0);
}
.highcharts-pyramid-series .highcharts-point-hover {
fill-opacity: 0.75;
transition: fill-opacity 50ms;
}
.highcharts-pyramid-series .highcharts-point-select {
fill: inherit;
stroke: inherit;
}
.highcharts-solidgauge-series .highcharts-point {
stroke-width: 0;
}
.highcharts-treemap-series .highcharts-point {
stroke-width: 1px;
stroke: #e6e6e6;
transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}
.highcharts-treemap-series .highcharts-point-hover {
stroke: #999999;
transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}
.highcharts-treemap-series .highcharts-above-level {
display: none;
}
.highcharts-treemap-series .highcharts-internal-node {
fill: none;
}
.highcharts-treemap-series .highcharts-internal-node-interactive {
fill-opacity: 0.15;
cursor: pointer;
}
.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
fill-opacity: 0.75;
}
.highcharts-vector-series .highcharts-point {
fill: none;
stroke-width: 2px;
}
.highcharts-windbarb-series .highcharts-point {
fill: none;
stroke-width: 2px;
}
.highcharts-lollipop-stem {
stroke: #404048;
}
.highcharts-focus-border {
fill: none;
stroke-width: 2px;
}
.highcharts-legend-item-hidden .highcharts-focus-border {
fill: none !important;
}
/* Legend */
.highcharts-legend-box {
fill: none;
stroke-width: 0;
}
.highcharts-legend-item > text {
fill: #000;
font-size: 0.8rem;
cursor: pointer;
stroke-width: 0;
}
.highcharts-legend-item:hover text {
fill: #404048;
}
.highcharts-legend-item-hidden * {
fill: #cccccc !important;
stroke: #cccccc !important;
transition: fill 250ms;
}
.highcharts-legend-nav-active {
fill: #003399;
cursor: pointer;
}
.highcharts-legend-nav-inactive {
fill: #cccccc;
}
circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
fill: rgba(192, 192, 192, 0.0001);
}
.highcharts-legend-title-box {
fill: none;
stroke-width: 0;
}
/* Bubble legend */
.highcharts-bubble-legend-symbol {
stroke-width: 2;
fill-opacity: 0.5;
}
.highcharts-bubble-legend-connectors {
stroke-width: 1;
}
.highcharts-bubble-legend-labels {
fill: #000;
}
/* Loading */
.highcharts-loading {
position: absolute;
background-color: rgba(255, 255, 255, 0);
opacity: 0.5;
text-align: center;
z-index: 10;
transition: opacity 250ms;
}
.highcharts-loading-hidden {
height: 0 !important;
opacity: 0;
overflow: hidden;
transition: opacity 250ms, height 250ms step-end;
}
.highcharts-loading-inner {
font-weight: bold;
position: relative;
top: 45%;
}
/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
fill: #404048;
fill-opacity: 0.05;
}
.highcharts-plot-line {
fill: none;
stroke: #999999;
stroke-width: 1px;
}
/* Highcharts More and modules */
.highcharts-boxplot-box {
fill: rgba(255, 255, 255, 0);
}
.highcharts-boxplot-median {
stroke-width: 2px;
}
.highcharts-bubble-series .highcharts-point {
fill-opacity: 0.5;
}
.highcharts-errorbar-series .highcharts-point {
stroke: #404048;
}
.highcharts-gauge-series .highcharts-data-label-box {
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-gauge-series .highcharts-dial {
fill: #404048;
stroke-width: 0;
}
.highcharts-polygon-series .highcharts-graph {
fill: inherit;
stroke-width: 0;
}
.highcharts-waterfall-series .highcharts-graph {
stroke: #000;
stroke-dasharray: 1, 3;
}
.highcharts-sankey-series .highcharts-point {
stroke-width: 0;
}
.highcharts-sankey-series .highcharts-link {
transition: fill 250ms, fill-opacity 250ms;
fill-opacity: 0.5;
}
.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
transition: fill 50ms, fill-opacity 50ms;
fill-opacity: 1;
}
.highcharts-venn-series .highcharts-point {
fill-opacity: 0.75;
stroke: #cccccc;
transition: stroke 250ms, fill-opacity 250ms;
}
.highcharts-venn-series .highcharts-point-hover {
fill-opacity: 1;
stroke: #cccccc;
}
/* Highstock */
.highcharts-navigator-mask-outside {
fill-opacity: 0;
}
.highcharts-navigator-mask-inside {
fill: #6685c2; /* navigator.maskFill option */
fill-opacity: 0.25;
cursor: ew-resize;
}
.highcharts-navigator-outline {
stroke: #cccccc;
fill: none;
}
.highcharts-navigator-handle {
stroke: #cccccc;
fill: #f2f2f2;
cursor: ew-resize;
}
.highcharts-navigator-series {
fill: #335cad;
stroke: #335cad;
}
.highcharts-navigator-series .highcharts-graph {
stroke-width: 1px;
}
.highcharts-navigator-series .highcharts-area {
fill-opacity: 0.05;
}
.highcharts-navigator-xaxis .highcharts-axis-line {
stroke-width: 0;
}
.highcharts-navigator-xaxis .highcharts-grid-line {
stroke-width: 1px;
stroke: #e6e6e6;
}
.highcharts-navigator-xaxis.highcharts-axis-labels {
fill: #999999;
}
.highcharts-navigator-yaxis .highcharts-grid-line {
stroke-width: 0;
}
.highcharts-scrollbar-thumb {
fill: #cccccc;
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-scrollbar-button {
fill: #e6e6e6;
stroke: #cccccc;
stroke-width: 1px;
}
.highcharts-scrollbar-arrow {
fill: #666666;
}
.highcharts-scrollbar-rifles {
stroke: #666666;
stroke-width: 1px;
}
.highcharts-scrollbar-track {
fill: #f2f2f2;
stroke: #f2f2f2;
stroke-width: 1px;
}
.highcharts-button {
fill: #f7f7f7;
stroke: #cccccc;
cursor: default;
stroke-width: 1px;
transition: fill 250ms;
}
.highcharts-button text {
fill: #000;
}
.highcharts-button-hover {
transition: fill 0ms;
fill: #e6e6e6;
stroke: #cccccc;
}
.highcharts-button-hover text {
fill: #000;
}
.highcharts-button-pressed {
font-weight: bold;
fill: #e6ebf5;
stroke: #cccccc;
}
.highcharts-button-pressed text {
fill: #000;
font-weight: bold;
}
.highcharts-button-disabled text {
fill: #000;
}
.highcharts-range-selector-buttons .highcharts-button {
stroke-width: 0px;
}
.highcharts-range-label rect {
fill: none;
}
.highcharts-range-label text {
fill: #666666;
}
.highcharts-range-input rect {
fill: none;
}
.highcharts-range-input text {
fill: #000;
}
.highcharts-range-input {
stroke-width: 1px;
stroke: #cccccc;
}
input.highcharts-range-selector {
position: absolute;
border: 0;
width: 1px; /* Chrome needs a pixel to see it */
height: 1px;
padding: 0;
text-align: center;
left: -9em; /* #4798 */
}
.highcharts-crosshair-label text {
fill: rgba(255, 255, 255, 0);
font-size: 1.1em;
}
.highcharts-crosshair-label .highcharts-label-box {
fill: inherit;
}
.highcharts-candlestick-series .highcharts-point {
stroke: #404048;
stroke-width: 1px;
}
.highcharts-candlestick-series .highcharts-point-up {
fill: rgba(255, 255, 255, 0);
}
.highcharts-hollowcandlestick-series .highcharts-point-down {
fill: #f21313;
stroke: #f21313;
}
.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
fill: #06b535;
stroke: #06b535;
}
.highcharts-hollowcandlestick-series .highcharts-point-up {
fill: transparent;
stroke: #06b535;
}
.highcharts-ohlc-series .highcharts-point-hover {
stroke-width: 3px;
}
.highcharts-flags-series .highcharts-point .highcharts-label-box {
stroke: #999999;
fill: rgba(255, 255, 255, 0);
transition: fill 250ms;
}
.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
stroke: #404048;
fill: #ccd6eb;
}
.highcharts-flags-series .highcharts-point text {
fill: #404048;
font-size: 0.9em;
font-weight: bold;
}
/* Highcharts Maps */
.highcharts-map-series .highcharts-point {
transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
stroke: #cccccc;
stroke-width: inherit;
}
.highcharts-map-series .highcharts-point-hover {
transition: fill 0ms, fill-opacity 0ms;
fill-opacity: 0.5;
}
.highcharts-mapline-series .highcharts-point {
fill: none;
}
.highcharts-heatmap-series .highcharts-point {
stroke-width: 0;
}
.highcharts-map-navigation {
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.highcharts-mapview-inset-border {
stroke: #cccccc;
stroke-width: 1px;
fill: none;
}
.highcharts-coloraxis {
stroke-width: 0;
}
.highcharts-coloraxis-marker {
fill: #999999;
}
.highcharts-null-point {
fill: #f7f7f7;
}
/* 3d charts */
.highcharts-3d-frame {
fill: transparent;
}
/* Exporting module */
.highcharts-contextbutton {
fill: rgba(187, 187, 187, 0.5); /* needed to capture hover */
stroke: none;
stroke-linecap: round;
}
.highcharts-contextbutton:hover {
fill: #999999;
stroke: #999999;
}
.highcharts-button-symbol {
stroke: #666666;
stroke-width: 3px;
}
.highcharts-menu {
border: 1px solid #999999;
background: #f7f7f7;
padding: 5px 0;
box-shadow: 3px 3px 10px #666666;
}
.highcharts-menu hr {
margin: 0;
}
.highcharts-menu-item {
padding: 0.5em 1em;
background: none;
color: #000;
cursor: pointer;
transition: background 250ms, color 250ms;
}
.highcharts-menu-item:hover {
background: #666666;
color: #f7f7f7;
}
/* Breadcrumbs */
.highcharts-breadcrumbs-button {
fill: none;
stroke-width: 0;
cursor: pointer;
}
.highcharts-breadcrumbs-separator {
fill: #666666;
}
/* Drilldown module */
.highcharts-drilldown-point {
cursor: pointer;
}
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
cursor: pointer;
fill: #003399;
font-weight: bold;
text-decoration: underline;
}
/* No-data module */
.highcharts-no-data text {
font-weight: bold;
font-size: 12px;
fill: #666666;
}
/* Drag-panes module */
.highcharts-axis-resizer {
cursor: ns-resize;
stroke: black;
stroke-width: 2px;
}
/* Bullet type series */
.highcharts-bullet-target {
stroke-width: 0;
}
/* Lineargauge type series */
.highcharts-lineargauge-target {
stroke-width: 1px;
stroke: #000;
}
.highcharts-lineargauge-target-line {
stroke-width: 1px;
stroke: #000;
}
/* Annotations module */
.highcharts-annotation-label-box {
stroke-width: 1px;
stroke: #404048;
fill: #404048;
fill-opacity: 0.75;
}
.highcharts-annotation-label text {
fill: #e6e6e6;
}
/* A11y module */
.highcharts-a11y-proxy-button {
border-width: 0;
background-color: transparent;
cursor: pointer;
outline: none;
opacity: 0.001;
z-index: 999;
overflow: hidden;
padding: 0;
margin: 0;
display: block;
position: absolute;
}
.highcharts-a11y-proxy-group li {
list-style: none;
}
.highcharts-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
clip: rect(1px, 1px, 1px, 1px);
margin-top: -3px;
opacity: 0.01;
}
.highcharts-a11y-invisible {
visibility: hidden;
}
.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-before,
.highcharts-a11y-proxy-container-after {
position: absolute;
white-space: nowrap;
}
g.highcharts-series, .highcharts-markers, .highcharts-point {
outline: none;
}
/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
cursor: pointer;
}
.highcharts-point-connecting-path {
fill: none;
}
.highcharts-grid-axis .highcharts-tick {
stroke-width: 1px;
}
.highcharts-grid-axis .highcharts-axis-line {
stroke-width: 1px;
}
.highcharts-root,
.chart:not(.article) {
--profile-color-0: var(--palette-0);
--profile-color-1: var(--palette-1);
--profile-color-2: var(--palette-2);
--profile-color-3: var(--palette-3);
--profile-color-4: var(--palette-4);
--profile-color-5: var(--palette-5);
--profile-color-6: var(--palette-6);
--profile-color-7: var(--palette-7);
--profile-color-8: var(--palette-8);
--profile-color-9: var(--palette-9);
--profile-color-10: var(--palette-10);
--profile-color-11: var(--benchmark-0);
--profile-color-12: var(--benchmark-1);
--benchmark-color-0: var(--benchmark-0);
--benchmark-color-1: var(--benchmark-1);
--benchmark-color-2: var(--benchmark-2);
--benchmark-color-3: var(--benchmark-3);
--benchmark-color-4: var(--benchmark-4);
--benchmark-color-5: var(--benchmark-5);
--benchmark-color-6: var(--benchmark-6);
--benchmark-color-7: var(--benchmark-7);
}
.profile-color-0 {
background-color: var(--profile-color-0);
}
.highcharts-color-0 {
background-color: var(--profile-color-0);
fill: var(--palette-0);
}
.highcharts-stroke-color-0 {
stroke: var(--palette-0);
fill: var(--palette-0);
color: var(--palette-0);
}
.benchmark-color-0 {
background-color: var(--benchmark-color-0) !important;
fill: var(--benchmark-color-0) !important;
stroke: var(--benchmark-color-0) !important;
}
.benchmark-color-0 rect {
fill: var(--benchmark-color-0) !important;
background-color: var(--benchmark-color-0) !important;
stroke: var(--benchmark-color-0) !important;
}
.benchmark-color-0 .highcharts-point {
fill: var(--benchmark-color-0) !important;
stroke: var(--benchmark-color-0) !important;
stroke-width: 4px;
}
.profile-color-1 {
background-color: var(--profile-color-1);
}
.highcharts-color-1 {
background-color: var(--profile-color-1);
fill: var(--palette-1);
}
.highcharts-stroke-color-1 {
stroke: var(--palette-1);
fill: var(--palette-1);
color: var(--palette-1);
}
.benchmark-color-1 {
background-color: var(--benchmark-color-1) !important;
fill: var(--benchmark-color-1) !important;
stroke: var(--benchmark-color-1) !important;
}
.benchmark-color-1 rect {
fill: var(--benchmark-color-1) !important;
background-color: var(--benchmark-color-1) !important;
stroke: var(--benchmark-color-1) !important;
}
.benchmark-color-1 .highcharts-point {
fill: var(--benchmark-color-1) !important;
stroke: var(--benchmark-color-1) !important;
stroke-width: 4px;
}
.profile-color-2 {
background-color: var(--profile-color-2);
}
.highcharts-color-2 {
background-color: var(--profile-color-2);
fill: var(--palette-2);
}
.highcharts-stroke-color-2 {
stroke: var(--palette-2);
fill: var(--palette-2);
color: var(--palette-2);
}
.benchmark-color-2 {
background-color: var(--benchmark-color-2) !important;
fill: var(--benchmark-color-2) !important;
stroke: var(--benchmark-color-2) !important;
}
.benchmark-color-2 rect {
fill: var(--benchmark-color-2) !important;
background-color: var(--benchmark-color-2) !important;
stroke: var(--benchmark-color-2) !important;
}
.benchmark-color-2 .highcharts-point {
fill: var(--benchmark-color-2) !important;
stroke: var(--benchmark-color-2) !important;
stroke-width: 4px;
}
.profile-color-3 {
background-color: var(--profile-color-3);
}
.highcharts-color-3 {
background-color: var(--profile-color-3);
fill: var(--palette-3);
}
.highcharts-stroke-color-3 {
stroke: var(--palette-3);
fill: var(--palette-3);
color: var(--palette-3);
}
.benchmark-color-3 {
background-color: var(--benchmark-color-3) !important;
fill: var(--benchmark-color-3) !important;
stroke: var(--benchmark-color-3) !important;
}
.benchmark-color-3 rect {
fill: var(--benchmark-color-3) !important;
background-color: var(--benchmark-color-3) !important;
stroke: var(--benchmark-color-3) !important;
}
.benchmark-color-3 .highcharts-point {
fill: var(--benchmark-color-3) !important;
stroke: var(--benchmark-color-3) !important;
stroke-width: 4px;
}
.profile-color-4 {
background-color: var(--profile-color-4);
}
.highcharts-color-4 {
background-color: var(--profile-color-4);
fill: var(--palette-4);
}
.highcharts-stroke-color-4 {
stroke: var(--palette-4);
fill: var(--palette-4);
color: var(--palette-4);
}
.benchmark-color-4 {
background-color: var(--benchmark-color-4) !important;
fill: var(--benchmark-color-4) !important;
stroke: var(--benchmark-color-4) !important;
}
.benchmark-color-4 rect {
fill: var(--benchmark-color-4) !important;
background-color: var(--benchmark-color-4) !important;
stroke: var(--benchmark-color-4) !important;
}
.benchmark-color-4 .highcharts-point {
fill: var(--benchmark-color-4) !important;
stroke: var(--benchmark-color-4) !important;
stroke-width: 4px;
}
.profile-color-5 {
background-color: var(--profile-color-5);
}
.highcharts-color-5 {
background-color: var(--profile-color-5);
fill: var(--palette-5);
}
.highcharts-stroke-color-5 {
stroke: var(--palette-5);
fill: var(--palette-5);
color: var(--palette-5);
}
.benchmark-color-5 {
background-color: var(--benchmark-color-5) !important;
fill: var(--benchmark-color-5) !important;
stroke: var(--benchmark-color-5) !important;
}
.benchmark-color-5 rect {
fill: var(--benchmark-color-5) !important;
background-color: var(--benchmark-color-5) !important;
stroke: var(--benchmark-color-5) !important;
}
.benchmark-color-5 .highcharts-point {
fill: var(--benchmark-color-5) !important;
stroke: var(--benchmark-color-5) !important;
stroke-width: 4px;
}
.profile-color-6 {
background-color: var(--profile-color-6);
}
.highcharts-color-6 {
background-color: var(--profile-color-6);
fill: var(--palette-6);
}
.highcharts-stroke-color-6 {
stroke: var(--palette-6);
fill: var(--palette-6);
color: var(--palette-6);
}
.benchmark-color-6 {
background-color: var(--benchmark-color-6) !important;
fill: var(--benchmark-color-6) !important;
stroke: var(--benchmark-color-6) !important;
}
.benchmark-color-6 rect {
fill: var(--benchmark-color-6) !important;
background-color: var(--benchmark-color-6) !important;
stroke: var(--benchmark-color-6) !important;
}
.benchmark-color-6 .highcharts-point {
fill: var(--benchmark-color-6) !important;
stroke: var(--benchmark-color-6) !important;
stroke-width: 4px;
}
.profile-color-7 {
background-color: var(--profile-color-7);
}
.highcharts-color-7 {
background-color: var(--profile-color-7);
fill: var(--palette-7);
}
.highcharts-stroke-color-7 {
stroke: var(--palette-7);
fill: var(--palette-7);
color: var(--palette-7);
}
.benchmark-color-7 {
background-color: var(--benchmark-color-7) !important;
fill: var(--benchmark-color-7) !important;
stroke: var(--benchmark-color-7) !important;
}
.benchmark-color-7 rect {
fill: var(--benchmark-color-7) !important;
background-color: var(--benchmark-color-7) !important;
stroke: var(--benchmark-color-7) !important;
}
.benchmark-color-7 .highcharts-point {
fill: var(--benchmark-color-7) !important;
stroke: var(--benchmark-color-7) !important;
stroke-width: 4px;
}
.profile-color-8 {
background-color: var(--profile-color-8);
}
.highcharts-color-8 {
background-color: var(--profile-color-8);
fill: var(--palette-8);
}
.highcharts-stroke-color-8 {
stroke: var(--palette-8);
fill: var(--palette-8);
color: var(--palette-8);
}
.benchmark-color-8 {
background-color: var(--benchmark-color-8) !important;
fill: var(--benchmark-color-8) !important;
stroke: var(--benchmark-color-8) !important;
}
.benchmark-color-8 rect {
fill: var(--benchmark-color-8) !important;
background-color: var(--benchmark-color-8) !important;
stroke: var(--benchmark-color-8) !important;
}
.benchmark-color-8 .highcharts-point {
fill: var(--benchmark-color-8) !important;
stroke: var(--benchmark-color-8) !important;
stroke-width: 4px;
}
.profile-color-9 {
background-color: var(--profile-color-9);
}
.highcharts-color-9 {
background-color: var(--profile-color-9);
fill: var(--palette-9);
}
.highcharts-stroke-color-9 {
stroke: var(--palette-9);
fill: var(--palette-9);
color: var(--palette-9);
}
.benchmark-color-9 {
background-color: var(--benchmark-color-9) !important;
fill: var(--benchmark-color-9) !important;
stroke: var(--benchmark-color-9) !important;
}
.benchmark-color-9 rect {
fill: var(--benchmark-color-9) !important;
background-color: var(--benchmark-color-9) !important;
stroke: var(--benchmark-color-9) !important;
}
.benchmark-color-9 .highcharts-point {
fill: var(--benchmark-color-9) !important;
stroke: var(--benchmark-color-9) !important;
stroke-width: 4px;
}
.highcharts-plot-line:not(.highcharts-zero-gridline) {
stroke-width: 2;
}
.highcharts-plot-line-label {
font-weight: 500;
font-size: 15px;
}
.highcharts-xaxis-labels {
text-align: center;
}
.highcharts-series-inactive {
opacity: 1;
}
.highcharts-point-inactive {
opacity: 1;
}
.highcharts-grid.highcharts-xaxis-grid {
display: none;
}
.highcharts-data-label text {
fill: #fefefe;
text-shadow: 0px 0px 2px rgb(0, 0, 0);
font-weight: 400;
font-size: 1.5em;
}
.highcharts-graph {
stroke-width: 5px;
}
.highcharts-state-hover .highcharts-graph {
stroke-width: 7px;
}
.highcharts-data-label {
font-weight: 400;
}
.highcharts-subtitle {
text-transform: unset;
}
.highcharts-credits {
fill: #0a0a0a;
}
.chart-frontend {
position: relative;
min-height: 20rem;
}
.chart-title span {
opacity: 0.5;
font-size: 0.75em;
}
.table-chart .highcharts-color-0 {
stroke: transparent;
}
.table-chart .highcharts-color-1 {
fill: #777;
stroke: transparent;
}
.table-chart .highcharts-color-2 {
fill: #bbb;
stroke: transparent;
}
.table-chart .highcharts-color-3 {
fill: #555;
stroke: transparent;
}
.table-chart .highcharts-color-4 {
fill: #ddd;
stroke: transparent;
}
.table-chart .highcharts-data-label {
color: #fefefe !important;
font-size: 1.4em;
text-transform: uppercase;
font-weight: 400;
text-shadow: none;
}
.table-chart .highcharts-data-label span,
.table-chart .highcharts-data-label text {
color: #fefefe !important;
text-transform: uppercase;
text-shadow: none;
text-overflow: ellipsis;
max-width: 280px;
overflow: hidden;
}
.table-chart .highcharts-data-label.table-chart-labels.wdth-300 span,
.table-chart .highcharts-data-label.table-chart-labels.wdth-300 text {
max-width: 300px !important;
}
.table-chart .highcharts-data-label.table-chart-labels.wdth-unlimited span,
.table-chart .highcharts-data-label.table-chart-labels.wdth-unlimited text {
max-width: unset !important;
}
.table-chart .highcharts-data-label.highcharts-data-label-color-2 {
color: #0a0a0a !important;
fill: #0a0a0a !important;
}
.table-chart .highcharts-data-label.highcharts-data-label-color-2 span,
.table-chart .highcharts-data-label.highcharts-data-label-color-2 text {
color: #0a0a0a !important;
fill: #0a0a0a !important;
}
.table-chart .highcharts-data-label.highcharts-data-label-color-4 {
color: #0a0a0a !important;
fill: #0a0a0a !important;
}
.table-chart .highcharts-data-label.highcharts-data-label-color-4 span,
.table-chart .highcharts-data-label.highcharts-data-label-color-4 text {
color: #0a0a0a !important;
fill: #0a0a0a !important;
}
.table-chart .table-chart-headings {
font-weight: normal;
font-size: 0.8em;
}
.table-chart .table-chart-headings text {
color: #0a0a0a !important;
fill: #0a0a0a !important;
text-shadow: none;
font-weight: 400;
font-size: 0.8em;
}
.table-chart .table-chart-headings .highcharts-point {
display: none;
}
.table-chart .table-chart-headings .highcharts-data-label {
color: #0a0a0a !important;
fill: #0a0a0a !important;
}
.table-chart .table-chart-headings .highcharts-data-label span,
.table-chart .table-chart-headings .highcharts-data-label text {
color: #0a0a0a !important;
fill: #0a0a0a !important;
text-transform: uppercase;
text-shadow: none;
white-space: normal;
display: inline-block;
text-align: center;
}
.table-chart .table-chart-headings.highcharts-point {
display: none;
}
.pie-chart .highcharts-label:not(.highcharts-tooltip, .highcharts-data-label) {
font-size: 2em;
}
.pie-chart .highcharts-label:not(.highcharts-tooltip, .highcharts-data-label) .pie-chart-title {
text-align: center;
text-anchor: middle;
}
.pie-chart .highcharts-label:not(.highcharts-tooltip, .highcharts-data-label) tspan {
font-weight: 400;
}
.highcharts-markers.highcharts-scatter-series .highcharts-color-0 {
fill: #fff;
opacity: 0.8;
}
.highcharts-markers.highcharts-scatter-series .highcharts-color-1 {
fill: #fff;
opacity: 0.8;
}
.highcharts-series.highcharts-column-series .highcharts-point {
stroke-width: 0;
}
.highcharts-series.highcharts-line-series.table-chart-bullets .highcharts-graph {
display: none;
}
.highcharts-series.highcharts-line-series.table-chart-headings .highcharts-graph {
display: none;
}
.grid-x .cell.print-padding-0 > turbo-frame {
display: flex;
}
@media print {
.grid-x .print-padding-0 {
padding: 0 !important;
}
.grid-x .print-margin-0 {
margin: 0 !important;
}
}
.graphic-menu-container {
position: relative;
}
@media print, screen and (min-width: 64em) {
.graphic-menu-container .dropdown-pane {
max-height: 40vh;
}
}
.graphic-menu-container .dropdown-pane {
width: 100%;
overflow-y: auto;
left: 0 !important;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.graphic-menu-container .dropdown-pane .heading {
padding: 0 1rem;
}
.graphic-menu-container .dropdown-pane .sharable-item {
cursor: pointer;
padding: 0.5rem 1rem;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.graphic-menu-container .dropdown-pane .sharable-item:hover {
color: #fefefe;
background-color: #0F213B;
}
.graphic-menu-container .graphic-menu-icon {
width: 3em;
padding: 0.5em;
}
.button.text-left {
text-align: left !important;
}
.button-description {
margin-top: 0.5em;
}
.canvas {
min-height: 20rem;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media print {
.comparables_container .h2 small {
color: #bbbbbb !important;
}
}
.comparables .comparable {
page-break-inside: avoid;
break-inside: avoid;
cursor: pointer;
}
.comparables .comparable.selected {
background-color: #dedede;
padding: 0 1rem 1rem;
margin: 0 -1rem -1rem;
display: block !important;
}
@media print {
.comparables .comparable {
page-break-inside: avoid;
break-inside: avoid;
}
.comparables .comparable.selected {
display: block !important;
background-color: transparent;
}
.comparables .comparable hr {
border-bottom-color: #dddddd;
}
}
.comparables .photo img {
width: 100%;
}
.comparables .photo .spinner {
opacity: 0.5;
width: 2em;
height: 2em;
}
.leaflet-popup-content-wrapper {
width: 20em;
}
.leaflet-popup-content-wrapper .photo {
text-align: center;
margin-top: 1em;
}
.leaflet-popup-content-wrapper .photo img {
width: 100%;
}
.leaflet-popup-content-wrapper .photo .spinner {
text-align: center;
opacity: 0.5;
width: 2em;
height: 2em;
margin: 1em 2em;
}
trix-editor {
border: 1px solid #bbb;
border-radius: 3px;
margin: 0;
padding: 0.4em 0.6em;
min-height: 5em;
outline: none;
}
trix-toolbar * {
box-sizing: border-box;
}
trix-toolbar .trix-button-row {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow-x: auto;
}
trix-toolbar .trix-button-group {
display: flex;
margin-bottom: 10px;
border: 1px solid #bbb;
border-top-color: #ccc;
border-bottom-color: #888;
border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
margin-left: 1.5vw;
}
@media (max-width: 768px) {
trix-toolbar .trix-button-group:not(:first-child) {
margin-left: 0;
}
}
trix-toolbar .trix-button-group-spacer {
flex-grow: 1;
}
@media (max-width: 768px) {
trix-toolbar .trix-button-group-spacer {
display: none;
}
}
trix-toolbar .trix-button {
position: relative;
float: left;
color: rgba(0, 0, 0, 0.6);
font-size: 0.75em;
font-weight: 600;
white-space: nowrap;
padding: 0 0.5em;
margin: 0;
outline: none;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0;
background: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
background: #cbeefa;
color: black;
}
trix-toolbar .trix-button:not(:disabled) {
cursor: pointer;
}
trix-toolbar .trix-button:disabled {
color: rgba(0, 0, 0, 0.125);
}
@media (max-width: 768px) {
trix-toolbar .trix-button {
letter-spacing: -0.01em;
padding: 0 0.3em;
}
}
trix-toolbar .trix-button--icon {
font-size: inherit;
width: 2.6em;
height: 1.6em;
max-width: calc(0.8em + 4vw);
text-indent: -9999px;
}
@media (max-width: 768px) {
trix-toolbar .trix-button--icon {
height: 2em;
max-width: calc(0.8em + 3.5vw);
}
}
trix-toolbar .trix-button--icon::before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 768px) {
trix-toolbar .trix-button--icon::before {
right: 6%;
left: 6%;
}
}
trix-toolbar .trix-button--icon.trix-active::before {
opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
opacity: 0.125;
}
trix-toolbar .trix-button--icon-attach::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
top: 8%;
bottom: 4%;
}
trix-toolbar .trix-button--icon-bold::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-italic::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-link::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-strike::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-quote::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-heading-1::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-code::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-bullet-list::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-number-list::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-undo::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-redo::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-increase-nesting-level::before {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-dialogs {
position: relative;
}
trix-toolbar .trix-dialog {
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 0.75em;
padding: 15px 10px;
background: #fff;
box-shadow: 0 0.3em 1em #ccc;
border-top: 2px solid #888;
border-radius: 5px;
z-index: 5;
}
trix-toolbar .trix-input--dialog {
font-size: inherit;
font-weight: normal;
padding: 0.5em 0.8em;
margin: 0 10px 0 0;
border-radius: 3px;
border: 1px solid #bbb;
background-color: #fff;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
box-shadow: #F00 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
font-size: inherit;
padding: 0.5em;
border-bottom: none;
}
trix-toolbar .trix-dialog--link {
max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
display: flex;
align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
flex: 0 0 content;
margin: 0;
}
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
background: none;
}
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
background: none;
}
trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
background: highlight;
}
trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
background: highlight;
}
trix-editor [data-trix-mutable].attachment.attachment--file {
box-shadow: 0 0 0 2px highlight;
border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
position: relative;
}
trix-editor .attachment:hover {
cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
cursor: text;
}
trix-editor .attachment__progress {
position: absolute;
z-index: 1;
height: 20px;
top: calc(50% - 10px);
left: 5%;
width: 90%;
opacity: 0.9;
transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
opacity: 0;
}
trix-editor .attachment__caption-editor {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
font-size: inherit;
font-family: inherit;
line-height: inherit;
color: inherit;
text-align: center;
vertical-align: top;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
trix-editor .attachment__toolbar {
position: absolute;
z-index: 1;
top: -0.9em;
left: 0;
width: 100%;
text-align: center;
}
trix-editor .trix-button-group {
display: inline-flex;
}
trix-editor .trix-button {
position: relative;
float: left;
color: #666;
white-space: nowrap;
font-size: 80%;
padding: 0 0.8em;
margin: 0;
outline: none;
border: none;
border-radius: 0;
background: transparent;
}
trix-editor .trix-button:not(:first-child) {
border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
background: #cbeefa;
}
trix-editor .trix-button:not(:disabled) {
cursor: pointer;
}
trix-editor .trix-button--remove {
text-indent: -9999px;
display: inline-block;
padding: 0;
outline: none;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
border-radius: 50%;
background-color: #fff;
border: 2px solid highlight;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.7;
content: "";
background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 90%;
}
trix-editor .trix-button--remove:hover {
border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
opacity: 1;
}
trix-editor .attachment__metadata-container {
position: relative;
}
trix-editor .attachment__metadata {
position: absolute;
left: 50%;
top: 2em;
transform: translate(-50%, 0);
max-width: 90%;
padding: 0.1em 0.6em;
font-size: 0.8em;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
display: inline-block;
max-width: 100%;
vertical-align: bottom;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
margin-left: 0.2em;
white-space: nowrap;
}
.trix-content {
line-height: 1.5;
overflow-wrap: break-word;
word-break: break-word;
}
.trix-content * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.trix-content h1 {
font-size: 1.2em;
line-height: 1.2;
}
.trix-content blockquote {
border: 0 solid #ccc;
border-left-width: 0.3em;
margin-left: 0.3em;
padding-left: 0.6em;
}
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
border-width: 0;
border-right-width: 0.3em;
margin-right: 0.3em;
padding-right: 0.6em;
}
.trix-content li {
margin-left: 1em;
}
.trix-content [dir=rtl] li {
margin-right: 1em;
}
.trix-content pre {
display: inline-block;
width: 100%;
vertical-align: top;
font-family: monospace;
font-size: 0.9em;
padding: 0.5em;
white-space: pre;
background-color: #eee;
overflow-x: auto;
}
.trix-content img {
max-width: 100%;
height: auto;
}
.trix-content .attachment {
display: inline-block;
position: relative;
max-width: 100%;
}
.trix-content .attachment a {
color: inherit;
text-decoration: none;
}
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
color: inherit;
}
.trix-content .attachment__caption {
text-align: center;
}
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
content: " •";
}
.trix-content .attachment--preview {
width: 100%;
text-align: center;
}
.trix-content .attachment--preview .attachment__caption {
color: #666;
font-size: 0.9em;
line-height: 1.2;
}
.trix-content .attachment--file {
color: #333;
line-height: 1;
margin: 0 2px 2px 2px;
padding: 0.4em 1em;
border: 1px solid #bbb;
border-radius: 5px;
}
.trix-content .attachment-gallery {
display: flex;
flex-wrap: wrap;
position: relative;
}
.trix-content .attachment-gallery .attachment {
flex: 1 0 33%;
padding: 0 0.5em;
max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
flex-basis: 50%;
max-width: 50%;
}
trix-toolbar .trix-button-group.trix-button-group--file-tools {
display: none;
}
.trix-report {
position: relative;
}
.trix-report trix-toolbar {
font-size: 0.5rem;
position: absolute;
top: -1rem;
margin-bottom: 0;
z-index: 9999;
display: none;
}
@media print {
.trix-report trix-toolbar {
display: none;
}
}
.trix-report trix-toolbar .trix-button {
background-color: #fefefe;
opacity: 1;
color: #0a0a0a !important;
}
.trix-report trix-toolbar .trix-button.trix-active {
background-color: #eeeeee;
}
.trix-report trix-toolbar .trix-button--icon::before {
background-color: #fefefe;
opacity: 1;
}
@media screen {
.trix-report trix-toolbar.show {
display: block;
}
}
@media print {
.trix-report trix-toolbar.show {
display: none;
}
}
.trix-report trix-editor {
border: none;
border-radius: unset;
padding: 0;
min-height: 1em;
outline: none;
}
.trix-report trix-editor [data-trix-serialize] {
display: none !important;
}
.trix-report trix-editor figcaption {
display: none !important;
}
.trix-report trix-toolbar .trix-button--icon-minus::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0idy02IGgtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTkuNSAxMmgtMTUiIC8+Cjwvc3ZnPg==");
}
.trix-report trix-toolbar .trix-button--icon-plus::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0idy02IGgtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTIgNC41djE1bTcuNS03LjVoLTE1IiAvPgo8L3N2Zz4K");
}
.debug-info {
display: none;
}
.debug-info-on .debug-info {
display: unset;
}