Skip to content

Instantly share code, notes, and snippets.

@matthewmueller matthewmueller/Readme.md
Last active Jan 17, 2019

Embed
What would you like to do?

Installation

yarn add express
node index.js

How to Test

I ran this test on Chrome. To see it getting the flash of unstyled content, you'll need to set the 3G setting in Chrome Dev Tools:

img

The test I ran was moving that large <style> tag from the <head> to various parts of the <body> and reloading.

const express = require('express')
const app = express()
app.get('/', function(req, res) {
res.send(`
<html>
<head>
<style>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
body {
line-height: 1
}
ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
sub,sup {
font-size: 80%;
line-height: 1;
vertical-align: sub
}
sup {
vertical-align: super
}
.svg-icon {
vertical-align: bottom;
-moz-transform: rotate(360deg)
}
.svg-icon:not(.native) * {
fill: currentColor
}
.s-avatar {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
border-radius: 3px;
background-color: #848d95;
background-repeat: no-repeat;
background-size: 100%;
vertical-align: bottom
}
.s-avatar .s-avatar--letter {
display: block;
color: #FFF;
font-size: 11px;
font-weight: bold;
line-height: 1.4545455;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.s-avatar .s-avatar--badge {
position: absolute;
right: -4px;
bottom: -4px
}
.s-avatar.s-avatar__md {
width: 32px;
height: 32px;
border-radius: 5px
}
.s-avatar.s-avatar__md .s-avatar--letter {
font-size: 1.69em
}
.s-avatar.s-avatar__md .s-avatar--badge {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
.s-avatar.s-avatar__lg {
width: 64px;
height: 64px;
border-radius: 7px
}
.s-avatar.s-avatar__lg .s-avatar--letter {
font-size: 3.38em
}
.s-avatar.s-avatar__lg .s-avatar--badge {
-webkit-transform: scale(2.4);
transform: scale(2.4)
}
.s-avatar.s-avatar__xl {
width: 96px;
height: 96px;
border-radius: 10px
}
.s-avatar.s-avatar__xl .s-avatar--letter {
font-size: 5.07em
}
.s-avatar.s-avatar__xl .s-avatar--badge {
-webkit-transform: scale(3);
transform: scale(3)
}
.s-avatar.s-avatar__xxl {
width: 128px;
height: 128px;
border-radius: 14px
}
.s-avatar.s-avatar__xxl .s-avatar--letter {
font-size: 6.77em
}
.s-avatar.s-avatar__xxl .s-avatar--badge {
-webkit-transform: scale(3);
transform: scale(3)
}
.s-badge {
display: inline-flex;
align-content: center;
justify-content: center;
min-width: 0;
padding: 0 6px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 12px;
font-weight: normal;
line-height: 2;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
border-color: transparent;
background-color: #242729;
color: #fafafb
}
.s-badge .s-tag--dismiss {
background-color: transparent;
color: rgba(250,250,251,0.9)
}
a.s-badge:hover {
border-color: rgba(0,0,0,0);
background-color: #0c0d0e;
color: #fafafb
}
a.s-badge:hover {
text-decoration: none
}
.s-badge--image {
display: inline-flex;
align-self: center;
margin-right: 1px;
margin-left: -5px
}
.s-badge__tag {
border-color: #d6d9dc;
background-color: #eff0f1;
color: #3b4045
}
.s-badge__tag .s-tag--dismiss {
background-color: transparent;
color: rgba(59,64,69,0.9)
}
a.s-badge__tag:hover {
border-color: #c8ccd0;
background-color: #d3d6da;
color: #3b4045
}
.s-badge__gold {
border-color: #ECE3C8;
background-color: #FFF8E2;
color: #0C0D0E
}
.s-badge__gold .s-tag--dismiss {
background-color: transparent;
color: rgba(12,13,14,0.9)
}
a.s-badge__gold:hover {
border-color: #e5d9b5;
background-color: #ffecaf;
color: #0C0D0E
}
.s-badge__silver {
border-color: #E0E1E3;
background-color: #EDEEEF;
color: #0C0D0E
}
.s-badge__silver .s-tag--dismiss {
background-color: transparent;
color: rgba(12,13,14,0.9)
}
a.s-badge__silver:hover {
border-color: #d3d4d7;
background-color: #d2d5d7;
color: #0C0D0E
}
.s-badge__bronze {
border-color: #F1DECC;
background-color: #F9EBE1;
color: #0C0D0E
}
.s-badge__bronze .s-tag--dismiss {
background-color: transparent;
color: rgba(12,13,14,0.9)
}
a.s-badge__bronze:hover {
border-color: #ecd1b8;
background-color: #f1cfb6;
color: #0C0D0E
}
.s-badge__bounty {
border-color: transparent;
background-color: #07C;
color: #FFF
}
.s-badge__bounty .s-tag--dismiss {
background-color: transparent;
color: rgba(255,255,255,0.9)
}
a.s-badge__bounty:hover {
border-color: rgba(0,0,0,0);
background-color: #005999;
color: #FFF
}
.s-badge__votes {
border-color: #c8ccd0;
background-color: #FFF;
color: #3b4045
}
.s-badge__votes .s-tag--dismiss {
background-color: transparent;
color: rgba(59,64,69,0.9)
}
a.s-badge__votes:hover {
border-color: #bbc0c4;
background-color: #e6e6e6;
color: #3b4045
}
.s-badge__answered {
border-color: transparent;
background-color: #5fba7d;
color: #FFF
}
.s-badge__answered .s-tag--dismiss {
background-color: transparent;
color: rgba(255,255,255,0.9)
}
a.s-badge__answered:hover {
border-color: rgba(0,0,0,0);
background-color: #45a163;
color: #FFF
}
.s-badge__rep {
border-color: #5fba7d;
background-color: #FFF;
color: #45A163
}
.s-badge__rep .s-tag--dismiss {
background-color: transparent;
color: rgba(69,161,99,0.9)
}
a.s-badge__rep:hover {
border-color: #4db36e;
background-color: #e6e6e6;
color: #45A163
}
.s-badge__rep-down {
border-color: #dc3d4c;
background-color: #FFF;
color: #C91D2E
}
.s-badge__rep-down .s-tag--dismiss {
background-color: transparent;
color: rgba(201,29,46,0.9)
}
a.s-badge__rep-down:hover {
border-color: #d92739;
background-color: #e6e6e6;
color: #C91D2E
}
.s-badge__mini {
align-self: flex-start;
padding-right: 4px;
padding-left: 3px;
font-size: 11px;
line-height: 1.8;
border-color: transparent;
background-color: #07C;
color: #FFF
}
.s-badge__mini .s-tag--dismiss {
background-color: transparent;
color: rgba(255,255,255,0.9)
}
a.s-badge__mini:hover {
border-color: rgba(0,0,0,0);
background-color: #005999;
color: #FFF
}
.s-badge__important {
border-color: transparent;
background-color: #C91D2E;
color: #FFF
}
.s-badge__important .s-tag--dismiss {
background-color: transparent;
color: rgba(255,255,255,0.9)
}
a.s-badge__important:hover {
border-color: rgba(0,0,0,0);
background-color: #9c1724;
color: #FFF
}
.s-empty-state {
color: #6a737c;
text-align: center;
margin-left: auto;
margin-right: auto
}
.s-empty-state p {
font-size: 13px;
margin-bottom: 12px
}
.s-empty-state p strong {
color: #0C0D0E
}
.s-empty-state .s-btn {
display: inline-block
}
.s-btn-group {
display: flex
}
.s-btn-group .s-btn {
margin-right: 0
}
.s-btn-group .s-btn:not(:first-child) {
margin-left: -1px
}
.s-btn-group .s-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.s-btn-group .s-btn:first-child:not(:only-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.s-btn-group .s-btn:last-child:not(:only-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.s-btn-group .s-btn.is-selected {
z-index: 25
}
.s-btn-group .s-btn:active {
z-index: 30
}
.s-btn-group .s-btn-group--container {
display: flex
}
.s-btn-group .s-btn-group--container .s-btn {
margin-left: -1px
}
.s-btn-group .s-btn-group--container:not(:first-child):not(:last-child) .s-btn {
border-radius: 0
}
.s-btn-group .s-btn-group--container:first-child .s-btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 0
}
.s-btn-group .s-btn-group--container:last-child .s-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.s-card {
padding: 12px;
border: 1px solid #d6d9dc;
border-radius: 3px;
background-color: #FFF
}
.s-card p:last-of-type {
margin-bottom: 0
}
a.s-card:not(.s-card__muted):hover,a.s-card:not(.s-card__muted):focus,a.s-card:not(.s-card__muted):active {
border-color: #bbc0c4
}
.s-card__muted {
border-color: #e4e6e8
}
.s-card__muted>* {
opacity: .65
}
.s-input,.s-textarea {
-webkit-appearance: none;
width: 100%;
margin: 0;
padding: .7em;
border: 1px solid #bbc0c4;
border-radius: 3px;
box-shadow: inset 0 0 1px rgba(145,153,161,0.2),0 0 0 rgba(255,255,255,0);
font-size: 13px;
font-family: inherit;
line-height: 1.02366864
}
.s-input::-webkit-input-placeholder,.s-textarea::-webkit-input-placeholder {
color: #bbc0c4
}
.s-input:-ms-input-placeholder,.s-textarea:-ms-input-placeholder {
color: #bbc0c4
}
.s-input::-ms-input-placeholder,.s-textarea::-ms-input-placeholder {
color: #bbc0c4
}
.s-input::placeholder,.s-textarea::placeholder {
padding-top: 1px;
color: #bbc0c4
}
.s-input::-ms-clear,.s-textarea::-ms-clear {
display: none
}
fieldset {
min-width: 0;
padding: 0;
border: 0
}
.s-label {
padding: 0 2px;
color: #0C0D0E;
font-family: inherit;
font-size: 1.15384615rem;
font-weight: 700;
cursor: pointer
}
legend.s-label {
cursor: default
}
.s-label--status {
margin-left: 4px;
padding: 2px 8px;
border-radius: 7px;
background-color: #eff0f1;
color: #6a737c;
font-size: 12px;
font-style: italic;
font-weight: 400;
vertical-align: text-bottom
}
.s-label--status.s-label--status__required {
background-color: #dc3d4c;
color: #FFF
}
.s-description {
padding: 0 2px;
color: #6a737c;
font-size: 12px
}
.s-input-fill {
padding: .7em;
border: 1px solid #bbc0c4;
border-right-width: 0;
border-left-width: 0;
background-color: #eff0f1;
color: #3b4045;
font-family: inherit;
white-space: nowrap;
line-height: 1.02366864
}
.s-input-fill.s-input-fill__clear {
border-color: transparent;
background-color: transparent
}
.s-input-fill.order-first {
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.s-input-fill.order-last {
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.s-select {
position: relative
}
.s-select:before,.s-select:after {
content: "";
position: absolute;
z-index: 25;
right: 13px;
border-color: #3b4045 transparent;
border-style: solid;
border-width: 4px;
pointer-events: none
}
.s-select:before {
top: calc(50% - 5px);
border-top-width: 0;
border-bottom-width: 4px
}
.s-select:after {
top: calc(50% + 1px);
border-top-width: 4px;
border-bottom-width: 0
}
.s-select>select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 100%;
height: 100%;
padding: .7em;
padding-right: 32px;
border: 1px solid #bbc0c4;
border-radius: 3px;
background-color: #FFF;
outline: 0;
font-size: 13px;
font-family: inherit;
line-height: 1.02366864
}
.s-select>select::-moz-focus-inner {
outline: none !important
}
.s-select>select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
.s-select>select::-ms-expand {
display: none
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
.s-checkbox,.s-radio {
-webkit-appearance:none;
-moz-appearance: none;
appearance: none;
margin: 0;
width: 1em;
height: 1em;
border: 1px solid #bbc0c4;
background-color: #FFF;
outline: 0;
font-size: inherit;
vertical-align: middle;
cursor: pointer
}
.s-checkbox::-ms-check,.s-radio::-ms-check {
display: none
}
.s-checkbox:focus,.s-radio:focus {
outline: 0
}
}
.s-checkbox[disabled],.s-radio[disabled] {
opacity: .5;
cursor: not-allowed
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
.s-checkbox {
border-radius:3px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain
}
.s-checkbox[disabled] {
border-color: #bbc0c4;
background-color: #e4e6e8
}
.s-checkbox:checked {
border-color: #0095ff !important;
background-color: #0095ff;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23fff'/%3E%3C/svg%3E")
}
.s-checkbox:checked:focus {
border-color: #0095ff
}
.s-checkbox:checked[disabled] {
border-color: #6a737c !important;
background-color: #848d95
}
.s-checkbox:focus {
border-color: #66bfff;
box-shadow: 0 0 0 4px rgba(0,149,255,0.15)
}
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
.s-radio {
border-radius:50%
}
.s-radio:checked {
border-color: #0095ff;
border-width: .30769231em;
background-color: #FFF
}
.s-radio:focus {
box-shadow: 0 0 0 4px rgba(0,149,255,0.15)
}
}
.s-input:focus,.s-input.has-focus,.s-textarea:focus,.s-select>select:focus {
position: relative;
border-color: #66bfff;
box-shadow: inset 0 0 4px #eff0f1,0 0 0 4px rgba(0,149,255,0.15);
outline: 0
}
.s-input:focus-within {
position: relative;
border-color: #66bfff;
box-shadow: inset 0 0 4px #eff0f1,0 0 0 4px rgba(0,149,255,0.15);
outline: 0
}
.s-input[disabled],.s-textarea[disabled],.s-select>select[disabled],.s-input[read-only],.s-textarea[read-only],.s-select>select[read-only] {
border-color: #e4e6e8;
background-color: #eff0f1;
box-shadow: inset 0 0 2px rgba(145,153,161,0.1);
color: #bbc0c4
}
.s-input[disabled],.s-textarea[disabled],.s-select>select[disabled] {
cursor: not-allowed
}
.is-disabled,.has-success,.has-error,.has-warning {
position: relative
}
.is-disabled .s-input,.has-success .s-input,.has-error .s-input,.has-warning .s-input {
padding-right: 32px
}
.is-disabled .s-select .s-input-icon,.has-success .s-select .s-input-icon,.has-error .s-select .s-input-icon,.has-warning .s-select .s-input-icon {
right: 32px
}
.is-disabled .s-textarea,.has-success .s-textarea,.has-error .s-textarea,.has-warning .s-textarea {
padding-right: 48px
}
.is-disabled .s-textarea~.s-input-icon,.has-success .s-textarea~.s-input-icon,.has-error .s-textarea~.s-input-icon,.has-warning .s-textarea~.s-input-icon {
top: 1.5em
}
.is-disabled .s-input-message a,.has-success .s-input-message a,.has-error .s-input-message a,.has-warning .s-input-message a {
text-decoration: underline
}
.has-warning .s-input,.has-warning .s-textarea,.has-warning .s-checkbox,.has-warning .s-radio:not(:checked),.has-warning .s-select>select {
border-color: #dcb000
}
.has-warning .s-input:focus,.has-warning .s-textarea:focus,.has-warning .s-checkbox:focus,.has-warning .s-radio:not(:checked):focus,.has-warning .s-select>select:focus {
box-shadow: inset 0 0 4px 0 #eff0f1,0 0 0 4px rgba(255,207,16,0.4)
}
.has-warning .s-input-message {
color: #765e00
}
.has-warning .s-input-message a {
color: #433600
}
.has-warning .s-input-message a:hover {
color: #100d00
}
.has-warning .s-input-icon {
color: #dcb000
}
.has-error .s-input,.has-error .s-textarea,.has-error .s-checkbox,.has-error .s-radio:not(:checked),.has-error .s-select>select {
border-color: #dc3d4c
}
.has-error .s-input:focus,.has-error .s-textarea:focus,.has-error .s-checkbox:focus,.has-error .s-radio:not(:checked):focus,.has-error .s-select>select:focus {
box-shadow: inset 0 0 4px 0 #eff0f1,0 0 0 4px rgba(229,154,161,0.4)
}
.has-error .s-input-message {
color: #C91D2E
}
.has-error .s-input-message a {
color: #430a0f
}
.has-error .s-input-message a:hover {
color: #170305
}
.has-error .s-input-icon {
color: #dc3d4c
}
.has-success .s-input,.has-success .s-textarea,.has-success .s-checkbox,.has-success .s-radio:not(:checked),.has-success .s-select>select {
border-color: #5fba7d
}
.has-success .s-input:focus,.has-success .s-textarea:focus,.has-success .s-checkbox:focus,.has-success .s-radio:not(:checked):focus,.has-success .s-select>select:focus {
box-shadow: inset 0 0 4px 0 #eff0f1,0 0 0 4px rgba(166,217,183,0.4)
}
.has-success .s-input-message {
color: #3d8f58
}
.has-success .s-input-message a {
color: #173621
}
.has-success .s-input-message a:hover {
color: #08120b
}
.has-success .s-input-icon {
color: #5fba7d
}
.is-disabled .s-select:before,.is-disabled .s-select:after {
border-color: #bbc0c4 transparent
}
.is-disabled .s-label,.is-disabled .s-description {
opacity: .5
}
.is-disabled .s-input-icon {
color: #bbc0c4
}
.is-disabled .s-label {
cursor: not-allowed
}
.s-input-icon {
position: absolute;
top: 50%;
right: .8em;
margin-top: -0.69em;
vertical-align: text-bottom !important;
pointer-events: none
}
.s-input-message {
padding: 2px;
font-size: 12px
}
.s-input__sm,.s-textarea__sm,.s-label__sm,.s-select__sm>select {
font-size: 12px;
line-height: 1.02564103
}
.s-input__md,.s-textarea__md,.s-label__md,.s-select__md>select {
font-size: 1.30769231rem;
line-height: 1.23529412
}
.s-input__lg,.s-textarea__lg,.s-label__lg,.s-select__lg>select {
font-size: 1.61538462rem;
line-height: 1.19047619
}
.s-input__xl,.s-textarea__xl,.s-label__xl,.s-select__xl>select {
font-size: 2.07692308rem;
line-height: 1.14814815
}
.s-input__md,.s-textarea__md,.s-select__md>select {
padding-top: .5em;
padding-bottom: .5em;
border-radius: 4px
}
.s-input__lg,.s-textarea__lg,.s-select__lg>select {
padding: .45em .6em;
border-radius: 4px
}
.s-input__xl,.s-textarea__xl,.s-select__xl>select {
padding: .4em .5em;
border-radius: 5px
}
.s-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
align-items: center;
justify-content: center;
background-color: rgba(12,13,14,0.5);
opacity: 0;
backface-visibility: hidden;
transition: opacity 100ms cubic-bezier(.165, .84, .44, 1) 0s,z-index 0s 100ms,visibility 0s 100ms;
will-change: visibility,z-index,opacity
}
.s-modal[aria-hidden="false"],.s-modal[aria-hidden="false"] .s-modal--dialog {
visibility: visible;
z-index: 9000;
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transition: opacity 100ms cubic-bezier(.165, .84, .44, 1) 10ms,z-index 0s 0s,visibility 0s 0s,transform 100ms cubic-bezier(.165, .84, .44, 1) 10ms,transform 100ms cubic-bezier(.165, .84, .44, 1) 10ms
}
.s-modal--dialog {
overflow-y: auto;
visibility: hidden;
position: fixed;
z-index: -1;
max-width: 600px;
max-height: 100%;
padding: 24px;
border-radius: 7px;
background-color: #FFF;
box-shadow: 0 4px 12px rgba(36,39,41,0.2);
opacity: 0;
backface-visibility: hidden;
transform: translate3d(0, 30%, 0) scale3d(.6, .6, .6);
transition: opacity 200ms cubic-bezier(.165, .84, .44, 1) 0s,z-index 0s 100ms,visibility 0s 100ms,transform 100ms cubic-bezier(.165, .84, .44, 1) 0s,transform 100ms cubic-bezier(.165, .84, .44, 1) 0s;
will-change: visibility,z-index,opacity,transform;
-webkit-overflow-scrolling: touch
}
.s-modal[aria-hidden="false"] .s-modal--dialog {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
.s-modal--dialog {
top: 50%;
left: 50%;
transform: translate3d(-50%, -20%, 0) scale3d(.6, .6, .6)
}
.s-modal[aria-hidden="false"] .s-modal--dialog {
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}
}
.s-modal--close {
position: absolute !important;
top: 8px;
right: 8px;
padding: 12px !important
}
.s-modal--close .svg-icon {
margin: 0 !important
}
.s-modal--header {
margin-bottom: 16px;
color: #0C0D0E;
font-size: 2.07692308rem
}
.s-modal--body {
margin-bottom: 24px
}
.s-modal--footer {
margin-top: 24px
}
.s-modal.has-danger {
background-color: rgba(19,7,8,0.5)
}
.s-modal.has-danger .s-modal--header {
color: #dc3d4c
}
.s-modal__full {
max-width: calc(100% - 48px);
max-height: calc(100% - 48px)
}
.s-progress,.s-progress--bar {
position: relative;
min-height: 4px;
border-radius: 3px
}
.s-progress {
width: 100%;
background-color: #d6d9dc
}
.s-progress--bar {
background-color: #42d773
}
.s-progress--label {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
border: 1px solid transparent;
font-size: 12px;
line-height: 1;
color: #0C0D0E;
z-index: 2
}
.s-progress__brand .s-progress--bar {
background-color: #ff7f19
}
.s-progress__info .s-progress--bar {
background-color: #0095ff
}
.s-progress__privilege .s-progress--bar {
background-color: #dcf0e2
}
.s-progress__privilege .s-progress--label {
border-color: #5fba7d
}
.s-progress__privilege,.s-progress__privilege .s-progress--bar,.s-progress__badge,.s-progress__badge .s-progress--bar {
min-height: 2em;
border-radius: 5px
}
.s-progress__privilege,.s-progress__badge {
background-color: transparent
}
.s-progress__gold .s-progress--bar {
background-color: #fffae6
}
.s-progress__gold .s-progress--label {
border-color: #FFCC01
}
.s-progress__silver .s-progress--bar {
background-color: #eaebec
}
.s-progress__silver .s-progress--label {
border-color: #B4B8BC
}
.s-progress__bronze .s-progress--bar {
background-color: #f8e9dd
}
.s-progress__bronze .s-progress--label {
border-color: #D1A684
}
.s-table {
display: table;
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px
}
.s-table th,.s-table td {
padding: 8px;
border-top: 1px solid #d6d9dc;
border-left: 1px solid #d6d9dc;
border-right: 1px solid #d6d9dc;
vertical-align: middle;
color: #3b4045;
text-align: left
}
.s-table th.s-table--bulk,.s-table td.s-table--bulk {
width: 30px
}
.s-table th .s-checkbox,.s-table td .s-checkbox {
display: block
}
.s-table th {
font-weight: bold;
color: #0C0D0E
}
.s-table thead th {
vertical-align: bottom;
white-space: nowrap;
background-color: #fafafb;
line-height: 1.15384615;
text-transform: uppercase;
letter-spacing: .05em
}
.s-table thead th:not(.s-table--bulk) {
font-size: 11px
}
.s-table tbody th {
font-weight: normal
}
.s-table tr:last-of-type td,.s-table tr:last-of-type th {
border-bottom: 1px solid #d6d9dc
}
.s-table tbody+tbody {
border-top: 2px solid #d6d9dc
}
.s-table.va-top th,.s-table.va-top td {
vertical-align: top
}
.s-table.va-middle th,.s-table.va-middle td {
vertical-align: middle
}
.s-table.va-bottom th,.s-table.va-bottom td {
vertical-align: bottom
}
.s-table.ta-left th,.s-table.ta-left td {
text-align: left
}
.s-table.ta-center th,.s-table.ta-center td {
text-align: center
}
.s-table.ta-right th,.s-table.ta-right td {
text-align: right
}
.s-table.ta-justify th,.s-table.ta-justify td {
text-align: justify
}
.s-table.s-table__stripes thead th {
background-color: #f4f5f6
}
.s-table.s-table__stripes tbody tr:nth-child(even) {
background-color: #fafafb
}
.s-table.s-table__sm th,.s-table.s-table__sm td {
padding: 4px
}
.s-table.s-table__lg th,.s-table.s-table__lg td {
padding: 12px
}
.s-table.s-table__b0 th,.s-table.s-table__b0 td,.s-table.s-table__b0 tr:last-of-type th,.s-table.s-table__b0 tr:last-of-type td {
border-color: transparent
}
.s-table.s-table__b0 thead th {
background-color: transparent;
text-transform: initial;
font-size: inherit;
letter-spacing: initial
}
.s-table.s-table__b0 tbody+tbody {
border-color: transparent;
border-width: 12px
}
.s-table.s-table__bx tr>*:not(:first-child) {
border-left-color: transparent
}
.s-table.s-table__bx tr>*:not(:last-child) {
border-right-color: transparent
}
.s-table.s-table__bx-simple th,.s-table.s-table__bx-simple td {
border-left-color: transparent;
border-right-color: transparent
}
.s-table.s-table__bx-simple thead th {
border-top-color: transparent;
border-bottom-color: #bbc0c4;
background-color: transparent;
text-transform: initial;
font-size: inherit;
letter-spacing: initial
}
.s-table.s-table__bx-simple tbody tr:first-of-type th,.s-table.s-table__bx-simple tbody tr:first-of-type td {
border-top-color: transparent
}
.s-table.s-table__bx-simple tbody tr:last-of-type th,.s-table.s-table__bx-simple tbody tr:last-of-type td {
border-bottom-color: transparent
}
.s-table.s-table__bx-simple tfoot th,.s-table.s-table__bx-simple tfoot td {
border-bottom-color: transparent
}
.s-table .s-table--totals th,.s-table .s-table--totals td {
padding-top: 12px;
font-size: 1.46153846rem;
font-weight: bold
}
.s-table.s-table__sortable thead th {
color: #6a737c;
cursor: pointer
}
.s-table.s-table__sortable thead th a {
color: inherit
}
.s-table.s-table__sortable thead th .svg-icon {
position: relative;
bottom: -1px
}
.s-table.s-table__sortable thead th.is-sorted {
color: #0C0D0E
}
.s-table td.s-table--progress {
border-right: none;
text-align: right
}
.s-table td.s-table--progress-bar {
border-left: none;
padding-left: 0;
width: 120px
}
.s-table--cell1 {
width: 8.33333333%
}
.s-table--cell2 {
width: 16.66666667%
}
.s-table--cell3 {
width: 25%
}
.s-table--cell4 {
width: 33.33333333%
}
.s-table--cell5 {
width: 41.66666667%
}
.s-table--cell6 {
width: 50%
}
.s-table--cell7 {
width: 58.33333333%
}
.s-table--cell8 {
width: 66.66666667%
}
.s-table--cell9 {
width: 75%
}
.s-table--cell10 {
width: 83.33333333%
}
.s-table--cell11 {
width: 91.66666667%
}
.s-table--cell12 {
width: 100%
}
.s-option-toggle .s-radio {
position: absolute;
left: -999em;
opacity: 0
}
.s-option-toggle .s-option-toggle--option:not(:first-child) {
margin-left: -1px
}
.s-option-toggle .s-option-toggle--option:first-of-type .s-label {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important
}
.s-option-toggle .s-option-toggle--option:last-of-type .s-label {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important
}
.s-option-toggle .s-label {
width: 100%;
margin: 0;
padding: .8em 1em;
border: 1px solid #c8ccd0;
background-color: #FFF;
font-family: inherit;
font-size: inherit;
font-weight: 400;
line-height: 1;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none
}
.s-option-toggle .s-label:hover {
background-color: rgba(183,192,200,0.05)
}
.s-option-toggle .s-radio:checked+.s-label {
z-index: 25;
background-color: #d6d9dc;
box-shadow: inset 0 2px 6px 0 rgba(167,174,180,0.6);
color: #3b4045
}
.s-option-toggle.s-option-toggle__primary .s-label:hover {
background-color: #e6f4ff;
color: #005999
}
.s-option-toggle.s-option-toggle__primary .s-radio:checked+.s-label {
border-color: #07C;
background-color: #0095ff;
box-shadow: inset 0 2px 6px 0 rgba(0,119,204,0.9);
color: #FFF
}
.s-option-toggle.s-option-toggle__switch .s-radio:checked+.s-label:not(.s-label__off) {
border-color: #5fba7d;
background-color: #5fba7d;
box-shadow: inset 0 2px 6px 0 rgba(69,161,99,0.9);
color: #FFF
}
.s-sidebarwidget {
position: relative;
border: 1px solid #d6d9dc;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(59,64,69,0.1);
font-size: 13px
}
.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action),.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):visited {
color: #6a737c
}
.s-sidebarwidget:before {
content: '';
display: block;
margin-top: -1px
}
.s-sidebarwidget:after {
content: '';
position: absolute;
top: -1px;
right: -1px;
left: -1px;
height: 5px;
border-top: 1px solid #d6d9dc;
border-radius: 3px;
pointer-events: none
}
@supports ((-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) or (-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) {
.s-sidebarwidget:after {
-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
border: 1px solid #d6d9dc
}
}
.s-sidebarwidget--header,.s-sidebarwidget--content {
border-top: 1px solid #e4e6e8
}
.s-sidebarwidget--header:focus,.s-sidebarwidget--content:focus {
outline: none
}
.s-sidebarwidget--header {
padding: 12px 15px;
background: #fafafb;
color: #6a737c;
font-size: 1.15384615rem;
font-weight: normal
}
.s-sidebarwidget--header.s-sidebarwidget__small-bold-text {
font-size: 12px;
font-weight: bold
}
.s-sidebarwidget--header.s-sidebarwidget__small-bold-text .-action {
font-weight: normal;
line-height: 15.6px
}
.s-sidebarwidget--header.s-sidebarwidget__collapsing-control {
cursor: pointer
}
.s-sidebarwidget--header.s-sidebarwidget__collapsing-control:before {
content: '';
float: left;
margin-top: calc(1.3em / 2 - 5px);
margin-right: 12px;
border: 5px solid transparent;
border-left-color: #bbc0c4;
border-right-width: 0;
transition: -webkit-transform .3s cubic-bezier(.4, .4, .6, 1);
transition: transform .3s cubic-bezier(.4, .4, .6, 1);
transition: transform .3s cubic-bezier(.4, .4, .6, 1),-webkit-transform .3s cubic-bezier(.4, .4, .6, 1)
}
.s-sidebarwidget--header.s-sidebarwidget__collapsing-control[aria-expanded='true']:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.s-sidebarwidget--action {
float: right;
margin: 0 0 4px 8px;
color: #07C;
font-size: 11px;
line-height: 19.5px
}
table.s-sidebarwidget--content.s-sidebarwidget__items {
padding: 4px 3px;
border-collapse: separate;
border-spacing: 12px
}
table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item {
display: table-row
}
table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
padding: 0
}
.s-sidebarwidget--content:not(table):not(.s-sidebarwidget__items) {
display: flex
}
.s-sidebarwidget--content:not(table):not(.s-sidebarwidget__block-items) .s-sidebarwidget--item {
display: flex
}
.s-sidebarwidget--content {
margin: 0;
padding: 16px 15px
}
.s-sidebarwidget--content.s-sidebarwidget__items {
display: block;
padding: 4px 15px
}
.s-sidebarwidget--content.s-sidebarwidget__items.s-sidebarwidget__block-items .s-sidebarwidget--item {
display: block !important
}
.s-sidebarwidget--item {
margin: 12px 0
}
.s-sidebarwidget--item[aria-current="true"],.s-sidebarwidget--item>:first-child[aria-current="true"],.s-sidebarwidget--item[aria-current="page"],.s-sidebarwidget--item>:first-child[aria-current="page"] {
position: relative;
color: #0C0D0E;
font-weight: bold
}
.s-sidebarwidget--item[aria-current="true"]:before,.s-sidebarwidget--item>:first-child[aria-current="true"]:before,.s-sidebarwidget--item[aria-current="page"]:before,.s-sidebarwidget--item>:first-child[aria-current="page"]:before {
content: '';
position: absolute;
left: 0;
height: calc(100% + 12px );
margin-top: -6px;
margin-left: -16px;
border-left: 3px solid #F48024
}
.s-sidebarwidget--item[aria-current="true"] a,.s-sidebarwidget--item>:first-child[aria-current="true"] a,.s-sidebarwidget--item[aria-current="page"] a,.s-sidebarwidget--item>:first-child[aria-current="page"] a,.s-sidebarwidget--item[aria-current="true"] a:visited,.s-sidebarwidget--item>:first-child[aria-current="true"] a:visited,.s-sidebarwidget--item[aria-current="page"] a:visited,.s-sidebarwidget--item>:first-child[aria-current="page"] a:visited {
color: inherit
}
.s-sidebarwidget--subnav {
list-style-type: none;
padding-left: 0
}
.s-sidebarwidget--subnav li {
margin-top: 12px;
padding-left: 16px;
background-position: 0 calc((1.2em - 10px)/2);
background-repeat: no-repeat;
background-size: auto 10px;
background-image: url("data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22%23d6d9dc%22%20stroke-width%3D%222%22/%3E%3C/svg%3E")
}
.s-sidebarwidget--subnav li[aria-current="true"],.s-sidebarwidget--subnav li[aria-current="page"] {
background-image: url("data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22%23F48024%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
color: #0C0D0E;
font-weight: bold
}
.s-sidebarwidget--subnav li[aria-current="true"] a,.s-sidebarwidget--subnav li[aria-current="page"] a,.s-sidebarwidget--subnav li[aria-current="true"] a:visited,.s-sidebarwidget--subnav li[aria-current="page"] a:visited {
color: inherit
}
.s-sidebarwidget__blue {
border-color: #cbd4dc;
background-color: #E1ECF4
}
.s-sidebarwidget__blue .s-sidebarwidget--header {
background-color: #dae5ed;
color: #656a6e
}
.s-sidebarwidget__blue .s-sidebarwidget--header,.s-sidebarwidget__blue .s-sidebarwidget--content {
border-color: #d1dbe3
}
.s-sidebarwidget__blue:after {
border-color: #cbd4dc
}
.s-sidebarwidget__yellow {
border-color: #e6dfc6;
background-color: #FFF8DC
}
.s-sidebarwidget__yellow .s-sidebarwidget--header {
background-color: #f7f1d5;
color: #737063
}
.s-sidebarwidget__yellow .s-sidebarwidget--header,.s-sidebarwidget__yellow .s-sidebarwidget--content {
border-color: #ede7cd
}
.s-sidebarwidget__yellow:after {
border-color: #e6dfc6
}
.s-sidebarwidget__green {
border-color: #d6dfd9;
background-color: #edf8f1
}
.s-sidebarwidget__green .s-sidebarwidget--header {
background-color: #e6f0ea;
color: #6b6f6c
}
.s-sidebarwidget__green .s-sidebarwidget--header,.s-sidebarwidget__green .s-sidebarwidget--content {
border-color: #dde6e0
}
.s-sidebarwidget__green:after {
border-color: #d6dfd9
}
.s-collapsible {
display: flex;
-webkit-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
align-items: flex-start;
transition: clip-path 0s 100ms,-webkit-clip-path 0s 100ms
}
.s-collapsible:after {
content: '';
-ms-flex-preferred-size: 0;
flex-basis: 0;
height: 50px;
max-height: 0px;
transition: height 100ms linear,max-height 0s 100ms linear
}
.s-collapsible--content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-height: 1000000px;
margin-bottom: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transition: margin-bottom 100ms cubic-bezier(0, 0, 0, 1),transform 100ms cubic-bezier(1, 0, 1, 1),opacity 100ms cubic-bezier(1, 0, 1, 1)
}
.s-collapsible.is-collapsed {
overflow: hidden;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
transition: none
}
.s-collapsible.is-collapsed .s-collapsible--content {
visibility: hidden;
max-height: 0;
margin-bottom: -1500px;
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
transition: margin-bottom 100ms cubic-bezier(1, 0, 1, 1),visibility 0s 100ms,max-height 0s 100ms,transform 100ms cubic-bezier(0, 1, 1, 1),opacity 100ms cubic-bezier(0, 1, 1, 1)
}
@supports ((-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
.s-collapsible.is-collapsed .s-collapsible--content {
opacity:1;
-webkit-transform: none;
transform: none
}
}
.s-collapsible.is-collapsed:after {
height: 0;
max-height: 50px;
transition: height 100ms linear
}
.bn {
border-style: none !important;
border-width: 0 !important
}
.ba {
border-style: solid !important;
border-width: 1px !important
}
.bt {
border-top-style: solid !important;
border-top-width: 1px !important
}
.br {
border-right-style: solid !important;
border-right-width: 1px !important
}
.bb {
border-bottom-style: solid !important;
border-bottom-width: 1px !important
}
.bl {
border-left-style: solid !important;
border-left-width: 1px !important
}
.bx {
border-left-style: solid !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-left-width: 1px !important
}
.by {
border-top-style: solid !important;
border-bottom-style: solid !important;
border-top-width: 1px !important;
border-bottom-width: 1px !important
}
.baw0 {
border-width: 0 !important
}
.baw1 {
border-width: 1px !important
}
.baw2 {
border-width: 2px !important
}
.baw3 {
border-width: 4px !important
}
.baw4 {
border-width: 8px !important
}
.btw0 {
border-top-width: 0 !important
}
.btw1 {
border-top-width: 1px !important
}
.btw2 {
border-top-width: 2px !important
}
.btw3 {
border-top-width: 4px !important
}
.btw4 {
border-top-width: 8px !important
}
.brw0 {
border-right-width: 0 !important
}
.brw1 {
border-right-width: 1px !important
}
.brw2 {
border-right-width: 2px !important
}
.brw3 {
border-right-width: 4px !important
}
.brw4 {
border-right-width: 8px !important
}
.bbw0 {
border-bottom-width: 0 !important
}
.bbw1 {
border-bottom-width: 1px !important
}
.bbw2 {
border-bottom-width: 2px !important
}
.bbw3 {
border-bottom-width: 4px !important
}
.bbw4 {
border-bottom-width: 8px !important
}
.blw0 {
border-left-width: 0 !important
}
.blw1 {
border-left-width: 1px !important
}
.blw2 {
border-left-width: 2px !important
}
.blw3 {
border-left-width: 4px !important
}
.blw4 {
border-left-width: 8px !important
}
.byw0 {
border-top-width: 0 !important;
border-bottom-width: 0 !important
}
.byw1 {
border-top-width: 1px !important;
border-bottom-width: 1px !important
}
.byw2 {
border-top-width: 2px !important;
border-bottom-width: 2px !important
}
.byw3 {
border-top-width: 4px !important;
border-bottom-width: 4px !important
}
.byw4 {
border-top-width: 8px !important;
border-bottom-width: 8px !important
}
.bxw0 {
border-right-width: 0 !important;
border-left-width: 0 !important
}
.bxw1 {
border-right-width: 1px !important;
border-left-width: 1px !important
}
.bxw2 {
border-right-width: 2px !important;
border-left-width: 2px !important
}
.bxw3 {
border-right-width: 4px !important;
border-left-width: 4px !important
}
.bxw4 {
border-right-width: 8px !important;
border-left-width: 8px !important
}
.bas-none {
border-style: none !important
}
.bas-solid {
border-style: solid !important
}
.bas-dashed {
border-style: dashed !important
}
.bts-none {
border-top-style: none !important
}
.bts-solid {
border-top-style: solid !important
}
.bts-dashed {
border-top-style: dashed !important
}
.brs-none {
border-right-style: none !important
}
.brs-solid {
border-right-style: solid !important
}
.brs-dashed {
border-right-style: dashed !important
}
.bbs-none {
border-bottom-style: none !important
}
.bbs-solid {
border-bottom-style: solid !important
}
.bbs-dashed {
border-bottom-style: dashed !important
}
.bls-none {
border-left-style: none !important
}
.bls-solid {
border-left-style: solid !important
}
.bls-dashed {
border-left-style: dashed !important
}
.bar0 {
border-radius: 0 !important
}
.bar-sm {
border-radius: 3px !important
}
.bar-md {
border-radius: 5px !important
}
.bar-lg {
border-radius: 7px !important
}
.bar-circle {
border-radius: 100% !important
}
.bar-pill {
border-radius: 1000px !important
}
.btr0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important
}
.btr-sm {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important
}
.btr-md {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important
}
.btr-lg {
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important
}
.btr-circle {
border-top-left-radius: 100% !important;
border-top-right-radius: 100% !important
}
.brr0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.brr-sm {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important
}
.brr-md {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important
}
.brr-lg {
border-top-right-radius: 7px !important;
border-bottom-right-radius: 7px !important
}
.brr-circle {
border-top-right-radius: 100% !important;
border-bottom-right-radius: 100% !important
}
.bbr0 {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.bbr-sm {
border-bottom-left-radius: 3px !important;
border-bottom-right-radius: 3px !important
}
.bbr-md {
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important
}
.bbr-lg {
border-bottom-left-radius: 7px !important;
border-bottom-right-radius: 7px !important
}
.bbr-circle {
border-bottom-left-radius: 100% !important;
border-bottom-right-radius: 100% !important
}
.blr0 {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.blr-sm {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important
}
.blr-md {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important
}
.blr-lg {
border-top-left-radius: 7px !important;
border-bottom-left-radius: 7px !important
}
.blr-circle {
border-top-left-radius: 100% !important;
border-bottom-left-radius: 100% !important
}
.bc-white {
border-color: #FFF !important
}
.bc-white-1 {
border-color: rgba(255,255,255,0.1) !important
}
.bc-white-2 {
border-color: rgba(255,255,255,0.2) !important
}
.bc-white-3 {
border-color: rgba(255,255,255,0.3) !important
}
.bc-white-4 {
border-color: rgba(255,255,255,0.4) !important
}
.bc-white-5 {
border-color: rgba(255,255,255,0.5) !important
}
.bc-white-6 {
border-color: rgba(255,255,255,0.6) !important
}
.bc-white-7 {
border-color: rgba(255,255,255,0.7) !important
}
.bc-white-8 {
border-color: rgba(255,255,255,0.8) !important
}
.bc-white-9 {
border-color: rgba(255,255,255,0.9) !important
}
.bc-black-1 {
border-color: #eff0f1 !important
}
.bc-black-2 {
border-color: #e4e6e8 !important
}
.bc-black-3 {
border-color: #d6d9dc !important
}
.bc-black-4 {
border-color: #bbc0c4 !important
}
.bc-black-5 {
border-color: #9fa6ad !important
}
.bc-black-6 {
border-color: #848d95 !important
}
.bc-black-7 {
border-color: #6a737c !important
}
.bc-black-8 {
border-color: #3b4045 !important
}
.bc-black-9 {
border-color: #242729 !important
}
.bc-black-10 {
border-color: #0C0D0E !important
}
.bc-orange-1 {
border-color: #fbd4b6 !important
}
.bc-orange-2 {
border-color: #F48024 !important
}
.bc-orange-3 {
border-color: #da670b !important
}
.bc-blue-1 {
border-color: #cceaff !important
}
.bc-blue-2 {
border-color: #3af !important
}
.bc-blue-3 {
border-color: #07C !important
}
.bc-powder-1 {
border-color: #E1ECF4 !important
}
.bc-powder-2 {
border-color: #71a5cb !important
}
.bc-powder-3 {
border-color: #39739d !important
}
.bc-green-1 {
border-color: #cae8d4 !important
}
.bc-green-2 {
border-color: #5fba7d !important
}
.bc-green-3 {
border-color: #367d4d !important
}
.bc-red-1 {
border-color: #eec4c8 !important
}
.bc-red-2 {
border-color: #dc3d4c !important
}
.bc-red-3 {
border-color: #9c1724 !important
}
.bc-yellow-1 {
border-color: #fffdf6 !important
}
.bc-yellow-2 {
border-color: #FFF8DC !important
}
.bc-yellow-3 {
border-color: #ffd943 !important
}
.bc-transparent {
border-color: transparent !important
}
.fc-white {
color: #FFF !important
}
.fc-black-900 {
color: #0C0D0E !important
}
.h\:fc-black-900:hover {
color: #0C0D0E !important
}
.fc-black-800 {
color: #242729 !important
}
.fc-black-750 {
color: #3b4045 !important
}
.fc-black-700 {
color: #3b4045 !important
}
.fc-black-600 {
color: #535a60 !important
}
.h\:fc-black-600:hover {
color: #535a60 !important
}
.fc-black-500 {
color: #6a737c !important
}
.fc-black-400 {
color: #848d95 !important
}
.fc-black-350 {
color: #9199a1 !important
}
.fc-black-300 {
color: #9fa6ad !important
}
.fc-black-200 {
color: #bbc0c4 !important
}
.fc-black-150 {
color: #c8ccd0 !important
}
.fc-black-100 {
color: #d6d9dc !important
}
.h\:fc-black-100:hover {
color: #d6d9dc !important
}
.fc-black-075 {
color: #e4e6e8 !important
}
.fc-black-050 {
color: #eff0f1 !important
}
.fc-black-025 {
color: #fafafb !important
}
.fc-orange-900 {
color: #482204 !important
}
.fc-orange-800 {
color: #793906 !important
}
.fc-orange-700 {
color: #a95009 !important
}
.fc-orange-600 {
color: #da670b !important
}
.h\:fc-green-600:hover {
color: #da670b !important
}
.fc-orange-500 {
color: #f2720c !important
}
.fc-orange-400 {
color: #F48024 !important
}
.fc-orange-300 {
color: #f69c55 !important
}
.fc-orange-200 {
color: #f9b885 !important
}
.fc-orange-100 {
color: #fbd4b6 !important
}
.fc-orange-050 {
color: #fde3ce !important
}
.fc-blue-900 {
color: #001e33 !important
}
.fc-blue-800 {
color: #003b66 !important
}
.fc-blue-700 {
color: #005999 !important
}
.fc-blue-600 {
color: #07C !important
}
.h\:fc-blue-600:hover {
color: #07C !important
}
.fc-blue-500 {
color: #0095ff !important
}
.fc-blue-400 {
color: #3af !important
}
.fc-blue-300 {
color: #66bfff !important
}
.fc-blue-200 {
color: #99d4ff !important
}
.fc-blue-100 {
color: #cceaff !important
}
.fc-blue-050 {
color: #e6f4ff !important
}
.fc-powder-900 {
color: #10212d !important
}
.fc-powder-800 {
color: #1e3c52 !important
}
.fc-powder-700 {
color: #2c5777 !important
}
.fc-powder-600 {
color: #39739d !important
}
.fc-powder-500 {
color: #4c8dbd !important
}
.fc-powder-400 {
color: #71a5cb !important
}
.fc-powder-300 {
color: #96bdd9 !important
}
.fc-powder-200 {
color: #bcd4e6 !important
}
.fc-powder-100 {
color: #E1ECF4 !important
}
.fc-powder-050 {
color: #f4f8fb !important
}
.fc-green-900 {
color: #08120b !important
}
.fc-green-800 {
color: #173621 !important
}
.fc-green-700 {
color: #265a37 !important
}
.fc-green-600 {
color: #367d4d !important
}
.h\:fc-green-600:hover {
color: #367d4d !important
}
.fc-green-500 {
color: #45A163 !important
}
.fc-green-400 {
color: #5fba7d !important
}
.fc-green-300 {
color: #82ca9a !important
}
.fc-green-200 {
color: #a6d9b7 !important
}
.fc-green-100 {
color: #cae8d4 !important
}
.fc-green-050 {
color: #dcf0e2 !important
}
.fc-green-025 {
color: #edf8f1 !important
}
.fc-yellow-900 {
color: #433600 !important
}
.fc-yellow-800 {
color: #765e00 !important
}
.fc-yellow-700 {
color: #a98700 !important
}
.fc-yellow-600 {
color: #dcb000 !important
}
.fc-yellow-500 {
color: #ffcf10 !important
}
.fc-yellow-400 {
color: #ffd943 !important
}
.fc-yellow-300 {
color: #ffe476 !important
}
.fc-yellow-200 {
color: #ffeea9 !important
}
.fc-yellow-100 {
color: #FFF8DC !important
}
.fc-yellow-050 {
color: #fffdf6 !important
}
.fc-red-900 {
color: #170305 !important
}
.fc-red-800 {
color: #430a0f !important
}
.fc-red-700 {
color: #70101a !important
}
.fc-red-600 {
color: #9c1724 !important
}
.h\:fc-red-600:hover {
color: #9c1724 !important
}
.fc-red-500 {
color: #C91D2E !important
}
.fc-red-400 {
color: #dc3d4c !important
}
.fc-red-300 {
color: #e06c78 !important
}
.fc-red-200 {
color: #e59aa1 !important
}
.fc-red-100 {
color: #eec4c8 !important
}
.fc-red-050 {
color: #f9ecee !important
}
.bg-white {
background-color: #FFF !important
}
.bg-black-900 {
background-color: #0C0D0E !important
}
.h\:bg-black-900:hover {
background-color: #0C0D0E !important
}
.bg-black-800 {
background-color: #242729 !important
}
.bg-black-750 {
background-color: #2f3337 !important
}
.bg-black-700 {
background-color: #3b4045 !important
}
.bg-black-600 {
background-color: #535a60 !important
}
.h\:bg-black-600:hover {
background-color: #535a60 !important
}
.bg-black-500 {
background-color: #6a737c !important
}
.bg-black-400 {
background-color: #848d95 !important
}
.bg-black-350 {
background-color: #9199a1 !important
}
.bg-black-300 {
background-color: #9fa6ad !important
}
.bg-black-200 {
background-color: #bbc0c4 !important
}
.bg-black-150 {
background-color: #c8ccd0 !important
}
.bg-black-100 {
background-color: #d6d9dc !important
}
.h\:bg-black-100:hover {
background-color: #d6d9dc !important
}
.bg-black-075 {
background-color: #e4e6e8 !important
}
.bg-black-050 {
background-color: #eff0f1 !important
}
.bg-black-025 {
background-color: #fafafb !important
}
.bg-orange-900 {
background-color: #482204 !important
}
.bg-orange-800 {
background-color: #793906 !important
}
.bg-orange-700 {
background-color: #a95009 !important
}
.bg-orange-600 {
background-color: #da670b !important
}
.h\:bg-orange-600:hover {
background-color: #da670b !important
}
.bg-orange-500 {
background-color: #f2720c !important
}
.bg-orange-400 {
background-color: #F48024 !important
}
.bg-orange-300 {
background-color: #f69c55 !important
}
.bg-orange-200 {
background-color: #f9b885 !important
}
.bg-orange-100 {
background-color: #fbd4b6 !important
}
.bg-orange-050 {
background-color: #fde3ce !important
}
.bg-blue-900 {
background-color: #001e33 !important
}
.bg-blue-800 {
background-color: #003b66 !important
}
.bg-blue-700 {
background-color: #005999 !important
}
.bg-blue-600 {
background-color: #07C !important
}
.h\:bg-blue-600:hover {
background-color: #07C !important
}
.bg-blue-500 {
background-color: #0095ff !important
}
.bg-blue-400 {
background-color: #3af !important
}
.bg-blue-300 {
background-color: #66bfff !important
}
.bg-blue-200 {
background-color: #99d4ff !important
}
.bg-blue-100 {
background-color: #cceaff !important
}
.bg-blue-050 {
background-color: #e6f4ff !important
}
.bg-powder-900 {
background-color: #10212d !important
}
.bg-powder-800 {
background-color: #1e3c52 !important
}
.bg-powder-700 {
background-color: #2c5777 !important
}
.bg-powder-600 {
background-color: #39739d !important
}
.bg-powder-500 {
background-color: #4c8dbd !important
}
.bg-powder-400 {
background-color: #71a5cb !important
}
.bg-powder-300 {
background-color: #96bdd9 !important
}
.bg-powder-200 {
background-color: #bcd4e6 !important
}
.bg-powder-100 {
background-color: #E1ECF4 !important
}
.bg-powder-050 {
background-color: #f4f8fb !important
}
.bg-green-900 {
background-color: #08120b !important
}
.bg-green-800 {
background-color: #173621 !important
}
.bg-green-700 {
background-color: #265a37 !important
}
.bg-green-600 {
background-color: #367d4d !important
}
.h\:bg-green-600:hover {
background-color: #367d4d !important
}
.bg-green-500 {
background-color: #45A163 !important
}
.bg-green-400 {
background-color: #5fba7d !important
}
.bg-green-300 {
background-color: #82ca9a !important
}
.bg-green-200 {
background-color: #a6d9b7 !important
}
.bg-green-100 {
background-color: #cae8d4 !important
}
.bg-green-050 {
background-color: #dcf0e2 !important
}
.bg-green-025 {
background-color: #edf8f1 !important
}
.bg-yellow-900 {
background-color: #433600 !important
}
.bg-yellow-800 {
background-color: #765e00 !important
}
.bg-yellow-700 {
background-color: #a98700 !important
}
.bg-yellow-600 {
background-color: #dcb000 !important
}
.bg-yellow-500 {
background-color: #ffcf10 !important
}
.bg-yellow-400 {
background-color: #ffd943 !important
}
.bg-yellow-300 {
background-color: #ffe476 !important
}
.bg-yellow-200 {
background-color: #ffeea9 !important
}
.bg-yellow-100 {
background-color: #FFF8DC !important
}
.bg-yellow-050 {
background-color: #fffdf6 !important
}
.bg-red-900 {
background-color: #170305 !important
}
.bg-red-800 {
background-color: #430a0f !important
}
.bg-red-700 {
background-color: #70101a !important
}
.bg-red-600 {
background-color: #9c1724 !important
}
.h\:bg-red-600:hover {
background-color: #9c1724 !important
}
.bg-red-500 {
background-color: #C91D2E !important
}
.bg-red-400 {
background-color: #dc3d4c !important
}
.bg-red-300 {
background-color: #e06c78 !important
}
.bg-red-200 {
background-color: #e59aa1 !important
}
.bg-red-100 {
background-color: #eec4c8 !important
}
.bg-red-050 {
background-color: #f9ecee !important
}
.bg-transparent {
background-color: transparent !important
}
.fd-row {
flex-direction: row !important
}
.fd-row-reverse {
flex-direction: row-reverse !important
}
.fd-column {
flex-direction: column !important
}
.fd-column-reverse {
flex-direction: column-reverse !important
}
.fw-wrap {
flex-wrap: wrap !important
}
.fw-reverse {
flex-wrap: wrap-reverse !important
}
.fw-nowrap {
flex-wrap: nowrap !important
}
.ff-row-wrap {
flex-flow: row wrap !important
}
.ff-row-nowrap {
flex-flow: row nowrap !important
}
.ff-row-reverse-wrap {
flex-flow: row-reverse wrap !important
}
.ff-row-reverse-nowrap {
flex-flow: row-reverse nowrap !important
}
.ff-column-wrap {
flex-flow: column wrap !important
}
.ff-column-nowrap {
flex-flow: column nowrap !important
}
.ff-column-reverse-wrap {
flex-flow: column-reverse wrap !important
}
.ff-column-reverse-nowrap {
flex-flow: column-reverse nowrap !important
}
.jc-center {
justify-content: center !important
}
.jc-end {
justify-content: flex-end !important
}
.jc-space-around {
justify-content: space-around !important
}
.jc-space-between {
justify-content: space-between !important
}
.jc-space-evenly {
justify-content: space-evenly !important
}
.jc-start {
justify-content: flex-start !important
}
.ac-center {
align-content: center !important
}
.ac-end {
align-content: flex-end !important
}
.ac-space-around {
align-content: space-around !important
}
.ac-space-between {
align-content: space-between !important
}
.ac-start {
align-content: flex-start !important
}
.ac-stretch {
align-content: stretch !important
}
.ai-baseline {
align-items: baseline !important
}
.ai-center {
align-items: center !important
}
.ai-end {
align-items: flex-end !important
}
.ai-start {
align-items: flex-start !important
}
.ai-stretch {
align-items: stretch !important
}
.grid__center {
justify-content: center !important;
align-items: center !important
}
.as-auto {
align-self: auto !important
}
.as-baseline {
align-self: baseline !important
}
.as-center {
align-self: center !important
}
.as-end {
align-self: flex-end !important
}
.as-start {
align-self: flex-start !important
}
.as-stretch {
align-self: stretch !important
}
.fl0 {
flex: 0 auto !important
}
.fl1 {
flex: 1 auto !important
}
.fl2 {
flex: 2 auto !important
}
.fl3 {
flex: 3 auto !important
}
.fl4 {
flex: 4 auto !important
}
.fl5 {
flex: 5 auto !important
}
.fl-shrink0 {
flex-shrink: 0
}
.fl-shrink1 {
flex-shrink: 1
}
.fl-shrink2 {
flex-shrink: 2
}
.fl-shrink3 {
flex-shrink: 3
}
.fl-shrink4 {
flex-shrink: 4
}
.fl-shrink5 {
flex-shrink: 5
}
.fl-grow0 {
flex-grow: 0
}
.fl-grow1 {
flex-grow: 1
}
.fl-grow2 {
flex-grow: 2
}
.fl-grow3 {
flex-grow: 3
}
.fl-grow4 {
flex-grow: 4
}
.fl-grow5 {
flex-grow: 5
}
.order-first {
order: -1 !important
}
.order-last {
order: 1 !important
}
.grid {
display: flex
}
.grid__fl0,.grid__fl0>.grid,.grid__fl0>.grid--cell {
flex: 0 auto
}
.grid__fl1,.grid__fl1>.grid,.grid__fl1>.grid--cell {
flex: 1 auto
}
.grid--cell1 {
flex-basis: 8.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell1 {
flex-basis: auto;
width: 8.33333333%
}
}
.grid--cell2 {
flex-basis: 16.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell2 {
flex-basis: auto;
width: 16.66666667%
}
}
.grid--cell3 {
flex-basis: 25%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell3 {
flex-basis: auto;
width: 25%
}
}
.grid--cell4 {
flex-basis: 33.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell4 {
flex-basis: auto;
width: 33.33333333%
}
}
.grid--cell5 {
flex-basis: 41.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell5 {
flex-basis: auto;
width: 41.66666667%
}
}
.grid--cell6 {
flex-basis: 50%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell6 {
flex-basis: auto;
width: 50%
}
}
.grid--cell7 {
flex-basis: 58.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell7 {
flex-basis: auto;
width: 58.33333333%
}
}
.grid--cell8 {
flex-basis: 66.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell8 {
flex-basis: auto;
width: 66.66666667%
}
}
.grid--cell9 {
flex-basis: 75%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell9 {
flex-basis: auto;
width: 75%
}
}
.grid--cell10 {
flex-basis: 83.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell10 {
flex-basis: auto;
width: 83.33333333%
}
}
.grid--cell11 {
flex-basis: 91.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell11 {
flex-basis: auto;
width: 91.66666667%
}
}
.grid--cell12 {
flex-basis: 100%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid--cell12 {
flex-basis: auto;
width: 100%
}
}
.grid__allcells1>.grid,.grid__allcells1>.grid--cell {
flex-basis: 8.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells1>.grid,.grid__allcells1>.grid--cell {
flex-basis: auto;
width: 8.33333333%
}
}
.grid__allcells2>.grid,.grid__allcells2>.grid--cell {
flex-basis: 16.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells2>.grid,.grid__allcells2>.grid--cell {
flex-basis: auto;
width: 16.66666667%
}
}
.grid__allcells3>.grid,.grid__allcells3>.grid--cell {
flex-basis: 25%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells3>.grid,.grid__allcells3>.grid--cell {
flex-basis: auto;
width: 25%
}
}
.grid__allcells4>.grid,.grid__allcells4>.grid--cell {
flex-basis: 33.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells4>.grid,.grid__allcells4>.grid--cell {
flex-basis: auto;
width: 33.33333333%
}
}
.grid__allcells5>.grid,.grid__allcells5>.grid--cell {
flex-basis: 41.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells5>.grid,.grid__allcells5>.grid--cell {
flex-basis: auto;
width: 41.66666667%
}
}
.grid__allcells6>.grid,.grid__allcells6>.grid--cell {
flex-basis: 50%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells6>.grid,.grid__allcells6>.grid--cell {
flex-basis: auto;
width: 50%
}
}
.grid__allcells7>.grid,.grid__allcells7>.grid--cell {
flex-basis: 58.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells7>.grid,.grid__allcells7>.grid--cell {
flex-basis: auto;
width: 58.33333333%
}
}
.grid__allcells8>.grid,.grid__allcells8>.grid--cell {
flex-basis: 66.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells8>.grid,.grid__allcells8>.grid--cell {
flex-basis: auto;
width: 66.66666667%
}
}
.grid__allcells9>.grid,.grid__allcells9>.grid--cell {
flex-basis: 75%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells9>.grid,.grid__allcells9>.grid--cell {
flex-basis: auto;
width: 75%
}
}
.grid__allcells10>.grid,.grid__allcells10>.grid--cell {
flex-basis: 83.33333333%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells10>.grid,.grid__allcells10>.grid--cell {
flex-basis: auto;
width: 83.33333333%
}
}
.grid__allcells11>.grid,.grid__allcells11>.grid--cell {
flex-basis: 91.66666667%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells11>.grid,.grid__allcells11>.grid--cell {
flex-basis: auto;
width: 91.66666667%
}
}
.grid__allcells12>.grid,.grid__allcells12>.grid--cell {
flex-basis: 100%
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.grid__allcells12>.grid,.grid__allcells12>.grid--cell {
flex-basis: auto;
width: 100%
}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.fd-column>.grid,.fd-column-reverse>.grid,.fd-column>[class*="grid--cell"],.fd-column-reverse>[class*="grid--cell"],.fd-column[class*="grid__allcells"]>.grid,.fd-column-reverse[class*="grid__allcells"]>.grid,.fd-column[class*="grid__allcells"]>[class*="grid--cell"],.fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width: auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 1264px),(-ms-high-contrast:active) and (max-width:1264px) {
html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column>.grid,html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column-reverse>.grid,html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column-reverse>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .lg\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 1100px),(-ms-high-contrast:active) and (max-width:1100px) {
html.html__responsive.html__unpinned-leftnav .lg\:fd-column>.grid,html.html__responsive.html__unpinned-leftnav .lg\:fd-column-reverse>.grid,html.html__responsive.html__unpinned-leftnav .lg\:fd-column>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .lg\:fd-column-reverse>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .lg\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .lg\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .lg\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .lg\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 980px),(-ms-high-contrast:active) and (max-width:980px) {
html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column>.grid,html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column-reverse>.grid,html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column-reverse>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .md\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 816px),(-ms-high-contrast:active) and (max-width:816px) {
html.html__responsive.html__unpinned-leftnav .md\:fd-column>.grid,html.html__responsive.html__unpinned-leftnav .md\:fd-column-reverse>.grid,html.html__responsive.html__unpinned-leftnav .md\:fd-column>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .md\:fd-column-reverse>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .md\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .md\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .md\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .md\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 640px),(-ms-high-contrast:active) and (max-width:640px) {
html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column>.grid,html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column-reverse>.grid,html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column-reverse>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive:not(.html__unpinned-leftnav) .sm\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
@media all and (-ms-high-contrast:none) and (max-width: 640px),(-ms-high-contrast:active) and (max-width:640px) {
html.html__responsive.html__unpinned-leftnav .sm\:fd-column>.grid,html.html__responsive.html__unpinned-leftnav .sm\:fd-column-reverse>.grid,html.html__responsive.html__unpinned-leftnav .sm\:fd-column>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .sm\:fd-column-reverse>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .sm\:fd-column[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .sm\:fd-column-reverse[class*="grid__allcells"]>.grid,html.html__responsive.html__unpinned-leftnav .sm\:fd-column[class*="grid__allcells"]>[class*="grid--cell"],html.html__responsive.html__unpinned-leftnav .sm\:fd-column-reverse[class*="grid__allcells"]>[class*="grid--cell"] {
width:auto
}
}
.gs2 {
margin: -1px
}
.gs2>.grid,.gs2>.grid--cell {
margin: 1px
}
.gs2>.grid--cell1 {
margin: 1px
}
.gs2>.grid--cell1,.gs2.grid__allcells1>.grid,.gs2.grid__allcells1>.grid--cell {
flex-basis: calc(8.333333333333334% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell1,.gs2.grid__allcells1>.grid,.gs2.grid__allcells1>.grid--cell {
flex-basis: auto;
width: calc(8.333333333333334% - 2px)
}
}
.gs2>.grid--cell2 {
margin: 1px
}
.gs2>.grid--cell2,.gs2.grid__allcells2>.grid,.gs2.grid__allcells2>.grid--cell {
flex-basis: calc(16.666666666666668% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell2,.gs2.grid__allcells2>.grid,.gs2.grid__allcells2>.grid--cell {
flex-basis: auto;
width: calc(16.666666666666668% - 2px)
}
}
.gs2>.grid--cell3 {
margin: 1px
}
.gs2>.grid--cell3,.gs2.grid__allcells3>.grid,.gs2.grid__allcells3>.grid--cell {
flex-basis: calc(25% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell3,.gs2.grid__allcells3>.grid,.gs2.grid__allcells3>.grid--cell {
flex-basis: auto;
width: calc(25% - 2px)
}
}
.gs2>.grid--cell4 {
margin: 1px
}
.gs2>.grid--cell4,.gs2.grid__allcells4>.grid,.gs2.grid__allcells4>.grid--cell {
flex-basis: calc(33.333333333333336% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell4,.gs2.grid__allcells4>.grid,.gs2.grid__allcells4>.grid--cell {
flex-basis: auto;
width: calc(33.333333333333336% - 2px)
}
}
.gs2>.grid--cell5 {
margin: 1px
}
.gs2>.grid--cell5,.gs2.grid__allcells5>.grid,.gs2.grid__allcells5>.grid--cell {
flex-basis: calc(41.666666666666664% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell5,.gs2.grid__allcells5>.grid,.gs2.grid__allcells5>.grid--cell {
flex-basis: auto;
width: calc(41.666666666666664% - 2px)
}
}
.gs2>.grid--cell6 {
margin: 1px
}
.gs2>.grid--cell6,.gs2.grid__allcells6>.grid,.gs2.grid__allcells6>.grid--cell {
flex-basis: calc(50% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell6,.gs2.grid__allcells6>.grid,.gs2.grid__allcells6>.grid--cell {
flex-basis: auto;
width: calc(50% - 2px)
}
}
.gs2>.grid--cell7 {
margin: 1px
}
.gs2>.grid--cell7,.gs2.grid__allcells7>.grid,.gs2.grid__allcells7>.grid--cell {
flex-basis: calc(58.333333333333336% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell7,.gs2.grid__allcells7>.grid,.gs2.grid__allcells7>.grid--cell {
flex-basis: auto;
width: calc(58.333333333333336% - 2px)
}
}
.gs2>.grid--cell8 {
margin: 1px
}
.gs2>.grid--cell8,.gs2.grid__allcells8>.grid,.gs2.grid__allcells8>.grid--cell {
flex-basis: calc(66.66666666666667% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell8,.gs2.grid__allcells8>.grid,.gs2.grid__allcells8>.grid--cell {
flex-basis: auto;
width: calc(66.66666666666667% - 2px)
}
}
.gs2>.grid--cell9 {
margin: 1px
}
.gs2>.grid--cell9,.gs2.grid__allcells9>.grid,.gs2.grid__allcells9>.grid--cell {
flex-basis: calc(75% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell9,.gs2.grid__allcells9>.grid,.gs2.grid__allcells9>.grid--cell {
flex-basis: auto;
width: calc(75% - 2px)
}
}
.gs2>.grid--cell10 {
margin: 1px
}
.gs2>.grid--cell10,.gs2.grid__allcells10>.grid,.gs2.grid__allcells10>.grid--cell {
flex-basis: calc(83.33333333333333% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell10,.gs2.grid__allcells10>.grid,.gs2.grid__allcells10>.grid--cell {
flex-basis: auto;
width: calc(83.33333333333333% - 2px)
}
}
.gs2>.grid--cell11 {
margin: 1px
}
.gs2>.grid--cell11,.gs2.grid__allcells11>.grid,.gs2.grid__allcells11>.grid--cell {
flex-basis: calc(91.66666666666667% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell11,.gs2.grid__allcells11>.grid,.gs2.grid__allcells11>.grid--cell {
flex-basis: auto;
width: calc(91.66666666666667% - 2px)
}
}
.gs2>.grid--cell12 {
margin: 1px
}
.gs2>.grid--cell12,.gs2.grid__allcells12>.grid,.gs2.grid__allcells12>.grid--cell {
flex-basis: calc(100% - 2px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs2>.grid--cell12,.gs2.grid__allcells12>.grid,.gs2.grid__allcells12>.grid--cell {
flex-basis: auto;
width: calc(100% - 2px)
}
}
.gs4 {
margin: -2px
}
.gs4>.grid,.gs4>.grid--cell {
margin: 2px
}
.gs4>.grid--cell1 {
margin: 2px
}
.gs4>.grid--cell1,.gs4.grid__allcells1>.grid,.gs4.grid__allcells1>.grid--cell {
flex-basis: calc(8.333333333333334% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell1,.gs4.grid__allcells1>.grid,.gs4.grid__allcells1>.grid--cell {
flex-basis: auto;
width: calc(8.333333333333334% - 4px)
}
}
.gs4>.grid--cell2 {
margin: 2px
}
.gs4>.grid--cell2,.gs4.grid__allcells2>.grid,.gs4.grid__allcells2>.grid--cell {
flex-basis: calc(16.666666666666668% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell2,.gs4.grid__allcells2>.grid,.gs4.grid__allcells2>.grid--cell {
flex-basis: auto;
width: calc(16.666666666666668% - 4px)
}
}
.gs4>.grid--cell3 {
margin: 2px
}
.gs4>.grid--cell3,.gs4.grid__allcells3>.grid,.gs4.grid__allcells3>.grid--cell {
flex-basis: calc(25% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell3,.gs4.grid__allcells3>.grid,.gs4.grid__allcells3>.grid--cell {
flex-basis: auto;
width: calc(25% - 4px)
}
}
.gs4>.grid--cell4 {
margin: 2px
}
.gs4>.grid--cell4,.gs4.grid__allcells4>.grid,.gs4.grid__allcells4>.grid--cell {
flex-basis: calc(33.333333333333336% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell4,.gs4.grid__allcells4>.grid,.gs4.grid__allcells4>.grid--cell {
flex-basis: auto;
width: calc(33.333333333333336% - 4px)
}
}
.gs4>.grid--cell5 {
margin: 2px
}
.gs4>.grid--cell5,.gs4.grid__allcells5>.grid,.gs4.grid__allcells5>.grid--cell {
flex-basis: calc(41.666666666666664% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell5,.gs4.grid__allcells5>.grid,.gs4.grid__allcells5>.grid--cell {
flex-basis: auto;
width: calc(41.666666666666664% - 4px)
}
}
.gs4>.grid--cell6 {
margin: 2px
}
.gs4>.grid--cell6,.gs4.grid__allcells6>.grid,.gs4.grid__allcells6>.grid--cell {
flex-basis: calc(50% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell6,.gs4.grid__allcells6>.grid,.gs4.grid__allcells6>.grid--cell {
flex-basis: auto;
width: calc(50% - 4px)
}
}
.gs4>.grid--cell7 {
margin: 2px
}
.gs4>.grid--cell7,.gs4.grid__allcells7>.grid,.gs4.grid__allcells7>.grid--cell {
flex-basis: calc(58.333333333333336% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell7,.gs4.grid__allcells7>.grid,.gs4.grid__allcells7>.grid--cell {
flex-basis: auto;
width: calc(58.333333333333336% - 4px)
}
}
.gs4>.grid--cell8 {
margin: 2px
}
.gs4>.grid--cell8,.gs4.grid__allcells8>.grid,.gs4.grid__allcells8>.grid--cell {
flex-basis: calc(66.66666666666667% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell8,.gs4.grid__allcells8>.grid,.gs4.grid__allcells8>.grid--cell {
flex-basis: auto;
width: calc(66.66666666666667% - 4px)
}
}
.gs4>.grid--cell9 {
margin: 2px
}
.gs4>.grid--cell9,.gs4.grid__allcells9>.grid,.gs4.grid__allcells9>.grid--cell {
flex-basis: calc(75% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell9,.gs4.grid__allcells9>.grid,.gs4.grid__allcells9>.grid--cell {
flex-basis: auto;
width: calc(75% - 4px)
}
}
.gs4>.grid--cell10 {
margin: 2px
}
.gs4>.grid--cell10,.gs4.grid__allcells10>.grid,.gs4.grid__allcells10>.grid--cell {
flex-basis: calc(83.33333333333333% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell10,.gs4.grid__allcells10>.grid,.gs4.grid__allcells10>.grid--cell {
flex-basis: auto;
width: calc(83.33333333333333% - 4px)
}
}
.gs4>.grid--cell11 {
margin: 2px
}
.gs4>.grid--cell11,.gs4.grid__allcells11>.grid,.gs4.grid__allcells11>.grid--cell {
flex-basis: calc(91.66666666666667% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell11,.gs4.grid__allcells11>.grid,.gs4.grid__allcells11>.grid--cell {
flex-basis: auto;
width: calc(91.66666666666667% - 4px)
}
}
.gs4>.grid--cell12 {
margin: 2px
}
.gs4>.grid--cell12,.gs4.grid__allcells12>.grid,.gs4.grid__allcells12>.grid--cell {
flex-basis: calc(100% - 4px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs4>.grid--cell12,.gs4.grid__allcells12>.grid,.gs4.grid__allcells12>.grid--cell {
flex-basis: auto;
width: calc(100% - 4px)
}
}
.gs8 {
margin: -4px
}
.gs8>.grid,.gs8>.grid--cell {
margin: 4px
}
.gs8>.grid--cell1 {
margin: 4px
}
.gs8>.grid--cell1,.gs8.grid__allcells1>.grid,.gs8.grid__allcells1>.grid--cell {
flex-basis: calc(8.333333333333334% - 8px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs8>.grid--cell1,.gs8.grid__allcells1>.grid,.gs8.grid__allcells1>.grid--cell {
flex-basis: auto;
width: calc(8.333333333333334% - 8px)
}
}
.gs8>.grid--cell2 {
margin: 4px
}
.gs8>.grid--cell2,.gs8.grid__allcells2>.grid,.gs8.grid__allcells2>.grid--cell {
flex-basis: calc(16.666666666666668% - 8px)
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.gs8>.grid--cell2,.gs8.grid__allcells2>.grid,.gs8.grid__allcells2>.grid--cell {
flex-basis: auto;
width: calc(16.666666666666668% - 8px)
}
}
.gs8>.grid--cell3 {
margin: 4px
}
.gs8>.grid--cell3,.gs8.grid__allcells3>.grid,.gs8.grid__allcells3>.grid--cell {
flex-basis: calc(25% - 8px)