.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.react-calendar--doubleView {
  width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__tile--now {
  background: #ffff76;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}





section.letter {  
  width: 215.9mm;

  max-width: calc(215.9mm - 120px);
  width: 100%;
  background: white;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
  box-sizing: border-box;
}

section.letter .table-separator {
    border-bottom: 12px solid #cbcbcb;
}

section.letter .table-input {
    height: 100%;
    width: 100%;
    min-height: 25px;
    padding: 0;
}

section.letter .table-input input, section.letter .table-input textarea {
    font-size: 15px;
    padding: 0;
    text-align: center;
}


section.letter .table-input textarea {
    font-size: 14px;
}


section.letter .table-input.left input, section.letter .table-input.left textarea {
    text-align: left;
    padding-left: 10px;
}

section.letter .table-input input::placeholder, section.letter .table-input textarea::placeholder {
    font-weight: normal;
    font-size: 12px;
}

section.letter table {
    border: 2px solid #cbcbcb;
}

section.letter th {
    padding: 0 !important;
    width: 14.28%;
}

section.letter tr {
    border-bottom: 1px solid #cbcbcb;
}

section.letter tr:last-child {
    border-bottom: none;
}

section.letter td {
    border-right: 1px solid #cbcbcb;
    font-size: 15px;
}

section.letter td.table-label {
    padding-left: 10px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}

section.letter td:last-child {
    border-right: none;
}

section.letter tr {
    border-bottom: 1px solid #cbcbcb;
}

section.letter .table-disabled {
    background-color: #f6f6f6;
    display: flex;
    height: 100%;
    min-height: 25px;
}

section.letter .table-signature {
    border-top: 2px solid black;
    width: 40%;
    display: flex;
    padding-top: 4px;
    justify-content: space-around;
    font-size: 14px;
}

section.letter .table-date-input {
}
section.letter .table-date-input .MuiInputBase-root {
    border: none!important;
}

section.letter .table-date-input fieldset {
    display: none;
}

section.letter .table-date-input input {
    padding: 0!important;
    font-size: 14px;
    text-align: center;
}


@page {
    size: letter;
    margin: 0;
    margin-top: 100px !important;
    padding-top: 50px !important;
    orphans: 10 !important;
    windows: 10 !important;
}

@page:first {
    margin: 0;
    margin-top: 0px !important;
}

@page :footer {
    display: none;
}

@page :header {
    display: none;
}


@media print {
    
    body, section.letter {
        margin: 0;
        max-width: 1000px;
    }
    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    section.letter {
        padding-left: 50px;
        padding-right: 50px
    }
	.no-print {
        display: none !important;
        visibility: hidden !important;
    }
    section.letter .table-separator, section.letter table, section.letter tr, section.letter td {
        border-color: #6f6f6f;
    }
    section.letter .table-separator {
        print-color-adjust: exact;
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],template {
  display: none
}

a {
  background-color: transparent
}

a:active,a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: none;
  margin: 0;
  padding: 0
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,th {
  padding: 0
}

:root {
  --x-height-multiplier:0;--baseline-multiplier:0}

.m-breakWord {
  word-break: break-word;
  word-wrap: break-word
}

.tabularNumeral {
  font-feature-settings: "tnum" on;
  -moz-font-feature-settings: "tnum" on;
  -webkit-font-feature-settings: "tnum" on;
  display: inline-block;
  width: .6em;
  text-align: center
}

.tabularNumeral--comma {
  width: .3em;
  text-align: left
}

.middotDivider {
  padding-right: .3em;
  padding-left: .3em;
  font-size: 16px
}

.middotDivider:after {
  content: '\B7'
}

.subscript {
  margin-left: 2px;
  font-size: 15px;
  vertical-align: subscript
}

@font-face {
  font-family: Cambria;
  src: local('Arial'),local('Helvetica');
  unicode-range: U+2500-259F
}

@-ms-viewport {
  width: device-width
}

body {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  color: rgba(0,0,0,.84);
  font-size: 20px;
  line-height: 1.4
}

h1,h2,h3,h4,h5,h6 {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

a {
  color: inherit;
  text-decoration: none
}

a,button,input {
  -webkit-tap-highlight-color: transparent
}

html {
  overflow-y: scroll
}

body,html {
  overflow-x: hidden
}

blockquote,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul {
  margin: 0
}

p {
  margin-bottom: 30px
}

menu,ol,ul {
  padding: 0;
  list-style: none;
  list-style-image: none
}

figcaption {
  -webkit-nbsp-mode: normal
}

main {
  display: block
}

@media screen and (max-device-width: 1000px) {
  html {
    -webkit-text-size-adjust:none
  }
}

@media print {
  h2,h3 {
    page-break-after: avoid;
    page-break-inside: avoid
  }
}

@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }
}

@-webkit-keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(.97,0,0,1,0,12);
    transform: matrix(.97,0,0,1,0,12);
    opacity: 0
  }

  20% {
    -webkit-transform: matrix(.99,0,0,1,0,2);
    transform: matrix(.99,0,0,1,0,2);
    opacity: .7
  }

  40% {
    -webkit-transform: matrix(1,0,0,1,0,-1);
    transform: matrix(1,0,0,1,0,-1);
    opacity: 1
  }

  70% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }

  100% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }
}

@keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(.97,0,0,1,0,12);
    transform: matrix(.97,0,0,1,0,12);
    opacity: 0
  }

  20% {
    -webkit-transform: matrix(.99,0,0,1,0,2);
    transform: matrix(.99,0,0,1,0,2);
    opacity: .7
  }

  40% {
    -webkit-transform: matrix(1,0,0,1,0,-1);
    transform: matrix(1,0,0,1,0,-1);
    opacity: 1
  }

  70% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }

  100% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }
}

@-webkit-keyframes pop-downwards {
  0% {
    -webkit-transform: matrix(.97,0,0,1,0,-12);
    transform: matrix(.97,0,0,1,0,-12);
    opacity: 0
  }

  20% {
    -webkit-transform: matrix(.99,0,0,1,0,-2);
    transform: matrix(.99,0,0,1,0,-2);
    opacity: .7
  }

  40% {
    -webkit-transform: matrix(1,0,0,1,0,1);
    transform: matrix(1,0,0,1,0,1);
    opacity: 1
  }

  70% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }

  100% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }
}

@keyframes pop-downwards {
  0% {
    -webkit-transform: matrix(.97,0,0,1,0,-12);
    transform: matrix(.97,0,0,1,0,-12);
    opacity: 0
  }

  20% {
    -webkit-transform: matrix(.99,0,0,1,0,-2);
    transform: matrix(.99,0,0,1,0,-2);
    opacity: .7
  }

  40% {
    -webkit-transform: matrix(1,0,0,1,0,1);
    transform: matrix(1,0,0,1,0,1);
    opacity: 1
  }

  70% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }

  100% {
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 1
  }
}

@-webkit-keyframes pop {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pop {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  40% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  40% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@-webkit-keyframes shift-upwards-50 {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes shift-upwards-50 {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes pop-shift-down-0 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@keyframes pop-shift-down-0 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@-webkit-keyframes pop-shift-down-35 {
  0% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@keyframes pop-shift-down-35 {
  0% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@-webkit-keyframes pop-shift-down-44 {
  0% {
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-49px);
    transform: translateY(-49px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@keyframes pop-shift-down-44 {
  0% {
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px);
    opacity: 1
  }

  10% {
    -webkit-transform: translateY(-49px);
    transform: translateY(-49px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@-webkit-keyframes pop-shift-up-0 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes pop-shift-up-0 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes pop-shift-up-35 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }

  100% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px)
  }
}

@keyframes pop-shift-up-35 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }

  100% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px)
  }
}

@-webkit-keyframes pop-shift-up-44 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-49px);
    transform: translateY(-49px)
  }

  100% {
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px)
  }
}

@keyframes pop-shift-up-44 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  90% {
    -webkit-transform: translateY(-49px);
    transform: translateY(-49px)
  }

  100% {
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px)
  }
}

@-webkit-keyframes shimmy-shake {
  0% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  20% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  40% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  60% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  80% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes shimmy-shake {
  0% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  20% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  40% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  60% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  80% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes variable-loading {
  0% {
    width: 0
  }

  20% {
    width: 20%
  }

  30% {
    width: 30%
  }

  60% {
    width: 70%
  }

  100% {
    width: 100%
  }
}

@keyframes variable-loading {
  0% {
    width: 0
  }

  20% {
    width: 20%
  }

  30% {
    width: 30%
  }

  60% {
    width: 70%
  }

  100% {
    width: 100%
  }
}

.u-animation-loading-bar {
  -webkit-animation: variable-loading 6s forwards;
  animation: variable-loading 6s forwards
}

@-webkit-keyframes fade-in-pulse-06 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }

  50% {
    opacity: 1
  }

  100%,70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes fade-in-pulse-06 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }

  50% {
    opacity: 1
  }

  100%,70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes fade-in-pulse-08 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  50% {
    opacity: 1
  }

  100%,70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes fade-in-pulse-08 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  50% {
    opacity: 1
  }

  100%,70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes black-pulse-09 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #000
  }

  15% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #000
  }
}

@keyframes black-pulse-09 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #000
  }

  15% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #000
  }
}

@-webkit-keyframes pulse-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  70% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@keyframes pulse-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  70% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@-webkit-keyframes pulse-shadow--collection {
  0% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  70% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@keyframes pulse-shadow--collection {
  0% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  70% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@-webkit-keyframes pulse-shadow--onboarding {
  0% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  30% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  80% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@keyframes pulse-shadow--onboarding {
  0% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  30% {
    -webkit-box-shadow: 0 0 0 0 #34e79a;
    box-shadow: 0 0 0 0 #34e79a
  }

  80% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@-webkit-keyframes pulse-shadow--onboarding-collection {
  0% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  30% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  80% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@keyframes pulse-shadow--onboarding-collection {
  0% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  30% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
  }

  80% {
    -webkit-box-shadow: 0 0 5px 10px rgba(255,255,255,0);
    box-shadow: 0 0 5px 10px rgba(255,255,255,0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}

@-webkit-keyframes pulse-grow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse-grow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes pulse-grow-50-110 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse-grow-50-110 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes pulse-grow-50-105 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse-grow-50-105 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.u-animation-onHover--pulseShadow:hover {
  -webkit-animation: pulse-shadow 2s infinite!important;
  animation: pulse-shadow 2s infinite!important
}

.u-animation-onHover--pulseShadow {
  -webkit-animation: none;
  animation: none
}

@-webkit-keyframes scale-fade-out {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    visibility: visible
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  99% {
    opacity: 0
  }

  100% {
    visibility: hidden
  }
}

@keyframes scale-fade-out {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    visibility: visible
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  99% {
    opacity: 0
  }

  100% {
    visibility: hidden
  }
}

@-webkit-keyframes scale-08-fade-in-50 {
  0% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden
  }

  1% {
    opacity: 0;
    visibility: visible
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes scale-08-fade-in-50 {
  0% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden
  }

  1% {
    opacity: 0;
    visibility: visible
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes fade-in {
  0% {
    visibility: hidden
  }

  1% {
    visibility: visible;
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    visibility: hidden
  }

  1% {
    visibility: visible;
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible
  }

  99% {
    opacity: 0
  }

  100% {
    visibility: hidden
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible
  }

  99% {
    opacity: 0
  }

  100% {
    visibility: hidden
  }
}

@-webkit-keyframes fade-step-in-50 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fade-step-in-50 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1
  }

  80% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes blink {
  0% {
    opacity: 1
  }

  80% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes shimmer {
  0% {
    opacity: .8
  }

  50% {
    opacity: .5
  }

  100% {
    opacity: .8
  }
}

@keyframes shimmer {
  0% {
    opacity: .8
  }

  50% {
    opacity: .5
  }

  100% {
    opacity: .8
  }
}

@-webkit-keyframes scale-out-delayed {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    max-height: 800px
  }

  40% {
    -webkit-transform: scale(.99);
    transform: scale(.99);
    opacity: 0
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    max-height: 0
  }
}

@keyframes scale-out-delayed {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    max-height: 800px
  }

  40% {
    -webkit-transform: scale(.99);
    transform: scale(.99);
    opacity: 0
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    max-height: 0
  }
}

@-webkit-keyframes float-upwards-fade-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  10% {
    opacity: 1;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }
}

@keyframes float-upwards-fade-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  10% {
    opacity: 1;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }
}

.u-animation--fade-in-fast {
  -webkit-animation: fade-in .1s ease-in-out forwards;
  animation: fade-in .1s ease-in-out forwards
}

.u-animation--fade-out-fast {
  -webkit-animation: fade-out .1s ease-in-out forwards;
  animation: fade-out .1s ease-in-out forwards
}

.u-animation--fade-in-1s {
  -webkit-animation: fade-in 1s ease-in-out forwards;
  animation: fade-in 1s ease-in-out forwards
}

.u-animation--fade-in-2s {
  -webkit-animation: fade-in 2s ease-in-out forwards;
  animation: fade-in 2s ease-in-out forwards
}

.u-animation--shimmerInfinite {
  -webkit-animation: shimmer 1.2s ease-in-out infinite;
  animation: shimmer 1.2s ease-in-out infinite
}

@-webkit-keyframes burst-dot {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  32% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
}

@keyframes burst-dot {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  32% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
}

@-webkit-keyframes burst-triangle {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  32% {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
  }
}

@keyframes burst-triangle {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  32% {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
  }
}

@-webkit-keyframes color-light-to-white {
  0% {
    color: rgba(0,0,0,.3)
  }

  100% {
    color: #fff
  }
}

@keyframes color-light-to-white {
  0% {
    color: rgba(0,0,0,.3)
  }

  100% {
    color: #fff
  }
}

.u-alignMiddle .u-alignBlock,.u-alignMiddle:before {
  display: inline-block!important;
  vertical-align: middle!important
}

.u-alignMiddle:before {
  content: ''!important;
  height: 100%!important
}

.u-floatLeft {
  float: left!important
}

.u-floatRight {
  float: right!important
}

.u-floatNone {
  float: none!important
}

.u-clearBoth {
  clear: both!important
}

@media (max-width: 991px) {
  .u-sm-floatNone {
    float:none!important
  }
}

@media (max-width: 767px) {
  .u-xs-floatLeft {
    float:left!important
  }

  .u-xs-floatRight {
    float: right!important
  }

  .u-xs-floatNone {
    float: none!important
  }
}

.u-verticalAlignTop {
  vertical-align: top!important
}

.u-verticalAlignMiddle {
  vertical-align: middle!important
}

.u-verticalAlignBottom {
  vertical-align: bottom!important
}

.u-verticalAlignBaseline {
  vertical-align: baseline!important
}

.u-verticalAlignTextBottom {
  vertical-align: text-bottom!important
}

.u-disablePointerEvents {
  pointer-events: none!important
}

.u-pointerEventsAuto {
  pointer-events: auto!important
}

.u-noUserSelect {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important;
  -webkit-tap-highlight-color: transparent!important
}

.u-overflowX {
  overflow-x: auto!important;
  overflow-y: hidden!important;
  -webkit-overflow-scrolling: touch!important;
  -ms-overflow-style: -ms-autohiding-scrollbar!important
}

.u-overflowScroll {
  overflow: scroll!important
}

.u-overflowScrollY {
  overflow-y: scroll!important
}

.u-overflowHidden {
  overflow: hidden!important
}

.u-overflowHiddenY {
  overflow-y: hidden!important
}

.u-overflowVisible {
  overflow: visible!important
}

.u-overflowAuto {
  overflow: auto!important
}

.u-overflowAutoY {
  overflow-y: auto!important
}

@media screen and (max-width: 991px) {
  .u-sm-overflowHidden {
    overflow:hidden!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-overflowScrollX {
    overflow-x:scroll!important;
    -webkit-overflow-scrolling: touch!important;
    -ms-overflow-style: -ms-autohiding-scrollbar!important
  }

  .u-xs-overflowHidden {
    overflow: hidden!important
  }
}

.u-borderDarker {
  border: 1px solid rgba(0,0,0,.84)!important
}

.u-borderDark {
  border: 1px solid rgba(0,0,0,.68)!important
}

.u-borderLight {
  border: 1px solid rgba(0,0,0,.3)!important
}

.u-borderLighter {
  border: 1px solid rgba(0,0,0,.15)!important
}

.u-borderLightest {
  border: 1px solid rgba(0,0,0,.05)!important
}

.u-borderBlackLightest {
  border: 1px solid rgba(0,0,0,.1)!important
}

.u-borderLighterHover:hover {
  border-color: rgba(0,0,0,.15)!important
}

.u-borderGreenDashed {
  border: 1px dashed #03a87c!important
}

.u-borderWhite {
  border: 1px solid #fff!important
}

.u-borderNormal {
  border: 1px solid rgba(0,0,0,.54)!important
}

.u-borderCardBorder {
  border: 1px solid rgba(0,0,0,.04)!important
}

.u-borderCardBackground {
  border: 1px solid rgba(0,0,0,.09)!important
}

.u-borderSandDarker {
  border: 1px solid #5E5038!important
}

.u-borderTopLight {
  border-top: 1px solid rgba(0,0,0,.0785)!important
}

.u-borderTopLighter {
  border-top: 1px solid rgba(0,0,0,.15)!important
}

.u-borderTopLightest {
  border-top: 1px solid rgba(0,0,0,.05)!important
}

.u-borderTopGreen {
  border-top: 1px solid #03a87c!important
}

.u-borderTopDashed {
  border-top: 1px dashed!important
}

.u-borderStyleDashed {
  border-style: dashed!important
}

.u-borderBottomDashed {
  border-bottom: 1px dashed!important
}

.u-borderBottomNormal {
  border-bottom: 1px solid rgba(0,0,0,.54)!important
}

.u-borderBottomLight {
  border-bottom: 1px solid rgba(0,0,0,.0785)!important
}

.u-borderBottomLighter {
  border-bottom: 1px solid rgba(0,0,0,.15)!important
}

.u-borderBottomLightest {
  border-bottom: 1px solid rgba(0,0,0,.05)!important
}

.u-borderBottomWhite15 {
  border-bottom: 15px solid #fff!important
}

.u-borderBottomGrayLight {
  border-bottom: 1px solid #f0f0f0!important
}

.u-borderBottomGreen {
  border-bottom: 1px solid #03a87c!important
}

.u-borderBottomGreenHover:hover {
  border-bottom: 1px solid #03a87c!important
}

.u-borderRight0 {
  border-right: 0!important
}

.u-borderRight1 {
  border-right: 1px solid!important
}

.u-borderRightLighter {
  border-right: 1px solid rgba(0,0,0,.15)!important
}

.u-borderRightTransparentWhiteLighter {
  border-right: 1px solid rgba(255,255,255,.2)!important
}

.u-borderRightWhite15 {
  border-right: 15px solid #fff!important
}

.u-borderLeftLighter {
  border-left: 1px solid rgba(0,0,0,.15)!important
}

.u-borderLeftGreen {
  border-left-color: #03a87c!important
}

.u-borderLeftDashed {
  border-left: 1px dashed!important
}

.u-border0 {
  border: 0!important
}

.u-border1 {
  border: 1px solid!important
}

.u-border2 {
  border: 2px solid!important
}

.u-borderTop0 {
  border-top: 0!important
}

.u-borderTop1 {
  border-top: 1px solid!important
}

.u-borderTop2 {
  border-top: 2px solid!important
}

.u-borderBottom1 {
  border-bottom: 1px solid!important
}

.u-borderBottomWidth2 {
  border-bottom-width: 2px!important
}

.u-borderLeft0 {
  border-left: 0!important
}

.u-borderLeft1 {
  border-left: 1px solid!important
}

.u-borderLeft4 {
  border-left: 4px solid!important
}

.u-borderStyleSolid {
  border-style: solid!important
}

.u-borderGreenNormal {
  border-color: #03a87c!important
}

.u-borderColorNormal {
  border-color: rgba(0,0,0,.54)!important
}

.u-borderColorDarker {
  border-color: rgba(0,0,0,.84)!important
}

.u-borderColorDark {
  border-color: rgba(0,0,0,.68)!important
}

.u-borderColorLight {
  border-color: rgba(0,0,0,.3)!important
}

.u-borderColorLighter {
  border-color: rgba(0,0,0,.15)!important
}

.u-borderColorLightestMedium {
  border-color: rgba(0,0,0,.1)!important
}

.u-borderColorLightest {
  border-color: rgba(0,0,0,.05)!important
}

.u-borderColorTransparentWhiteDark {
  border-color: rgba(255,255,255,.65)
}

.u-borderTopColorDarker {
  border-top-color: rgba(0,0,0,.84)!important
}

.u-borderWidth2 {
  border-width: 2px!important
}

.u-borderTopLightest80:before {
  content: '';
  display: block;
  position: relative;
  width: 80px;
  height: 1px;
  background: rgba(0,0,0,.05)
}

@media screen and (max-width: 767px) {
  .u-xs-borderTopLight {
    border-top:1px solid rgba(0,0,0,.0785)!important
  }

  .u-xs-borderTopLighter {
    border-top: 1px solid rgba(0,0,0,.0785)!important
  }

  .u-xs-borderBottomLight {
    border-bottom: 1px solid rgba(0,0,0,.0785)!important
  }

  .u-xs-borderBottomLighter {
    border-bottom: 1px solid rgba(0,0,0,.15)!important
  }

  .u-xs-border0 {
    border: 0!important
  }

  .u-xs-borderRight0 {
    border-right: 0!important
  }
}

.u-round {
  -webkit-border-radius: 999em!important;
  border-radius: 999em!important;
}

.u-borderRadius0 {
  -webkit-border-radius: 0!important;
  border-radius: 0!important
}

.u-borderRadius2 {
  -webkit-border-radius: 2px!important;
  border-radius: 2px!important
}

.u-borderRadius3 {
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important
}

.u-borderRadius4 {
  -webkit-border-radius: 4px!important;
  border-radius: 4px!important
}

.u-borderRadius10 {
  -webkit-border-radius: 10px!important;
  border-radius: 10px!important
}

.u-borderRadiusTop4 {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px
}

.u-borderRadiusLeft10 {
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.u-borderRadiusRight10 {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px
}

@media screen and (max-width: 767px) {
  .u-xs-borderRadiusTop0 {
    -webkit-border-top-right-radius:0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
  }
}

.u-inline {
  display: inline!important
}

.u-inlineBlock {
  display: inline-block!important
}

.u-block {
  display: block!important
}

.u-table {
  display: table!important
}

.u-table:before {
  height: auto!important;
  display: inherit!important
}

.u-tableCell {
  display: table-cell!important
}

.u-column1 {
  -webkit-columns: 1;
  columns: 1
}

@media screen and (max-width: 991px) {
  .u-sm-block {
    display:block!important
  }

  .u-sm-inline {
    display: inline!important
  }

  .u-sm-column3 {
    -webkit-columns: 3;
    columns: 3
  }
}

@media screen and (max-width: 767px) {
  .u-xs-block {
    display:block!important
  }

  .u-xs-inline {
    display: inline!important
  }

  .u-xs-column1 {
    -webkit-columns: 1;
    columns: 1
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-block {
    display:block!important
  }

  .u-xxs-inline {
    display: inline!important
  }
}

.u-flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.u-flexTop {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: start!important;
  -webkit-align-items: flex-start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.u-flexCenter {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -webkit-align-items: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.u-flexEnd {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: end!important;
  -webkit-align-items: flex-end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.u-flexStretch {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: stretch!important;
  -webkit-align-items: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

.u-flexColumn {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -webkit-box-pack: center!important;
  -webkit-justify-content: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.u-flexDirectionRowReverse {
  -webkit-box-direction: reverse!important;
  -webkit-flex-direction: row-reverse!important;
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important;
}

.u-flexColumnTop {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -webkit-box-pack: start!important;
  -webkit-justify-content: flex-start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}



.u-flexColumnBottom {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -webkit-box-pack: end!important;
  -webkit-justify-content: flex-end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.u-flexColumnSpaceBetween {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -webkit-box-pack: justify!important;
  -webkit-justify-content: space-between!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.u-alignItemsCenter {
  -webkit-box-align: center!important;
  -webkit-align-items: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}
.u-alignItemsFlexEnd {
  -webkit-box-align: end!important;
  -webkit-align-items: flex-end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.u-alignItemsFlexStart {
  -webkit-box-align: start!important;
  -webkit-align-items: flex-start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.u-justifyContentSpaceBetween {
  -webkit-box-pack: justify!important;
  -webkit-justify-content: space-between!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.u-justifyContentCenter {
  -webkit-box-pack: center!important;
  -webkit-justify-content: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.u-justifyContentStart {
  -webkit-box-pack: start!important;
  -webkit-justify-content: flex-start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.u-justifyContentEnd {
  -webkit-box-pack: end!important;
  -webkit-justify-content: flex-end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.u-justifySpaceEvenly {
  -webkit-box-pack: space-evenly!important;
  -webkit-justify-content: space-evenly!important;
  -ms-flex-pack: space-evenly!important;
  justify-content: space-evenly!important
}

.u-flex0 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.u-flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.u-flex01 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.u-flexShrink1 {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.u-flexShrink0 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.u-flexWrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.u-alignSelfStart {
  -webkit-align-self: start!important;
  -ms-flex-item-align: start!important;
  -ms-grid-row-align: start!important;
  align-self: start!important
}

.u-flexAlignSelfCenter {
  -webkit-align-self: center!important;
  -ms-flex-item-align: center!important;
  -ms-grid-row-align: center!important;
  align-self: center!important
}

.u-flexAlignSelfEnd {
  -webkit-align-self: flex-end!important;
  -ms-flex-item-align: end!important;
  align-self: flex-end!important
}

.u-flexOrderNegative1 {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1
}

@media (max-width: 991px) {
  .u-sm-flex {
    display:-webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .u-sm-flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .u-sm-flexWrapReverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }

  .u-sm-flexAlignStretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .u-sm-flexColumn {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
  }

  .u-sm-justifyContentCenter {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .u-sm-flex1 {
    -webkit-box-flex: 1!important;
    -webkit-flex: 1 1 auto!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
  }

  .u-sm-flex0 {
    -webkit-box-flex: 0!important;
    -webkit-flex: 0 0 auto!important;
    -ms-flex: 0 0 auto!important;
    flex: 0 0 auto!important
  }
}

@media (max-width: 767px) {
  .u-xs-inlineFlex {
    display:-webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }

  .u-xs-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .u-xs-flexColumn {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .u-xs-flexTop {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .u-xs-flexColumnTop {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .u-xs-flexCenter {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }

  .u-xs-flexEnd {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }

  .u-xs-flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .u-xs-flexNoWrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .u-xs-flexColumnReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .u-xs-flexAlignStretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .u-xs-flexAlignStart {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }


  .u-xs-justifyContentFlexStart {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }

  .u-xs-flex0 {
    -webkit-box-flex: 0!important;
    -webkit-flex: 0 0 auto!important;
    -ms-flex: 0 0 auto!important;
    flex: 0 0 auto!important
  }

  .u-xs-flex1 {
    -webkit-box-flex: 1!important;
    -webkit-flex: 1 1 auto!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
  }

  .u-xs-flexOrderNegative1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .u-xs-flexOrder0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
  }

  .u-xs-flexOrder1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-flexOrder0 {
    -webkit-box-ordinal-group:1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
  }

  .u-xxs-flexOrder1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

.u-flexBasis160 {
  -webkit-flex-basis: 160px;
  -ms-flex-preferred-size: 160px;
  flex-basis: 160px
}

@media screen and (max-width: 767px) {
  .u-xs-flexBasis100 {
    -webkit-flex-basis:100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px
  }
}

.u-clearfix:after,.u-clearfix:before {
  display: table;
  content: " "
}

.u-clearfix:after {
  clear: both
}

.u-foreground {
  position: relative!important;
  z-index: 100!important
}

.u-background {
  z-index: 70!important
}

.u-zIndex2 {
  z-index: 200!important
}

.u-zIndex3 {
  z-index: 300!important
}

.u-zIndexMetabar {
  z-index: 500!important
}

.u-zIndexFloating {
  z-index: 700!important
}

.u-overlay {
  z-index: 900!important
}

@media screen and (max-width: 767px) {
  .u-xs-foreground {
    z-index:100!important
  }

  .u-xs-background {
    z-index: 70!important
  }
}

.u-borderBox {
  -webkit-box-sizing: border-box!important;
  box-sizing: border-box!important
}

.u-translateNegative100Percent {
  -webkit-transform: translate(-100%,-100%);
  transform: translate(-100%,-100%)
}

.u-transformScale99TranslateY2 {
  -webkit-transform: scale(1) translateY(2px);
  transform: scale(1) translateY(2px)
}

.u-transformScale100Hover:hover {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.u-tableLayoutFixed {
  table-layout: fixed
}

.u-columnWidth170 {
  column-width: 170px;
  -moz-column-width: 170px;
  -webkit-column-width: 170px
}

.u-margin0 {
  margin: 0!important
}

.u-marginTop0 {
  margin-top: 0!important
}

.u-marginBottom0 {
  margin-bottom: 0!important
}

.u-marginLeft0 {
  margin-left: 0!important
}

.u-marginRight0 {
  margin-right: 0!important
}

.u-marginVertical0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.u-marginHorizontal0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.u-marginHorizontalAuto {
  margin-left: auto!important;
  margin-right: auto!important
}

.u-margin5 {
  margin: 5px!important
}

.u-marginTop5 {
  margin-top: 5px!important
}

.u-marginBottom5 {
  margin-bottom: 5px!important
}

.u-marginLeft5 {
  margin-left: 5px!important
}

.u-marginLeft6 {
  margin-left: 6px!important
}

.u-marginTop6 {
  margin-top: 6px!important
}

.u-marginRight5 {
  margin-right: 5px!important
}

.u-marginVertical2 {
  margin-top: 2px!important;
  margin-bottom: 2px!important
}

.u-marginVertical3 {
  margin-top: 3px!important;
  margin-bottom: 3px!important
}

.u-marginVertical5 {
  margin-top: 5px!important;
  margin-bottom: 5px!important
}

.u-marginHorizontal5 {
  margin-left: 5px!important;
  margin-right: 5px!important
}


.u-marginVertical6 {
  margin-top: 6px!important;
  margin-bottom: 6px!important
}


.u-margin10 {
  margin: 10px!important
}

.u-marginTop10 {
  margin-top: 10px!important
}

.u-marginBottom10 {
  margin-bottom: 10px!important
}

.u-marginLeft10 {
  margin-left: 10px!important
}

.u-marginRight10 {
  margin-right: 10px!important
}

.u-marginVertical10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important
}

.u-marginHorizontal10 {
  margin-left: 10px!important;
  margin-right: 10px!important
}

.u-margin15 {
  margin: 15px!important
}

.u-marginTop15 {
  margin-top: 15px!important
}

.u-marginBottom15 {
  margin-bottom: 15px!important
}

.u-marginLeft15 {
  margin-left: 15px!important
}

.u-marginRight15 {
  margin-right: 15px!important
}

.u-marginVertical15 {
  margin-top: 15px!important;
  margin-bottom: 15px!important
}

.u-marginHorizontal15 {
  margin-left: 15px!important;
  margin-right: 15px!important
}

.u-margin20 {
  margin: 20px!important
}

.u-marginTop20 {
  margin-top: 20px!important
}

.u-marginBottom20 {
  margin-bottom: 20px!important
}

.u-marginLeft20 {
  margin-left: 20px!important
}

.u-marginRight20 {
  margin-right: 20px!important
}

.u-marginVertical20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important
}

.u-marginHorizontal20 {
  margin-left: 20px!important;
  margin-right: 20px!important
}




.u-margin25 {
  margin: 25px!important
}

.u-marginTop25 {
  margin-top: 25px!important
}

.u-marginBottom25 {
  margin-bottom: 25px!important
}

.u-marginLeft25 {
  margin-left: 25px!important
}

.u-marginRight25 {
  margin-right: 25px!important
}

.u-marginVertical25 {
  margin-top: 25px!important;
  margin-bottom: 25px!important
}

.u-marginHorizontal25 {
  margin-left: 25px!important;
  margin-right: 25px!important
}

.u-margin30 {
  margin: 30px!important
}

.u-marginTop30 {
  margin-top: 30px!important
}

.u-marginBottom30 {
  margin-bottom: 30px!important
}

.u-marginLeft30 {
  margin-left: 30px!important
}

.u-marginRight30 {
  margin-right: 30px!important
}

.u-marginVertical30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important
}

.u-marginHorizontal30 {
  margin-left: 30px!important;
  margin-right: 30px!important
}


.u-marginBottom35 {
  margin-bottom: 35px!important
}

.u-marginRight35 {
  margin-right: 35px!important
}


.u-margin40 {
  margin: 40px!important
}

.u-marginTop40 {
  margin-top: 40px!important
}

.u-marginBottom40 {
  margin-bottom: 40px!important
}

.u-marginLeft40 {
  margin-left: 40px!important
}

.u-marginRight40 {
  margin-right: 40px!important
}

.u-marginVertical40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important
}

.u-marginHorizontal40 {
  margin-left: 40px!important;
  margin-right: 40px!important
}

.u-margin50 {
  margin: 50px!important
}

.u-marginTop50 {
  margin-top: 50px!important
}

.u-marginBottom50 {
  margin-bottom: 50px!important
}

.u-marginLeft50 {
  margin-left: 50px!important
}

.u-marginRight50 {
  margin-right: 50px!important
}

.u-marginVertical50 {
  margin-top: 50px!important;
  margin-bottom: 50px!important
}

.u-marginHorizontal50 {
  margin-left: 50px!important;
  margin-right: 50px!important
}

.u-margin60 {
  margin: 60px!important
}

.u-marginTop60 {
  margin-top: 60px!important
}

.u-marginBottom60 {
  margin-bottom: 60px!important
}

.u-marginLeft60 {
  margin-left: 60px!important
}

.u-marginRight60 {
  margin-right: 60px!important
}

.u-marginVertical60 {
  margin-top: 60px!important;
  margin-bottom: 60px!important
}

.u-marginHorizontal60 {
  margin-left: 60px!important;
  margin-right: 60px!important
}

.u-margin4 {
  margin: 4px!important
}

.u-marginTop4 {
  margin-top: 4px!important
}

.u-marginBottom4 {
  margin-bottom: 4px!important
}

.u-marginLeft4 {
  margin-left: 4px!important
}

.u-marginRight4 {
  margin-right: 4px!important
}

.u-marginVertical4 {
  margin-top: 4px!important;
  margin-bottom: 4px!important
}

.u-marginHorizontal4 {
  margin-left: 4px!important;
  margin-right: 4px!important
}

.u-margin8 {
  margin: 8px!important
}

.u-marginTop8 {
  margin-top: 8px!important
}

.u-marginBottom8 {
  margin-bottom: 8px!important
}

.u-marginLeft8 {
  margin-left: 8px!important
}

.u-marginRight8 {
  margin-right: 8px!important
}

.u-marginVertical8 {
  margin-top: 8px!important;
  margin-bottom: 8px!important
}

.u-marginHorizontal8 {
  margin-left: 8px!important;
  margin-right: 8px!important
}

.u-margin12 {
  margin: 12px!important
}

.u-marginTop12 {
  margin-top: 12px!important
}

.u-marginBottom12 {
  margin-bottom: 12px!important
}

.u-marginLeft12 {
  margin-left: 12px!important
}

.u-marginRight12 {
  margin-right: 12px!important
}

.u-marginVertical12 {
  margin-top: 12px!important;
  margin-bottom: 12px!important
}

.u-marginHorizontal12 {
  margin-left: 12px!important;
  margin-right: 12px!important
}

.u-margin16 {
  margin: 16px!important
}

.u-marginTop16 {
  margin-top: 16px!important
}

.u-marginBottom16 {
  margin-bottom: 16px!important
}

.u-marginLeft16 {
  margin-left: 16px!important
}

.u-marginRight16 {
  margin-right: 16px!important
}

.u-marginVertical16 {
  margin-top: 16px!important;
  margin-bottom: 16px!important
}

.u-marginHorizontal16 {
  margin-left: 16px!important;
  margin-right: 16px!important
}

.u-margin24 {
  margin: 24px!important
}

.u-marginTop24 {
  margin-top: 24px!important
}

.u-marginBottom24 {
  margin-bottom: 24px!important
}

.u-marginLeft24 {
  margin-left: 24px!important
}

.u-marginRight24 {
  margin-right: 24px!important
}

.u-marginVertical24 {
  margin-top: 24px!important;
  margin-bottom: 24px!important
}

.u-marginHorizontal24 {
  margin-left: 24px!important;
  margin-right: 24px!important
}

.u-margin32 {
  margin: 32px!important
}

.u-marginTop32 {
  margin-top: 32px!important
}

.u-marginBottom32 {
  margin-bottom: 32px!important
}

.u-marginLeft32 {
  margin-left: 32px!important
}

.u-marginRight32 {
  margin-right: 32px!important
}

.u-marginVertical32 {
  margin-top: 32px!important;
  margin-bottom: 32px!important
}

.u-marginHorizontal32 {
  margin-left: 32px!important;
  margin-right: 32px!important
}

.u-margin48 {
  margin: 48px!important
}

.u-marginTop48 {
  margin-top: 48px!important
}

.u-marginBottom48 {
  margin-bottom: 48px!important
}

.u-marginLeft48 {
  margin-left: 48px!important
}

.u-marginRight48 {
  margin-right: 48px!important
}

.u-marginVertical48 {
  margin-top: 48px!important;
  margin-bottom: 48px!important
}

.u-marginHorizontal48 {
  margin-left: 48px!important;
  margin-right: 48px!important
}

.u-marginAuto {
  margin-left: auto!important;
  margin-right: auto!important
}

.u-marginAutoAll {
  margin: auto!important
}

.u-margin3 {
  margin: 3px!important
}

.u-margin90 {
  margin: 90px!important
}

.u-marginTopNegative185 {
  margin-top: -185px!important
}

.u-marginTopNegative165 {
  margin-top: -165px!important
}

.u-marginTopNegative95 {
  margin-top: -95px!important
}

.u-marginTopNegative80 {
  margin-top: -80px!important
}

.u-marginTopNegative30 {
  margin-top: -30px!important
}

.u-marginTopNegative15 {
  margin-top: -15px!important
}

.u-marginTopNegative12 {
  margin-top: -12px!important
}

.u-marginTopNegative10 {
  margin-top: -10px!important
}

.u-marginTopNegative8 {
  margin-top: -8px!important
}

.u-marginTopNegative7 {
  margin-top: -7px!important
}

.u-marginTopNegative6 {
  margin-top: -6px!important
}

.u-marginTopNegative5 {
  margin-top: -5px!important
}

.u-marginTopNegative4 {
  margin-top: -4px!important
}

.u-marginTopNegative3 {
  margin-top: -3px!important
}

.u-marginTopNegative2 {
  margin-top: -2px!important
}

.u-marginTop2 {
  margin-top: 2px!important
}

.u-marginTop3 {
  margin-top: 3px!important
}

.u-marginTop7 {
  margin-top: 7px!important
}

.u-marginTop11 {
  margin-top: 11px!important
}

.u-marginTop14 {
  margin-top: 14px!important
}

.u-marginTop35 {
  margin-top: 35px!important
}

.u-marginTop70 {
  margin-top: 70px!important
}

.u-marginTop75 {
  margin-top: 75px!important
}

.u-marginTop80 {
  margin-top: 80px!important
}

.u-marginTop100 {
  margin-top: 100px!important
}

.u-marginTop120 {
  margin-top: 120px!important
}

.u-marginTop140 {
  margin-top: 140px!important
}

.u-marginTop150 {
  margin-top: 150px!important
}

.u-marginTop180 {
  margin-top: 180px!important
}

.u-marginTop200 {
  margin-top: 200px!important
}

.u-marginBottomNegative100 {
  margin-bottom: -100px!important
}

.u-marginBottomNegative50 {
  margin-bottom: -50px!important
}

.u-marginBottomNegative30 {
  margin-bottom: -30px!important
}

.u-marginBottomNegative1 {
  margin-bottom: -1px!important
}
.u-marginBottomNegative10 {
  margin-bottom: -10px!important
}
.u-marginBottomNegative8 {
  margin-bottom: -8px!important
}
.u-marginBottomNegative6 {
  margin-bottom: -6px!important
}

.u-marginBottomNegative5 {
  margin-bottom: -5px!important
}

.u-marginBottom7 {
  margin-bottom: 7px!important
}

.u-marginBottom80 {
  margin-bottom: 80px!important
}

.u-marginBottom100 {
  margin-bottom: 100px!important
}

.u-marginBottom130 {
  margin-bottom: 130px!important
}

.u-marginBottom150 {
  margin-bottom: 150px!important
}

.u-marginBottom180 {
  margin-bottom: 180px!important
}

.u-marginRightNegative30 {
  margin-right: -30px!important
}

.u-marginRightNegative24 {
  margin-right: -24px!important
}

.u-marginRightNegative20 {
  margin-right: -20px!important
}

.u-marginRightNegative15 {
  margin-right: -15px!important
}

.u-marginRightNegative12 {
  margin-right: -12px!important
}

.u-marginRightNegative10 {
  margin-right: -10px!important
}

.u-marginRightNegative8 {
  margin-right: -8px!important
}

.u-marginRightNegative6 {
  margin-right: -6px!important
}

.u-marginRightNegative5 {
  margin-right: -5px!important
}

.u-marginRight2 {
  margin-right: 2px!important
}

.u-marginRight3 {
  margin-right: 3px!important
}

.u-marginRight6 {
  margin-right: 6px!important
}

.u-marginRight7 {
  margin-right: 7px!important
}

.u-marginRight18 {
  margin-right: 18px!important
}

.u-marginRight36 {
  margin-right: 36px!important
}

.u-marginRight65 {
  margin-right: 65px!important
}

.u-marginRight80 {
  margin-right: 80px!important
}

.u-marginRight100 {
  margin-right: 100px!important
}

.u-marginRight160 {
  margin-right: 160px!important
}

.u-marginLeftAuto {
  margin-left: auto!important
}

.u-marginLeftNegative250 {
  margin-left: -250px!important
}

.u-marginLeftNegative80 {
  margin-left: -80px!important
}

.u-marginLeftNegative30 {
  margin-left: -30px!important
}

.u-marginLeftNegative24 {
  margin-left: -24px!important
}

.u-marginLeftNegative20 {
  margin-left: -20px!important
}

.u-marginLeftNegative15 {
  margin-left: -15px!important
}

.u-marginLeftNegative12 {
  margin-left: -12px!important
}

.u-marginLeftNegative10 {
  margin-left: -10px!important
}

.u-marginLeftNegative8 {
  margin-left: -8px!important
}

.u-marginLeftNegative6 {
  margin-left: -6px!important
}

.u-marginLeftNegative5 {
  margin-left: -5px!important
}

.u-marginLeftNegative4 {
  margin-left: -4px!important
}

.u-marginLeftNegative2 {
  margin-left: -2px!important
}

.u-marginLeft3 {
  margin-left: 3px!important
}

.u-marginLeft18 {
  margin-left: 18px!important
}

.u-marginLeft22 {
  margin-left: 22px!important
}

.u-marginLeft26 {
  margin-left: 26px!important
}

.u-marginLeft35 {
  margin-left: 35px!important
}

.u-marginLeft65 {
  margin-left: 65px!important
}

.u-marginLeft75 {
  margin-left: 75px!important
}

.u-marginLeft80 {
  margin-left: 80px!important
}

.u-marginLeft90 {
  margin-left: 90px!important
}

.u-marginLeft100 {
  margin-left: 100px!important
}

.u-marginLeft120 {
  margin-left: 120px!important
}

.u-marginLeft137 {
  margin-left: 137px!important
}

.u-marginLeft250 {
  margin-left: 250px!important
}

@media (max-width: 767.98px) {
  .u-marginSm0 {
    margin: 0 !important;
  }
  .u-marginVerticalSm0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-marginHorizontalSm0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1440px) {
  .u-lg-marginRight24 {
    margin-right:24px!important
  }
}

@media screen and (max-width: 1199px) {
  .u-md-marginBottom8 {
    margin-bottom:8px!important
  }

  .u-md-marginBottom24 {
    margin-bottom: 24px!important
  }
}

@media screen and (max-width: 991px) {
  .u-sm-marginAuto {
    margin:auto!important
  }

  .u-sm-margin12 {
    margin: 12px!important
  }

  .u-sm-margin16 {
    margin: 16px!important
  }

  .u-sm-marginTopNegative20 {
    margin-top: -20px!important
  }

  .u-sm-marginTop0 {
    margin-top: 0!important
  }

  .u-sm-marginTop10 {
    margin-top: 10px!important
  }

  .u-sm-marginRight20 {
    margin-right: 20px!important
  }

  .u-sm-marginRight30 {
    margin-right: 30px!important
  }

  .u-sm-marginRight60 {
    margin-right: 60px!important
  }

  .u-sm-marginLeftNegative450 {
    margin-left: -450px!important
  }

  .u-sm-marginLeft0 {
    margin-left: 0!important
  }

  .u-sm-marginLeft20 {
    margin-left: 20px!important
  }

  .u-sm-marginLeft30 {
    margin-left: 30px!important
  }

  .u-sm-marginLeft40 {
    margin-left: 40px!important
  }

  .u-sm-marginLeft90 {
    margin-left: 90px!important
  }

  .u-sm-marginLeft137 {
    margin-left: 137px!important
  }

  .u-sm-marginBottomNegative70 {
    margin-bottom: -70px!important
  }

  .u-sm-marginBottom20 {
    margin-bottom: 20px!important
  }

  .u-sm-marginBottom40 {
    margin-bottom: 40px!important
  }

  .u-sm-marginBottom60 {
    margin-bottom: 60px!important
  }

  .u-sm-marginHorizontal30 {
    margin-left: 30px!important;
    margin-right: 30px!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-margin0 {
    margin:0!important
  }

  .u-xs-marginTop0 {
    margin-top: 0!important
  }

  .u-xs-marginBottom0 {
    margin-bottom: 0!important
  }

  .u-xs-marginLeft0 {
    margin-left: 0!important
  }

  .u-xs-marginRight0 {
    margin-right: 0!important
  }

  .u-xs-marginVertical0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }

  .u-xs-marginHorizontal0 {
    margin-left: 0!important;
    margin-right: 0!important
  }

  .u-xs-margin10 {
    margin: 10px!important
  }

  .u-xs-marginTop10 {
    margin-top: 10px!important
  }

  .u-xs-marginBottom10 {
    margin-bottom: 10px!important
  }

  .u-xs-marginLeft10 {
    margin-left: 10px!important
  }

  .u-xs-marginRight10 {
    margin-right: 10px!important
  }

  .u-xs-marginVertical10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }

  .u-xs-marginHorizontal10 {
    margin-left: 10px!important;
    margin-right: 10px!important
  }

  .u-xs-margin16 {
    margin: 16px!important
  }

  .u-xs-marginTop16 {
    margin-top: 16px!important
  }

  .u-xs-marginBottom16 {
    margin-bottom: 16px!important
  }

  .u-xs-marginLeft16 {
    margin-left: 16px!important
  }

  .u-xs-marginRight16 {
    margin-right: 16px!important
  }

  .u-xs-marginVertical16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }

  .u-xs-marginHorizontal16 {
    margin-left: 16px!important;
    margin-right: 16px!important
  }

  .u-xs-margin20 {
    margin: 20px!important
  }

  .u-xs-marginTop20 {
    margin-top: 20px!important
  }

  .u-xs-marginBottom20 {
    margin-bottom: 20px!important
  }

  .u-xs-marginLeft20 {
    margin-left: 20px!important
  }

  .u-xs-marginRight20 {
    margin-right: 20px!important
  }

  .u-xs-marginVertical20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
  }

  .u-xs-marginHorizontal20 {
    margin-left: 20px!important;
    margin-right: 20px!important
  }

  .u-xs-margin30 {
    margin: 30px!important
  }

  .u-xs-marginTop30 {
    margin-top: 30px!important
  }

  .u-xs-marginBottom30 {
    margin-bottom: 30px!important
  }

  .u-xs-marginLeft30 {
    margin-left: 30px!important
  }

  .u-xs-marginRight30 {
    margin-right: 30px!important
  }

  .u-xs-marginVertical30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important
  }

  .u-xs-marginHorizontal30 {
    margin-left: 30px!important;
    margin-right: 30px!important
  }

  .u-xs-margin60 {
    margin: 60px!important
  }

  .u-xs-marginTop60 {
    margin-top: 60px!important
  }

  .u-xs-marginBottom60 {
    margin-bottom: 60px!important
  }

  .u-xs-marginLeft60 {
    margin-left: 60px!important
  }

  .u-xs-marginRight60 {
    margin-right: 60px!important
  }

  .u-xs-marginVertical60 {
    margin-top: 60px!important;
    margin-bottom: 60px!important
  }

  .u-xs-marginHorizontal60 {
    margin-left: 60px!important;
    margin-right: 60px!important
  }

  .u-xs-margin8 {
    margin: 8px!important
  }

  .u-xs-marginTop8 {
    margin-top: 8px!important
  }

  .u-xs-marginBottom8 {
    margin-bottom: 8px!important
  }

  .u-xs-marginLeft8 {
    margin-left: 8px!important
  }

  .u-xs-marginRight8 {
    margin-right: 8px!important
  }

  .u-xs-marginVertical8 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
  }

  .u-xs-marginHorizontal8 {
    margin-left: 8px!important;
    margin-right: 8px!important
  }

  .u-xs-margin16 {
    margin: 16px!important
  }

  .u-xs-marginTop16 {
    margin-top: 16px!important
  }

  .u-xs-marginBottom16 {
    margin-bottom: 16px!important
  }

  .u-xs-marginLeft16 {
    margin-left: 16px!important
  }

  .u-xs-marginRight16 {
    margin-right: 16px!important
  }

  .u-xs-marginVertical16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }

  .u-xs-marginHorizontal16 {
    margin-left: 16px!important;
    margin-right: 16px!important
  }

  .u-xs-marginTopNegative70 {
    margin-top: -70px!important
  }

  .u-xs-margin5 {
    margin: 5px!important
  }

  .u-xs-marginTop4 {
    margin-top: 4px!important
  }

  .u-xs-marginTop15 {
    margin-top: 15px!important
  }

  .u-xs-marginTop25 {
    margin-top: 25px!important
  }

  .u-xs-marginTop35 {
    margin-top: 35px!important
  }

  .u-xs-marginTop40 {
    margin-top: 40px!important
  }

  .u-xs-marginTop50 {
    margin-top: 50px!important
  }

  .u-xs-marginBottomNegative47 {
    margin-bottom: -47px!important
  }

  .u-xs-marginBottom5 {
    margin-bottom: 5px!important
  }

  .u-xs-marginBottom12 {
    margin-bottom: 12px!important
  }

  .u-xs-marginBottom15 {
    margin-bottom: 15px!important
  }

  .u-xs-marginBottom24 {
    margin-bottom: 24px!important
  }

  .u-xs-marginBottom40 {
    margin-bottom: 40px!important
  }

  .u-xs-marginBottom60 {
    margin-bottom: 60px!important
  }

  .u-xs-marginRightNegative20 {
    margin-right: -20px!important
  }

  .u-xs-marginRight5 {
    margin-right: 5px!important
  }

  .u-xs-marginRight15 {
    margin-right: 15px!important
  }

  .u-xs-marginRight60 {
    margin-right: 60px!important
  }

  .u-xs-marginLeftNegative20 {
    margin-left: -20px!important
  }

  .u-xs-marginLeft5 {
    margin-left: 5px!important
  }

  .u-xs-marginLeft15 {
    margin-left: 15px!important
  }

  .u-xs-marginAuto {
    margin-left: auto!important;
    margin-right: auto!important
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-margin0 {
    margin:0!important
  }

  .u-xxs-marginTop0 {
    margin-top: 0!important
  }

  .u-xxs-marginBottom0 {
    margin-bottom: 0!important
  }

  .u-xxs-marginLeft0 {
    margin-left: 0!important
  }

  .u-xxs-marginRight0 {
    margin-right: 0!important
  }

  .u-xxs-marginVertical0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }

  .u-xxs-marginHorizontal0 {
    margin-left: 0!important;
    margin-right: 0!important
  }

  .u-xxs-margin10 {
    margin: 10px!important
  }

  .u-xxs-marginTop10 {
    margin-top: 10px!important
  }

  .u-xxs-marginBottom10 {
    margin-bottom: 10px!important
  }

  .u-xxs-marginLeft10 {
    margin-left: 10px!important
  }

  .u-xxs-marginRight10 {
    margin-right: 10px!important
  }

  .u-xxs-marginVertical10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }

  .u-xxs-marginHorizontal10 {
    margin-left: 10px!important;
    margin-right: 10px!important
  }
}

.u-padding0 {
  padding: 0!important
}

.u-paddingTop0 {
  padding-top: 0!important
}

.u-paddingBottom0 {
  padding-bottom: 0!important
}

.u-paddingLeft0 {
  padding-left: 0!important
}

.u-paddingRight0 {
  padding-right: 0!important
}

.u-paddingVertical0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.u-paddingHorizontal0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.u-padding5 {
  padding: 5px!important
}

.u-paddingTop5 {
  padding-top: 5px!important
}

.u-paddingBottom5 {
  padding-bottom: 5px!important
}

.u-paddingLeft5 {
  padding-left: 5px!important
}

.u-paddingRight5 {
  padding-right: 5px!important
}

.u-paddingVertical5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important
}

.u-paddingHorizontal5 {
  padding-left: 5px!important;
  padding-right: 5px!important
}

.u-padding10 {
  padding: 10px!important
}

.u-paddingTop10 {
  padding-top: 10px!important
}

.u-paddingBottom10 {
  padding-bottom: 10px!important
}

.u-paddingLeft10 {
  padding-left: 10px!important
}

.u-paddingRight10 {
  padding-right: 10px!important
}

.u-paddingVertical10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important
}

.u-paddingHorizontal10 {
  padding-left: 10px!important;
  padding-right: 10px!important
}

.u-padding15 {
  padding: 15px!important
}

.u-paddingTop15 {
  padding-top: 15px!important
}

.u-paddingBottom15 {
  padding-bottom: 15px!important
}

.u-paddingLeft15 {
  padding-left: 15px!important
}

.u-paddingRight15 {
  padding-right: 15px!important
}

.u-paddingVertical15 {
  padding-top: 15px!important;
  padding-bottom: 15px!important
}

.u-paddingHorizontal15 {
  padding-left: 15px!important;
  padding-right: 15px!important
}

.u-padding20 {
  padding: 20px!important
}

.u-paddingTop20 {
  padding-top: 20px!important
}

.u-paddingBottom20 {
  padding-bottom: 20px!important
}

.u-paddingLeft20 {
  padding-left: 20px!important
}

.u-paddingRight20 {
  padding-right: 20px!important
}

.u-paddingVertical20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

.u-paddingHorizontal20 {
  padding-left: 20px!important;
  padding-right: 20px!important
}

.u-padding25 {
  padding: 25px!important
}

.u-paddingTop25 {
  padding-top: 25px!important
}

.u-paddingBottom25 {
  padding-bottom: 25px!important
}

.u-paddingLeft25 {
  padding-left: 25px!important
}

.u-paddingRight25 {
  padding-right: 25px!important
}

.u-paddingVertical25 {
  padding-top: 25px!important;
  padding-bottom: 25px!important
}

.u-paddingHorizontal25 {
  padding-left: 25px!important;
  padding-right: 25px!important
}

.u-padding30 {
  padding: 30px!important
}

.u-paddingTop30 {
  padding-top: 30px!important
}

.u-paddingBottom30 {
  padding-bottom: 30px!important
}

.u-paddingLeft30 {
  padding-left: 30px!important
}

.u-paddingRight30 {
  padding-right: 30px!important
}

.u-paddingVertical30 {
  padding-top: 30px!important;
  padding-bottom: 30px!important
}

.u-paddingHorizontal30 {
  padding-left: 30px!important;
  padding-right: 30px!important
}

.u-padding40 {
  padding: 40px!important
}

.u-paddingTop40 {
  padding-top: 40px!important
}

.u-paddingBottom40 {
  padding-bottom: 40px!important
}

.u-paddingLeft40 {
  padding-left: 40px!important
}

.u-paddingRight40 {
  padding-right: 40px!important
}

.u-paddingVertical40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important
}

.u-paddingHorizontal40 {
  padding-left: 40px!important;
  padding-right: 40px!important
}

.u-padding50 {
  padding: 50px!important
}

.u-paddingTop50 {
  padding-top: 50px!important
}

.u-paddingBottom50 {
  padding-bottom: 50px!important
}

.u-paddingLeft50 {
  padding-left: 50px!important
}

.u-paddingRight50 {
  padding-right: 50px!important
}

.u-paddingVertical50 {
  padding-top: 50px!important;
  padding-bottom: 50px!important
}

.u-paddingHorizontal50 {
  padding-left: 50px!important;
  padding-right: 50px!important
}

.u-padding60 {
  padding: 60px!important
}

.u-paddingTop60 {
  padding-top: 60px!important
}

.u-paddingTop65 {
  padding-top: 65px!important
}

.u-paddingBottom60 {
  padding-bottom: 60px!important
}

.u-paddingLeft60 {
  padding-left: 60px!important
}

.u-paddingRight60 {
  padding-right: 60px!important
}

.u-paddingVertical60 {
  padding-top: 60px!important;
  padding-bottom: 60px!important
}

.u-paddingHorizontal60 {
  padding-left: 60px!important;
  padding-right: 60px!important
}

.u-paddingRight72 {
  padding-right: 72px!important
}

.u-padding4 {
  padding: 4px!important
}

.u-paddingTop4 {
  padding-top: 4px!important
}

.u-paddingBottom4 {
  padding-bottom: 4px!important
}

.u-paddingLeft4 {
  padding-left: 4px!important
}

.u-paddingRight4 {
  padding-right: 4px!important
}

.u-paddingVertical2 {
  padding-top: 2px!important;
  padding-bottom: 2px!important
}

.u-paddingVertical3 {
  padding-top: 3px!important;
  padding-bottom: 3px!important
}

.u-paddingVertical4 {
  padding-top: 4px!important;
  padding-bottom: 4px!important
}

.u-paddingHorizontal4 {
  padding-left: 4px!important;
  padding-right: 4px!important
}

.u-padding8 {
  padding: 8px!important
}

.u-paddingTop8 {
  padding-top: 8px!important
}

.u-paddingBottom8 {
  padding-bottom: 8px!important
}

.u-paddingLeft8 {
  padding-left: 8px!important
}

.u-paddingRight8 {
  padding-right: 8px!important
}

.u-paddingVertical8 {
  padding-top: 8px!important;
  padding-bottom: 8px!important
}

.u-paddingHorizontal8 {
  padding-left: 8px!important;
  padding-right: 8px!important
}

.u-padding12 {
  padding: 12px!important
}

.u-paddingTop12 {
  padding-top: 12px!important
}

.u-paddingBottom12 {
  padding-bottom: 12px!important
}

.u-paddingLeft12 {
  padding-left: 12px!important
}

.u-paddingRight12 {
  padding-right: 12px!important
}

.u-paddingVertical12 {
  padding-top: 12px!important;
  padding-bottom: 12px!important
}

.u-paddingHorizontal12 {
  padding-left: 12px!important;
  padding-right: 12px!important
}

.u-padding16 {
  padding: 16px!important
}

.u-paddingTop16 {
  padding-top: 16px!important
}

.u-paddingBottom16 {
  padding-bottom: 16px!important
}

.u-paddingLeft16 {
  padding-left: 16px!important
}

.u-paddingRight16 {
  padding-right: 16px!important
}

.u-paddingVertical16 {
  padding-top: 16px!important;
  padding-bottom: 16px!important
}

.u-paddingHorizontal16 {
  padding-left: 16px!important;
  padding-right: 16px!important
}

.u-paddingLeft18 {
  padding-left: 18px!important
}

.u-padding24 {
  padding: 24px!important
}

.u-paddingTop24 {
  padding-top: 24px!important
}

.u-paddingBottom24 {
  padding-bottom: 24px!important
}

.u-paddingLeft24 {
  padding-left: 24px!important
}

.u-paddingRight24 {
  padding-right: 24px!important
}

.u-paddingVertical24 {
  padding-top: 24px!important;
  padding-bottom: 24px!important
}

.u-paddingHorizontal24 {
  padding-left: 24px!important;
  padding-right: 24px!important
}

.u-padding32 {
  padding: 32px!important
}

.u-paddingTop32 {
  padding-top: 32px!important
}

.u-paddingBottom32 {
  padding-bottom: 32px!important
}

.u-paddingLeft32 {
  padding-left: 32px!important
}

.u-paddingRight32 {
  padding-right: 32px!important
}

.u-paddingVertical32 {
  padding-top: 32px!important;
  padding-bottom: 32px!important
}

.u-paddingHorizontal32 {
  padding-left: 32px!important;
  padding-right: 32px!important
}

.u-padding2 {
  padding: 2px!important
}

.u-padding3 {
  padding: 3px!important
}

.u-padding14 {
  padding: 14px!important
}

.u-padding38 {
  padding: 38px!important
}

.u-paddingTop1 {
  padding-top: 1px!important
}

.u-paddingTop2 {
  padding-top: 2px!important
}

.u-paddingTop3 {
  padding-top: 3px!important
}

.u-paddingTop6 {
  padding-top: 6px!important
}

.u-paddingTop7 {
  padding-top: 7px!important
}

.u-paddingTop11 {
  padding-top: 11px!important
}

.u-paddingTop13 {
  padding-top: 13px!important
}

.u-paddingTop14 {
  padding-top: 14px!important
}

.u-paddingTop18 {
  padding-top: 18px!important
}

.u-paddingTop19 {
  padding-top: 19px!important
}

.u-paddingTop28 {
  padding-top: 28px!important
}

.u-paddingTop35 {
  padding-top: 35px!important
}

.u-paddingTop40 {
  padding-top: 40px!important
}

.u-paddingTop70 {
  padding-top: 70px!important
}

.u-paddingTop80 {
  padding-top: 80px!important
}

.u-paddingTop90 {
  padding-top: 90px!important
}

.u-paddingTop100 {
  padding-top: 100px!important
}

.u-paddingTop110 {
  padding-top: 110px!important
}

.u-paddingTop130 {
  padding-top: 130px!important
}

.u-paddingTop180 {
  padding-top: 180px!important
}

.u-paddingTop177p77pct {
  padding-top: 177.77%!important
}

.u-paddingTop1p25em {
  padding-top: 1.25em!important
}

.u-paddingBottom2 {
  padding-bottom: 2px!important
}

.u-paddingBottom3 {
  padding-bottom: 3px!important
}

.u-paddingBottom6 {
  padding-bottom: 6px!important
}

.u-paddingBottom7 {
  padding-bottom: 7px!important
}

.u-paddingBottom18 {
  padding-bottom: 18px!important
}

.u-paddingBottom35 {
  padding-bottom: 35px!important
}

.u-paddingBottom80 {
  padding-bottom: 80px!important
}

.u-paddingBottom100 {
  padding-bottom: 100px!important
}

.u-paddingBottom150 {
  padding-bottom: 150px!important
}

.u-paddingBottom150Pct {
  padding-bottom: 150%!important
}

.u-paddingBottom1p25em {
  padding-bottom: 1.25em!important
}

.u-paddingLeft2 {
  padding-left: 2px!important
}

.u-paddingLeft6 {
  padding-left: 6px!important
}

.u-paddingLeft9 {
  padding-left: 9px!important
}

.u-paddingLeft13 {
  padding-left: 13px!important
}

.u-paddingLeft14 {
  padding-left: 14px!important
}

.u-paddingLeft22 {
  padding-left: 22px!important
}

.u-paddingLeft35 {
  padding-left: 35px!important
}

.u-paddingLeft45 {
  padding-left: 45px!important
}

.u-paddingLeft80 {
  padding-left: 80px!important
}

.u-paddingLeft100 {
  padding-left: 100px!important
}

.u-paddingLeft110 {
  padding-left: 110px!important
}

.u-paddingLeft0p3em {
  padding-left: .3em!important
}

.u-paddingRight14 {
  padding-right: 14px!important
}

.u-paddingRight18 {
  padding-right: 18px!important
}

.u-paddingRight26 {
  padding-right: 26px!important
}

.u-paddingRight35 {
  padding-right: 35px!important
}

.u-paddingRight80 {
  padding-right: 80px!important
}

.u-paddingRight100 {
  padding-right: 100px!important
}

.u-paddingRight200 {
  padding-right: 200px!important
}

.u-paddingRight0p3em {
  padding-right: .3em!important
}

@media (max-width: 1199px) {
  .u-md-paddingTop0 {
    padding-top:0!important
  }
}

@media (max-width: 991px) {
  .u-sm-padding0 {
    padding:0!important
  }

  .u-sm-paddingTop0 {
    padding-top: 0!important
  }

  .u-sm-paddingBottom0 {
    padding-bottom: 0!important
  }

  .u-sm-paddingLeft0 {
    padding-left: 0!important
  }

  .u-sm-paddingRight0 {
    padding-right: 0!important
  }

  .u-sm-paddingVertical0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }

  .u-sm-paddingHorizontal0 {
    padding-left: 0!important;
    padding-right: 0!important
  }

  .u-sm-padding20 {
    padding: 20px!important
  }

  .u-sm-paddingTop20 {
    padding-top: 20px!important
  }

  .u-sm-paddingBottom20 {
    padding-bottom: 20px!important
  }

  .u-sm-paddingLeft20 {
    padding-left: 20px!important
  }

  .u-sm-paddingRight20 {
    padding-right: 20px!important
  }

  .u-sm-paddingVertical20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }

  .u-sm-paddingHorizontal20 {
    padding-left: 20px!important;
    padding-right: 20px!important
  }

  .u-sm-padding30 {
    padding: 30px!important
  }

  .u-sm-paddingTop30 {
    padding-top: 30px!important
  }

  .u-sm-paddingBottom30 {
    padding-bottom: 30px!important
  }

  .u-sm-paddingLeft30 {
    padding-left: 30px!important
  }

  .u-sm-paddingRight30 {
    padding-right: 30px!important
  }

  .u-sm-paddingVertical30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
  }

  .u-sm-paddingHorizontal30 {
    padding-left: 30px!important;
    padding-right: 30px!important
  }

  .u-sm-padding40 {
    padding: 40px!important
  }

  .u-sm-paddingTop40 {
    padding-top: 40px!important
  }

  .u-sm-paddingBottom40 {
    padding-bottom: 40px!important
  }

  .u-sm-paddingLeft40 {
    padding-left: 40px!important
  }

  .u-sm-paddingRight40 {
    padding-right: 40px!important
  }

  .u-sm-paddingVertical40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }

  .u-sm-paddingHorizontal40 {
    padding-left: 40px!important;
    padding-right: 40px!important
  }

  .u-sm-paddingTop5 {
    padding-top: 5px!important
  }

  .u-sm-paddingTop180 {
    padding-top: 180px!important
  }

  .u-sm-paddingBottom60 {
    padding-bottom: 60px!important
  }

  .u-sm-paddingLeft50 {
    padding-left: 50px!important
  }

  .u-sm-paddingLeft80 {
    padding-left: 80px!important
  }

  .u-sm-paddingRight50 {
    padding-right: 50px!important
  }

  .u-sm-paddingRight80 {
    padding-right: 80px!important
  }
}

@media (max-width: 767px) {
  .u-xs-padding0 {
    padding:0!important
  }

  .u-xs-paddingTop0 {
    padding-top: 0!important
  }

  .u-xs-paddingBottom0 {
    padding-bottom: 0!important
  }

  .u-xs-paddingLeft0 {
    padding-left: 0!important
  }

  .u-xs-paddingRight0 {
    padding-right: 0!important
  }

  .u-xs-paddingVertical0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }

  .u-xs-paddingHorizontal0 {
    padding-left: 0!important;
    padding-right: 0!important
  }

  .u-xs-padding5 {
    padding: 5px!important
  }

  .u-xs-paddingTop5 {
    padding-top: 5px!important
  }

  .u-xs-paddingBottom5 {
    padding-bottom: 5px!important
  }

  .u-xs-paddingLeft5 {
    padding-left: 5px!important
  }

  .u-xs-paddingRight5 {
    padding-right: 5px!important
  }

  .u-xs-paddingVertical5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important
  }

  .u-xs-paddingHorizontal5 {
    padding-left: 5px!important;
    padding-right: 5px!important
  }

  .u-xs-padding10 {
    padding: 10px!important
  }

  .u-xs-paddingTop10 {
    padding-top: 10px!important
  }

  .u-xs-paddingBottom10 {
    padding-bottom: 10px!important
  }

  .u-xs-paddingLeft10 {
    padding-left: 10px!important
  }

  .u-xs-paddingRight10 {
    padding-right: 10px!important
  }

  .u-xs-paddingVertical10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }

  .u-xs-paddingHorizontal10 {
    padding-left: 10px!important;
    padding-right: 10px!important
  }

  .u-xs-padding15 {
    padding: 15px!important
  }

  .u-xs-paddingTop15 {
    padding-top: 15px!important
  }

  .u-xs-paddingBottom15 {
    padding-bottom: 15px!important
  }

  .u-xs-paddingLeft15 {
    padding-left: 15px!important
  }

  .u-xs-paddingRight15 {
    padding-right: 15px!important
  }

  .u-xs-paddingVertical15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important
  }

  .u-xs-paddingHorizontal15 {
    padding-left: 15px!important;
    padding-right: 15px!important
  }

  .u-xs-padding20 {
    padding: 20px!important
  }

  .u-xs-paddingTop20 {
    padding-top: 20px!important
  }

  .u-xs-paddingBottom20 {
    padding-bottom: 20px!important
  }

  .u-xs-paddingLeft20 {
    padding-left: 20px!important
  }

  .u-xs-paddingRight20 {
    padding-right: 20px!important
  }

  .u-xs-paddingVertical20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }

  .u-xs-paddingHorizontal20 {
    padding-left: 20px!important;
    padding-right: 20px!important
  }

  .u-xs-padding25 {
    padding: 25px!important
  }

  .u-xs-paddingTop25 {
    padding-top: 25px!important
  }

  .u-xs-paddingBottom25 {
    padding-bottom: 25px!important
  }

  .u-xs-paddingLeft25 {
    padding-left: 25px!important
  }

  .u-xs-paddingRight25 {
    padding-right: 25px!important
  }

  .u-xs-paddingVertical25 {
    padding-top: 25px!important;
    padding-bottom: 25px!important
}

.u-xs-paddingHorizontal24 {
  padding-left: 24px!important;
  padding-right: 24px!important
}

  .u-xs-paddingHorizontal25 {
    padding-left: 25px!important;
    padding-right: 25px!important
  }

  .u-xs-padding30 {
    padding: 30px!important
  }

  .u-xs-paddingTop30 {
    padding-top: 30px!important
  }

  .u-xs-paddingBottom30 {
    padding-bottom: 30px!important
  }

  .u-xs-paddingLeft30 {
    padding-left: 30px!important
  }

  .u-xs-paddingRight30 {
    padding-right: 30px!important
  }

  .u-xs-paddingVertical30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
  }

  .u-xs-paddingHorizontal30 {
    padding-left: 30px!important;
    padding-right: 30px!important
  }

  .u-xs-padding8 {
    padding: 8px!important
  }

  .u-xs-paddingTop8 {
    padding-top: 8px!important
  }

  .u-xs-paddingBottom8 {
    padding-bottom: 8px!important
  }

  .u-xs-paddingLeft8 {
    padding-left: 8px!important
  }

  .u-xs-paddingRight8 {
    padding-right: 8px!important
  }

  .u-xs-paddingVertical8 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
  }

  .u-xs-paddingHorizontal8 {
    padding-left: 8px!important;
    padding-right: 8px!important
  }

  .u-xs-padding6 {
    padding: 6px!important
  }

  .u-xs-padding12 {
    padding: 12px!important
  }

  .u-xs-padding25 {
    padding: 25px!important
  }

  .u-xs-padding50 {
    padding: 50px!important
  }

  .u-xs-paddingTop0 {
    padding-top: 0!important
  }

  .u-xs-paddingTop2 {
    padding-top: 2px!important
  }

  .u-xs-paddingTop13 {
    padding-top: 13px!important
  }

  .u-xs-paddingTop35 {
    padding-top: 35px!important
  }

  .u-xs-paddingTop50 {
    padding-top: 50px!important
  }

  .u-xs-paddingTop60 {
    padding-top: 60px!important
  }

  .u-xs-paddingRight12 {
    padding-right: 12px!important
  }

  .u-xs-paddingRight16 {
    padding-right: 16px!important
  }

  .u-xs-paddingRight40 {
    padding-right: 40px!important
  }

  .u-xs-paddingBottom90 {
    padding-bottom: 90px!important
  }

  .u-xs-paddingBottom170 {
    padding-bottom: 170px!important
  }

  .u-xs-paddingLeft4 {
    padding-left: 4px!important
  }

  .u-xs-paddingLeft12 {
    padding-left: 12px!important
  }

  .u-xs-paddingLeft13 {
    padding-left: 13px!important
  }

  .u-xs-paddingLeft40 {
    padding-left: 40px!important
  }
}

.u-fixed {
  position: fixed!important
}

.u-relative {
  position: relative!important
}

.u-absolute {
  position: absolute!important
}

.u-static {
  position: static!important
}

.u-absolute0 {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  bottom: 0!important
}

.u-absoluteNegative1 {
  position: absolute!important;
  top: -1px!important;
  left: -1px!important;
  right: -1px!important;
  bottom: -1px!important
}

.u-topNegative100Percent {
  top: -100%!important
}

.u-topNegative150 {
  top: -150px!important
}

.u-topNegative120 {
  top: -120px!important
}

.u-topNegative40 {
  top: -40px!important
}

.u-topNegative36 {
  top: -36px!important
}

.u-topNegative26 {
  top: -26px!important
}

.u-topNegative12 {
  top: -12px!important
}

.u-topNegative2 {
  top: -2px!important
}

.u-topNegative1 {
  top: -1px!important
}

.u-top0 {
  top: 0!important
}

.u-top1 {
  top: 1px!important
}

.u-top2 {
  top: 2px!important
}

.u-top3 {
  top: 3px!important
}

.u-top4 {
  top: 4px!important
}

.u-top5 {
  top: 5px!important
}

.u-top7 {
  top: 7px!important
}

.u-top10 {
  top: 10px!important
}

.u-top16 {
  top: 16px!important
}

.u-top20 {
  top: 20px!important
}

.u-top22 {
  top: 22px!important
}

.u-top30 {
  top: 30px!important
}

.u-top35 {
  top: 35px!important
}

.u-top76 {
  top: 76px!important
}

.u-top155 {
  top: 155px!important
}

.u-top3em {
  top: 3em!important
}

.u-top40pct {
  top: 40%!important
}

.u-top50pct {
  top: 50%!important
}

.u-bottomNegative300 {
  bottom: -300px!important
}

.u-bottomNegative250 {
  bottom: -250px!important
}

.u-bottomNegative230 {
  bottom: -230px!important
}

.u-bottomNegative200 {
  bottom: -200px!important
}

.u-bottomNegative120 {
  bottom: -120px!important
}

.u-bottomNegative80 {
  bottom: -80px!important
}

.u-bottomNegative70 {
  bottom: -70px!important
}

.u-bottomNegative30 {
  bottom: -30px!important
}

.u-bottomNegative8 {
  bottom: -8px!important
}

.u-bottomNegative5 {
  bottom: -5px!important
}

.u-bottomNegative3 {
  bottom: -3px!important
}

.u-bottomNegative1 {
  bottom: -1px!important
}

.u-bottom0 {
  bottom: 0!important
}

.u-bottom1 {
  bottom: 1px!important
}


.u-bottom3 {
  bottom: 3px!important
}

.u-bottom10 {
  bottom: 10px!important
}

.u-bottom15 {
  bottom: 15px!important
}

.u-bottom20 {
  bottom: 20px!important
}

.u-bottom25 {
  bottom: 25px!important
}

.u-bottom40 {
  bottom: 40px!important
}

.u-bottom85 {
  bottom: 85px!important
}

.u-rightNegative25Percent {
  right: -25%!important
}

.u-rightNegative150 {
  right: -150px!important
}

.u-rightNegative70 {
  right: -70px!important
}

.u-rightNegative30em {
  right: -30em!important
}

.u-rightNegative40 {
  right: -40px!important
}

.u-rightNegative36 {
  right: -36px!important
}

.u-rightNegative20 {
  right: -20px!important
}

.u-rightNegative15 {
  right: -15px!important
}

.u-rightNegative13 {
  right: -13px!important
}

.u-rightNegative1 {
  right: -1px!important
}

.u-right0 {
  right: 0!important
}

.u-right3 {
  right: 3px!important
}

.u-right5 {
  right: 5px!important
}

.u-right10 {
  right: 10px!important
}

.u-right15 {
  right: 15px!important
}

.u-right20 {
  right: 20px!important
}

.u-right30 {
  right: 30px!important
}

.u-right40 {
  right: 40px!important
}

.u-right50 {
  right: 50px!important
}

.u-right230 {
  right: 230px!important
}


.u-right420 {
  right: 420px!important
}

.u-right1p25em {
  right: 1.25em!important
}

.u-right20Percent {
  right: 20%!important
}

.u-right40Percent {
  right: 40%!important
}

.u-leftNegative30em {
  left: -30em!important
}

.u-leftNegative100 {
  left: -100px!important
}

.u-leftNegative40 {
  left: -40px!important
}

.u-leftNegative30 {
  left: -30px!important
}

.u-leftNegative25 {
  left: -25px!important
}

.u-leftNegative20 {
  left: -20px!important
}

.u-leftNegative19 {
  left: -19px!important
}

.u-leftNegative15 {
    left: -15px!important
}

.u-leftNegative10 {
  left: -10px!important
}

.u-leftNegative4 {
  left: -4px!important
}

.u-left0 {
  left: 0!important
}

.u-left2 {
  left: 2px!important
}

.u-left3 {
  left: 3px!important
}

.u-left4 {
  left: 4px!important
}

.u-left6 {
  left: 6px!important
}

.u-left7 {
  left: 7px!important
}

.u-left12 {
  left: 12px!important
}

.u-left14 {
  left: 14px!important
}

.u-left24 {
  left: 24px!important
}

.u-left25 {
  left: 25px!important
}

.u-left50 {
  left: 50px!important
}

.u-left90 {
  left: 90px!important
}

.u-left100 {
  left: 100px!important
}

.u-left130 {
  left: 130px!important
}

.u-left150 {
  left: 150px!important
}

.u-left200 {
  left: 200px!important
}

.u-left25Percent {
  left: 25%!important
}

.u-left50Percent {
  left: 50%!important
}

.u-transformXYNegative50pct {
  -webkit-transform: translate(-50%,-50%)!important;
  transform: translate(-50%,-50%)!important
}

@media (max-width: 1199px) {
  .u-md-left50 {
    left:50px!important
  }
}

@media screen and (max-width: 991px) {
  .u-sm-static {
    position:static!important
  }

  .u-sm-relative {
    position: relative!important
  }

  .u-sm-bottom10 {
    bottom: 10px!important
  }

  .u-sm-left40Percent {
    left: 40%!important
  }

  .u-sm-rightNegative40Percent {
    right: -40%!important
  }

  .u-sm-right0 {
    right: 0!important
  }

  .u-sm-left0 {
    left: 0!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-relative {
    position:relative!important
  }

  .u-xs-absolute {
    position: absolute!important
  }

  .u-xs-topNegative5 {
    top: -5px!important
  }

  .u-xs-top0 {
    top: 0!important
  }

  .u-xs-top1 {
    top: 1px!important
  }

  .u-xs-top2 {
    top: 2px!important
  }

  .u-xs-top5 {
    top: 5px!important
  }

  .u-xs-top10 {
    top: 10px!important
  }

  .u-xs-top20 {
    top: 20px!important
  }

  .u-xs-bottomNegative100 {
    bottom: -100px!important
  }

  .u-xs-bottom0 {
    bottom: 0!important
  }

  .u-xs-bottom10 {
    bottom: 10px!important
  }

  .u-xs-leftAuto {
    left: auto!important
  }

  .u-xs-left0 {
    left: 0!important
  }

  .u-xs-left5 {
    left: 5px!important
  }

  .u-xs-left10 {
    left: 10px!important
  }

  .u-xs-left15 {
    left: 15px!important
  }

  .u-xs-left40 {
    left: 40px!important
  }

  .u-xs-leftNegative20 {
    left: -20px!important
  }

  .u-xs-leftNegative15 {
    left: -15px!important
  }

  .u-xs-right0 {
    right: 0!important
  }

  .u-xs-right5 {
    right: 5px!important
  }

  .u-xs-rightNegative10 {
    right: -10px!important
  }
}

.u-heightAuto {
  height: auto!important
}

.u-height1 {
  height: 1px!important
}

.u-height3 {
  height: 3px!important
}

.u-height4 {
  height: 4px!important
}


.u-height5 {
  height: 5px!important
}

.u-height7 {
  height: 7px!important
}

.u-height9 {
  height: 9px!important
}

.u-height10 {
  height: 10px!important
}

.u-height15 {
  height: 15px!important
}

.u-height19 {
  height: 19px!important
}

.u-height20 {
  height: 20px!important
}

.u-height22 {
  height: 22px!important
}

.u-height25 {
  height: 25px!important
}

.u-height28 {
  height: 28px!important
}

.u-height30 {
  height: 30px!important
}

.u-height32 {
  height: 32px!important
}

.u-height35 {
  height: 35px!important
}

.u-height36 {
  height: 36px!important
}

.u-height37 {
  height: 37px!important
}

.u-height40 {
  height: 40px!important
}

.u-height44 {
  height: 44px!important
}

.u-height46 {
  height: 46px!important
}

.u-height48 {
  height: 48px!important
}


.u-height50 {
  height: 50px!important
}

.u-height55 {
  height: 55px!important
}


.u-height60 {
  height: 60px!important
}

.u-height65 {
  height: 65px!important
}

.u-height72 {
  height: 72px!important
}

.u-height75 {
  height: 75px!important
}

.u-height80 {
  height: 80px!important
}

.u-height90 {
  height: 90px!important
}

.u-height90pct {
    height: 90%!important
}

.u-height95 {
  height: 95px!important
}

.u-height100 {
  height: 100px!important
}

.u-height100vh {
  height: 100vh!important
}

.u-height105 {
  height: 105px!important
}

.u-height110 {
  height: 110px!important
}

.u-height115 {
  height: 115px!important
}

.u-height120 {
  height: 120px!important
}

.u-height130 {
  height: 130px!important
}

.u-height145 {
  height: 145px!important
}

.u-height150 {
  height: 150px!important
}


.u-height155 {
  height: 155px!important
}

.u-height160 {
  height: 160px!important
}

.u-height165 {
  height: 165px!important
}

.u-height172 {
  height: 172px!important
}

.u-height175 {
  height: 175px!important
}

.u-height180 {
  height: 180px!important
}

.u-height200 {
  height: 200px!important
}

.u-height220 {
  height: 220px!important
}

.u-height250 {
  height: 250px!important
}

.u-height260 {
  height: 260px!important
}

.u-height265 {
  height: 265px!important
}

.u-height272 {
  height: 272px!important
}

.u-height280 {
  height: 280px!important
}

.u-height300 {
  height: 300px!important
}

.u-height315 {
  height: 315px!important
}

.u-height335 {
  height: 335px!important
}

.u-height350 {
  height: 350px!important
}

.u-height375 {
  height: 375px!important
}

.u-height400 {
  height: 400px!important
}

.u-height448 {
  height: 448px!important
}

.u-height450 {
  height: 450px!important
}

.u-height460 {
  height: 460px!important
}

.u-height480 {
  height: 480px!important
}

.u-height500 {
  height: 500px!important
}

.u-height540 {
  height: 540px!important
}

.u-height550 {
  height: 550px!important
}

.u-height585 {
  height: 585px!important
}

.u-height600 {
  height: 600px!important
}

.u-height650 {
  height: 650px!important
}

.u-height40em {
  height: 40em!important
}

.u-heightInherit {
  height: inherit!important
}

.u-widthAuto {
  width: auto!important
}

.u-width1 {
  width: 1px!important
}

.u-width2 {
  width: 2px!important
}

.u-width5 {
  width: 5px!important
}

.u-width7 {
  width: 7px!important
}

.u-width9 {
  width: 9px!important
}

.u-width20 {
  width: 20px!important
}

.u-width22 {
  width: 22px!important
}

.u-width25 {
  width: 25px!important
}

.u-width30 {
  width: 30px!important
}

.u-width32 {
  width: 32px!important
}

.u-width35 {
  width: 35px!important
}

.u-width40 {
  width: 40px!important
}

.u-width48 {
  width: 48px!important
}

.u-width50 {
  width: 50px!important
}

.u-width60 {
  width: 60px!important
}

.u-width65 {
  width: 65px!important
}

.u-width80 {
  width: 80px!important
}

.u-width90 {
  width: 90px!important
}

.u-width100 {
  width: 100px!important
}

.u-width105 {
  width: 105px!important
}

.u-width120 {
  width: 120px!important
}

.u-width130 {
  width: 130px!important
}

.u-width135 {
  width: 135px!important
}

.u-width140 {
  width: 140px!important
}

.u-width145 {
  width: 145px!important
}

.u-width150 {
  width: 150px!important
}

.u-width152 {
  width: 152px!important
}

.u-width180 {
  width: 180px!important
}

.u-width190 {
  width: 190px!important
}

.u-width200 {
  width: 200px!important
}

.u-width214 {
  width: 214px!important
}

.u-width220 {
  width: 220px!important
}

.u-width225 {
  width: 225px!important
}

.u-width230 {
  width: 230px!important
}

.u-width240 {
  width: 240px!important
}

.u-width245 {
  width: 245px!important
}

.u-width250 {
  width: 250px!important
}

.u-width252 {
  width: 252px!important
}

.u-width255 {
  width: 255px!important
}

.u-width260 {
  width: 260px!important
}

.u-width265 {
  width: 265px!important
}

.u-width280 {
  width: 280px!important
}

.u-width300 {
  width: 300px!important
}

.u-width320 {
  width: 320px!important
}

.u-width330 {
  width: 330px!important
}

.u-width340 {
  width: 340px!important
}

.u-width350 {
  width: 350px!important
}

.u-width352 {
  width: 352px!important
}

.u-width360 {
  width: 360px!important
}

.u-width400 {
  width: 400px!important
}

.u-width450 {
  width: 450px!important
}

.u-width500 {
  width: 500px!important
}

.u-width510 {
  width: 510px!important
}

.u-width530 {
  width: 530px!important
}

.u-width550 {
  width: 550px!important
}

.u-width560 {
  width: 560px!important
}

.u-width660 {
  width: 660px!important
}

.u-width680 {
  width: 680px!important
}

.u-width700 {
  width: 700px!important
}

.u-width900 {
  width: 900px!important
}

.u-width940 {
  width: 940px!important
}

.u-width22p5em {
  width: 22.5em!important
}

.u-maxSizeFullWidth {
  max-width: 100%!important
}

.u-maxHeight40 {
  max-height: 40px!important
}

.u-maxHeight60 {
  max-height: 60px!important
}

.u-maxHeight112 {
  max-height: 112px!important
}

.u-maxHeight120 {
  max-height: 120px!important
}

.u-maxHeight148 {
  max-height: 148px!important
}

.u-maxHeight250 {
  max-height: 250px!important
}

.u-maxHeight300 {
  max-height: 300px!important
}

.u-maxHeight325 {
  max-height: 325px!important
}

.u-maxHeight400 {
  max-height: 400px!important
}

.u-maxHeight1000 {
  max-height: 1000px!important
}

.u-maxWidthNone {
  max-width: none!important
}

.u-maxWidth60 {
  max-width: 60px!important
}

.u-maxWidth80 {
  max-width: 80px!important
}

.u-maxWidth100 {
  max-width: 100px!important
}

.u-maxWidth120 {
  max-width: 120px!important
}

.u-maxWidth140 {
  max-width: 140px!important
}

.u-maxWidth150 {
  max-width: 150px!important
}

.u-maxWidth180 {
  max-width: 180px!important
}

.u-maxWidth190 {
  max-width: 190px!important
}

.u-maxWidth200 {
  max-width: 200px!important
}

.u-maxWidth225 {
  max-width: 225px!important
}

.u-maxWidth300 {
  max-width: 300px!important
}

.u-maxWidth310 {
  max-width: 310px!important
}

.u-maxWidth360 {
  max-width: 360px!important
}

.u-maxWidth400 {
  max-width: 400px!important
}

.u-maxWidth414 {
  max-width: 414px!important
}

.u-maxWidth420 {
  max-width: 420px!important
}

.u-maxWidth450 {
  max-width: 450px!important
}

.u-maxWidth480 {
  max-width: 480px!important
}


.u-maxWidth500 {
  max-width: 500px!important
}

.u-maxWidth570 {
  max-width: 570px!important
}

.u-maxWidth600 {
  max-width: 600px!important
}

.u-maxWidth640 {
  max-width: 640px!important
}

.u-maxWidth660 {
  max-width: 660px!important
}

.u-maxWidth680 {
  max-width: 680px!important
}

.u-maxWidth700 {
  max-width: 700px!important
}

.u-maxWidth720 {
  max-width: 720px!important
}

.u-maxWidth740 {
  max-width: 740px!important
}

.u-maxWidth750 {
  max-width: 750px!important
}

.u-maxWidth760 {
  max-width: 760px!important
}

.u-maxWidth780 {
  max-width: 780px!important
}

.u-maxWidth900 {
  max-width: 900px!important
}

.u-maxWidth920 {
  max-width: 920px!important
}

.u-maxWidth930 {
  max-width: 930px!important
}

.u-maxWidth1000 {
  max-width: 1000px!important
}

.u-maxWidth1040 {
  max-width: 1040px!important
}

.u-maxWidth1150 {
  max-width: 1150px!important
}

.u-maxWidth1200 {
  max-width: 1200px!important
}

.u-maxWidth1250 {
  max-width: 1250px!important
}

.u-maxWidth1450 {
  max-width: 1450px!important
}

@media screen and (max-width: 767px) {
  .u-xs-maxHeight32 {
    max-height:32px!important
  }

  .u-xs-maxWidthNone {
    max-width: none!important
  }

  .u-xs-maxWidth120 {
    max-width: 120px!important
  }

  .u-xs-maxWidth160 {
    max-width: 160px!important
  }

  .u-xs-maxWidth200 {
    max-width: 200px!important
  }

  .u-xs-maxWidth250 {
    max-width: 250px!important
  }

  .u-xs-maxWidth275 {
    max-width: 275px!important
  }

  .u-xs-maxWidth330 {
    max-width: 330px!important
  }

  .u-xs-maxWidth350 {
    max-width: 350px!important
  }

  .u-xs-maxWidth500 {
    max-width: 500px!important
  }

  .u-xs-maxWidth700 {
    max-width: 700px!important
  }

  .u-xs-maxHeight200 {
    max-height: 200px!important
  }
}

.u-minWidth100Pct {
  min-width: 100%!important
}

.u-minWidth0 {
  min-width: 0!important
}


.u-minWidth30 {
  min-width: 30px!important
}

.u-minWidth35 {
  min-width: 35px!important
}


.u-minWidth40 {
  min-width: 40px!important
}


.u-minWidth50 {
  min-width: 50px!important
}

.u-minWidth60 {
  min-width: 60px!important
}


.u-minWidth80 {
  min-width: 80px!important
}

.u-minWidth100 {
  min-width: 100px!important
}

.u-minWidth120 {
  min-width: 120px!important
}

.u-minWidth160 {
  min-width: 160px!important
}

.u-minWidth180 {
  min-width: 180px!important
}

.u-minWidth200 {
  min-width: 200px!important
}

.u-minWidth240 {
  min-width: 240px!important
}

.u-minWidth270 {
  min-width: 270px!important
}

.u-minWidth360 {
  min-width: 360px!important
}

.u-minWidth400 {
  min-width: 400px!important
}

.u-minWidth450 {
  min-width: 450px!important
}

.u-minWidth800 {
  min-width: 900px!important
}

.u-minHeight22 {
  min-height: 22px!important
}

.u-minHeight25 {
  min-height: 25px!important
}

.u-minHeight28 {
  min-height: 28px!important
}

.u-minHeight31 {
  min-height: 31px!important
}

.u-minHeight40 {
  min-height: 40px!important
}

.u-minHeight42 {
  min-height: 42px!important
}

.u-minHeight45 {
  min-height: 45px!important
}

.u-minHeight65 {
  min-height: 65px!important
}

.u-minHeight80 {
  min-height: 80px!important
}

.u-minHeight100 {
  min-height: 100px!important
}

.u-minHeight120 {
  min-height: 120px!important
}

.u-minHeight140 {
  min-height: 140px!important
}

.u-minHeight200 {
  min-height: 200px!important
}


.u-minHeight250 {
  min-height: 250px!important
}

.u-minHeight280 {
  min-height: 280px!important
}

.u-minHeight300 {
  min-height: 300px!important
}

.u-minHeight350 {
  min-height: 350px!important
}

.u-minHeight400 {
  min-height: 400px!important
}

.u-minHeight450 {
  min-height: 450px!important
}

.u-minHeight500 {
  min-height: 500px!important
}

.u-minHeight100vhOffset65 {
  min-height: calc(100vh - 65px)!important
}

.u-minHeight70vh {
  min-height: 70vh!important
}

@media screen and (max-width: 991px) {
  .u-sm-minHeight150 {
    min-height:150px!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-minHeightAuto {
    min-height:auto!important
  }

  .u-xs-minHeight100 {
    min-height: 100px!important
  }

  .u-xs-minHeight200 {
    min-height: 200px!important
  }

  .u-xs-minHeight350 {
    min-height: 350px!important
  }
}

.u-size16x16 {
  width: 16px!important;
  height: 16px!important
}

.u-size25x25 {
  width: 25px!important;
  height: 25px!important
}

.u-size26x26 {
  width: 26px!important;
  height: 26px!important
}

.u-size32x32 {
  width: 32px!important;
  height: 32px!important
}

.u-size36x36 {
  width: 36px!important;
  height: 36px!important
}

.u-size50x50 {
  width: 50px!important;
  height: 50px!important
}

.u-size60x60 {
  width: 60px!important;
  height: 60px!important
}

.u-size85x85 {
  width: 85px!important;
  height: 85px!important
}

.u-size88x88 {
  width: 88px!important;
  height: 88px!important
}

.u-size100x100 {
  width: 100px!important;
  height: 100px!important
}

.u-size116x116 {
  width: 116px!important;
  height: 116px!important
}

@media screen and (max-width: 767px) {
  .u-xs-size32x32 {
    width:32px!important;
    height: 32px!important
  }

  .u-xs-size40x40 {
    width: 40px!important;
    height: 40px!important
  }

  .u-xs-size80x80 {
    width: 80px!important;
    height: 80px!important
  }
}

.u-sizeAuto {
  width: auto!important;
  max-width: none!important
}

.u-sizeFull,.u-sizeFullWidth {
  width: 100%!important
}

.u-sizeFull,.u-sizeFullHeight {
  height: 100%!important
}

.u-width20pct {
  width: 20%!important
}

.u-width25pct {
  width: 25%!important
}

.u-width32pct {
  width: 32%!important
}

.u-width33p33Pct {
  width: 33.33%!important
}

.u-width40pct {
  width: 40%!important
}

.u-width45pct {
  width: 45%!important
}

.u-sizeHalfWidth {
  width: 50%!important
}

.u-width60pct {
  width: 60%!important
}

.u-width66p66Pct {
  width: 66.66%!important
}

.u-width70pct {
  width: 70%!important
}

.u-width75pct {
  width: 75%!important
}

.u-width80pct {
  width: 80%!important
}

.u-width85pct {
  width: 85%!important
}

.u-width90pct {
  width: 90%!important
}

.u-maxWidth30pct {
  max-width: 30%!important
}

.u-maxWidth40pct {
  max-width: 40%!important
}

.u-maxWidth60pct {
  max-width: 60%!important
}

.u-maxWidth75pct {
  max-width: 75%!important
}

.u-maxWidth80pct {
  max-width: 80%!important
}

.u-maxSizeHalfWidth {
  max-width: 50%!important
}

.u-maxSizeFullHeight {
  max-height: 100%!important
}

@media screen and (max-width: 1440px) {
  .u-lg-width200 {
    width:200px!important
  }
}

@media screen and (max-width: 991px) {
  .u-sm-height42 {
    height:42px!important
  }

  .u-sm-height100 {
    height: 100px!important
  }

  .u-sm-height160 {
    height: 160px!important
  }

  .u-sm-height200 {
    height: 200px!important
  }

  .u-sm-height445 {
    height: 445px!important
  }

  .u-sm-heightAuto {
    height: auto!important
  }

  .u-sm-maxHeight350 {
    max-height: 350px!important
  }

  .u-sm-maxWidthNone {
    max-width: none!important
  }

  .u-sm-maxWidth200 {
    max-width: 200px!important
  }

  .u-sm-maxWidth300 {
    max-width: 300px!important
  }

  .u-sm-maxWidth740 {
    max-width: 740px!important
  }

  .u-sm-sizeFullWidth {
    width: 100%!important
  }

  .u-sm-size115 {
    width: 115px!important
  }

  .u-sm-width220 {
    width: 220px!important
  }

  .u-sm-width335 {
    width: 335px!important
  }

  .u-sm-width600 {
    width: 600px!important
  }

  .u-sm-widthAuto {
    width: auto!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-maxSizeFullWidth {
    max-width:100%!important
  }

  .u-xs-minWidth0 {
    min-width: 0!important
  }


  .u-xs-width80pct {
    width: 80%!important
  }

  .u-xs-width50pct {
    width: 50%!important
  }

  .u-xs-sizeFullWidth {
    width: 100%!important
  }

  .u-xs-sizeFull {
    width: 100%!important;
    height: 100%!important
  }

  .u-xs-sizeFullViewportWidth {
    width: 100vw!important
  }

  .u-xs-widthAuto {
    width: auto!important
  }

  .u-xs-maxSizeFullHeight {
    max-height: 100%!important
  }

  .u-xs-sizeViewHeight100 {
    height: 100vh!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important
  }

  .u-xs-heightAuto {
    height: auto!important
  }

  .u-xs-height40vh {
    height: 40vh!important
  }

  .u-xs-height20 {
    height: 20px!important
  }

  .u-xs-height24 {
    height: 24px!important
  }

  .u-xs-height32 {
    height: 32px!important
  }

  .u-xs-height39 {
    height: 39px!important
  }

  .u-xs-height50 {
    height: 50px!important
  }

  .u-xs-height56 {
    height: 56px!important
  }

  .u-xs-height72 {
    height: 72px!important
  }

  .u-xs-height95 {
    height: 95px!important
  }

  .u-xs-height96 {
    height: 96px!important
  }

  .u-xs-height100 {
    height: 100px!important
  }

  .u-xs-height139 {
    height: 139px!important
  }

  .u-xs-height140 {
    height: 140px!important
  }

  .u-xs-height160 {
    height: 160px!important
  }

  .u-xs-height170 {
    height: 170px!important
  }

  .u-xs-height200 {
    height: 200px!important
  }

  .u-xs-height225 {
    height: 225px!important
  }

  .u-xs-height250 {
    height: 250px!important
  }

  .u-xs-height350 {
    height: 350px!important
  }

  .u-xs-height400 {
    height: 400px!important
  }

  .u-xs-width20 {
    width: 20px!important
  }

  .u-xs-width32 {
    width: 32px!important
  }

  .u-xs-width72 {
    width: 72px!important
  }

  .u-xs-width80 {
    width: 80px!important
  }

  .u-xs-width90 {
    width: 90px!important
  }

  .u-xs-width120 {
    width: 120px!important
  }

  .u-xs-width140 {
    width: 140px!important
  }

  .u-xs-width175 {
    width: 175px!important
  }

  .u-xs-width200 {
    width: 200px!important
  }

  .u-xs-width250 {
    width: 250px!important
  }

  .u-xs-width300 {
    width: 300px!important
  }

  .u-xs-width360 {
    width: 360px!important
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-width70 {
    width:70px!important
  }

  .u-xxs-width280 {
    width: 280px!important
  }
}

.u-sizeViewHeight70 {
  height: 70vh!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-sizeViewHeight100 {
  height: 100vh!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-sizeViewHeight110 {
  height: 110vh!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-sizeViewHeightMin100 {
  min-height: 100vh!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-sizeViewHeightMax100 {
  max-height: 100vh!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-size10of12,.u-size11of12,.u-size12of12,.u-size1of12,.u-size2of12,.u-size3of12,.u-size4of12,.u-size5of12,.u-size6of12,.u-size7of12,.u-size8of12,.u-size9of12 {
  float: left!important
}

.u-size12of12 {
  width: 100%!important
}

.u-size11of12 {
  width: 91.66666667%!important
}

.u-size10of12 {
  width: 83.33333333%!important
}

.u-size9of12 {
  width: 75%!important
}

.u-size8of12 {
  width: 66.66666667%!important
}

.u-size7of12 {
  width: 58.33333333%!important
}

.u-size6of12 {
  width: 50%!important
}

.u-size5of12 {
  width: 41.66666667%!important
}

.u-size4of12 {
  width: 33.33333333%!important
}

.u-size3of12 {
  width: 25%!important
}

.u-size2of12 {
  width: 16.66666667%!important
}

.u-size1of12 {
  width: 8.33333333%!important
}

@media (max-width: 991px) {
  .u-sm-size12of12 {
    width:100%!important
  }
}

@media (max-width: 767px) {
  .u-xs-size6of12 {
    width:50%!important
  }

  .u-xs-size12of12 {
    width: 100%!important
  }
}

.u-backgroundNone {
  background: 0 0!important
}

.u-backgroundWhite {
  background: #fff!important
}

.u-backgroundColorWhite {
  background-color: #fff!important
}

.u-backgroundGrayLightest {
  background: #fafafa!important
}

.u-backgroundGrayLighter {
  background: #f5f5f5!important
}

.u-backgroundGrayLight {
  background: #f0f0f0!important
}

.u-backgroundColorGrayLight {
  background-color: #f0f0f0!important
}

.u-backgroundTransparentWhiteDarker {
  background: rgba(255,255,255,.85)!important
}

.u-backgroundTransparentWhiteDarkest {
  background: rgba(255,255,255,.97)!important
}

.u-backgroundWhite70FadeTop {
  background-image: linear-gradient(to top,#fff 70%,rgba(255,255,255,0))
}

.u-backgroundWhite0FadeTop {
  background-image: linear-gradient(to top,#fff 0,rgba(255,255,255,.5))
}

.u-backgroundColorHightowerTimelineGreen {
  background-color: #03a87c
}

.u-backgroundColorHightowerTimelineLightGreen {
  background-color: rgba(3,168,124,.2)
}

.u-backgroundColorHightowerTimelineGray {
  background-color: rgba(0,0,0,.3)
}

.u-backgroundColorHightowerTimelineLightGray {
  background-color: rgba(0,0,0,.1)
}

.u-backgroundColorHightowerTimelineDarkGray {
  background-color: rgba(0,0,0,.5)
}

.u-backgroundTransparentBlack {
  background: rgba(0,0,0,0)!important
}

.u-backgroundTransparentBlackLightestHover:hover {
  background: rgba(0,0,0,0.05)!important
}

.u-backgroundTransparentBlackLightest01Hover:hover {
  background: rgba(0,0,0,0.01)!important
}

.u-opacityHover:hover {
  opacity: 1 !important
}

.u-backgroundTransparentBlackLight {
  background: rgba(0,0,0,.3)!important
}

.u-backgroundTransparentBlackLighter {
  background: rgba(0,0,0,.15)!important
}

.u-backgroundColorTransparentBlackLight {
  background-color: rgba(0,0,0,.3)!important
}

.u-backgroundColorTransparent {
  background-color: transparent!important
}

.u-backgroundTransparentBlackLightest {
  background: rgba(0,0,0,.05)!important
}


.u-backgroundTransparent {
  background: transparent!important;
}

.u-backgroundTransparentBlackDark {
  background-color: rgba(0,0,0,.68)!important
}

.u-backgroundTransparentBlackDarker {
  background-color: rgba(0,0,0,.84)!important
}

.u-backgroundGreenNormal {
  background: #03a87c!important
}

.u-backgroundHighlightStrong {
  background-color: rgba(12,235,160,.9)
}

.u-backgroundNavyBlue {
  background-color: #284255
}

.u-backgroundBlueGreyTransparent {
  background-color: rgba(40,66,85,.05)!important
}

.u-backgroundBlueGrey {
  background-color: #f2f2f2!important
}

.u-backgroundRed {
  background: #cc5454!important
}

.u-backgroundSizeCover {
  background-size: cover!important
}

.u-backgroundSize1000 {
  background-size: 1000px!important
}

.u-backgroundOriginBorderBox {
  background-origin: border-box!important
}

.u-backgroundCover {
  background-position: center!important;
  background-origin: border-box!important;
  background-size: cover!important
}

.u-backgroundContain {
  background-repeat: no-repeat!important;
  background-size: contain!important
}

.u-backgroundPositionTop {
  background-position: top!important
}

.u-backgroundPositionCenter {
  background-position: center!important
}

.u-backgroundPositionCenterTop {
  background-position: center top!important
}

.u-backgroundPositionBottomCenter {
  background-position: bottom center!important
}

.u-backgroundPositionHorizontalCenter {
  background-position: 50% 0!important
}

.u-backgroundNoRepeat {
  background-repeat: no-repeat!important
}

@media screen and (max-width: 991px) {
  .u-sm-backgroundTransparentWhiteDarker {
    background-color:rgba(255,255,255,.85)!important
  }

  .u-sm-backgroundSize60Percent {
    background-size: 60%!important
  }

  .u-sm-backgroundImageNone {
    background-image: none!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-backgroundPositionY350 {
    background-position-y:350px!important
  }

  .u-xs-backgroundPositionX20Percent {
    background-position-x: 20%!important
  }

  .u-xs-backgroudSize200Percent {
    background-size: 200%!important
  }

  .u-xs-backgroundImageNone {
    background-image: none!important
  }

  .u-xs-backgroundWhite {
    background-color: #fff!important
  }
}

.u-borderDarker {
  border: 1px solid rgba(0,0,0,.84)!important
}

.u-borderDark {
  border: 1px solid rgba(0,0,0,.68)!important
}

.u-borderLight {
  border: 1px solid rgba(0,0,0,.3)!important
}

.u-borderLighter {
  border: 1px solid rgba(0,0,0,.15)!important
}

.u-borderLightest {
  border: 1px solid rgba(0,0,0,.05)!important
}

.u-borderBlackLightest {
  border: 1px solid rgba(0,0,0,.1)!important
}

.u-borderLighterHover:hover {
  border-color: rgba(0,0,0,.15)!important
}

.u-borderGreenDashed {
  border: 1px dashed #03a87c!important
}

.u-borderWhite {
  border: 1px solid #fff!important
}

.u-borderNormal {
  border: 1px solid rgba(0,0,0,.54)!important
}

.u-borderCardBorder {
  border: 1px solid rgba(0,0,0,.04)!important
}

.u-borderCardBackground {
  border: 1px solid rgba(0,0,0,.09)!important
}

.u-borderSandDarker {
  border: 1px solid #5E5038!important
}

.u-borderTopLight {
  border-top: 1px solid rgba(0,0,0,.0785)!important
}

.u-borderTopLighter {
  border-top: 1px solid rgba(0,0,0,.15)!important
}

.u-borderTopLightest {
  border-top: 1px solid rgba(0,0,0,.05)!important
}

.u-borderTopGreen {
  border-top: 1px solid #03a87c!important
}

.u-borderTopDashed {
  border-top: 1px dashed!important
}

.u-borderBottomNormal {
  border-bottom: 1px solid rgba(0,0,0,.54)!important
}

.u-borderBottomLight {
  border-bottom: 1px solid rgba(0,0,0,.0785)!important
}

.u-borderBottomLighter {
  border-bottom: 1px solid rgba(0,0,0,.15)!important
}

.u-borderBottomLightest {
  border-bottom: 1px solid rgba(0,0,0,.05)!important
}

.u-borderBottomWhite15 {
  border-bottom: 15px solid #fff!important
}

.u-borderBottomRed {
  border-bottom: 1px solid #cc5454!important
}

.u-borderBottomGrayLight {
  border-bottom: 1px solid #f0f0f0!important
}

.u-borderBottomGreen {
  border-bottom: 1px solid #03a87c!important
}

.u-borderBottomGreenHover:hover {
  border-bottom: 1px solid #03a87c!important
}

.u-borderRight0 {
  border-right: 0!important
}

.u-borderRightLighter {
  border-right: 1px solid rgba(0,0,0,.15)!important
}

.u-borderRightTransparentWhiteLighter {
  border-right: 1px solid rgba(255,255,255,.2)!important
}

.u-borderRightWhite15 {
  border-right: 15px solid #fff!important
}

.u-borderLeftLighter {
  border-left: 1px solid rgba(0,0,0,.15)!important
}

.u-borderLeftGreen {
  border-left-color: #03a87c!important
}

.u-borderLeftDashed {
  border-left: 1px dashed!important
}

.u-border0 {
  border: 0!important
}

.u-border1 {
  border: 1px solid!important
}

.u-border2 {
  border: 2px solid!important
}

.u-borderTop0 {
  border-top: 0!important
}

.u-borderTop1 {
  border-top: 1px solid!important
}

.u-borderTop2 {
  border-top: 2px solid!important
}

.u-borderBottom1 {
  border-bottom: 1px solid!important
}

.u-borderBottomWidth2 {
  border-bottom-width: 2px!important
}

.u-borderLeft0 {
  border-left: 0!important
}

.u-borderLeft1 {
  border-left: 1px solid!important
}

.u-borderLeft4 {
  border-left: 4px solid!important
}

.u-borderStyleSolid {
  border-style: solid!important
}

.u-borderGreenNormal {
  border-color: #03a87c!important
}

.u-borderColorNormal {
  border-color: rgba(0,0,0,.54)!important
}

.u-borderColorDarker {
  border-color: rgba(0,0,0,.84)!important
}

.u-borderColorDark {
  border-color: rgba(0,0,0,.68)!important
}

.u-borderColorLight {
  border-color: rgba(0,0,0,.3)!important
}

.u-borderColorLighter {
  border-color: rgba(0,0,0,.15)!important
}

.u-borderColorLightest {
  border-color: rgba(0,0,0,.05)!important
}

.u-borderColorTransparentWhiteDark {
  border-color: rgba(255,255,255,.65)!important
}

.u-borderColorTransparentWhiteLighter {
  border-color: rgba(255,255,255,.2)!important
}

.u-borderTopColorDarker {
  border-top-color: rgba(0,0,0,.84)!important
}

.u-borderWidth2 {
  border-width: 2px!important
}

.u-borderTopLightest80:before {
  content: '';
  display: block;
  position: relative;
  width: 80px;
  height: 1px;
  background: rgba(0,0,0,.05)
}

@media screen and (max-width: 767px) {
  .u-xs-borderTopLight {
    border-top:1px solid rgba(0,0,0,.0785)!important
  }

  .u-xs-borderBottomLight {
    border-bottom: 1px solid rgba(0,0,0,.0785)!important
  }

  .u-xs-borderBottomLighter {
    border-bottom: 1px solid rgba(0,0,0,.15)!important
  }

  .u-xs-border0 {
    border: 0!important
  }

  .u-xs-borderRight0 {
    border-right: 0!important
  }
}

.u-round {
  -webkit-border-radius: 999em;
  border-radius: 999em
}

.u-borderRadius0 {
  -webkit-border-radius: 0!important;
  border-radius: 0!important
}

.u-borderRadius2 {
  -webkit-border-radius: 2px!important;
  border-radius: 2px!important
}

.u-borderRadius3 {
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important
}

.u-borderRadius4 {
  -webkit-border-radius: 4px!important;
  border-radius: 4px!important
}

.u-borderRadius5 {
  -webkit-border-radius: 5px!important;
  border-radius: 5px!important
}

.u-borderRadius10 {
  -webkit-border-radius: 10px!important;
  border-radius: 10px!important
}


.u-borderRadius30 {
  -webkit-border-radius: 30px!important;
  border-radius: 30px!important
}

.u-borderRadius50 {
    -webkit-border-radius: 50px!important;
    border-radius: 50px!important
}

.u-borderRadiusTop4 {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px
}

.u-borderRadiusLeft10 {
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.u-borderRadiusRight10 {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px
}

@media screen and (max-width: 767px) {
  .u-xs-borderRadiusTop0 {
    -webkit-border-top-right-radius:0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
  }
}

.u-boxShadow {
  -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.05);
  box-shadow: 0 1px 7px rgba(0,0,0,.05)
}

.u-boxShadowThick {
  -webkit-box-shadow: 0 5px 30px -6px rgba(0,0,0,.15);
  box-shadow: 0 5px 30px -6px rgba(0,0,0,.15)
}

.u-boxShadowBottomThinLighter {
  -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15)
}

.u-boxShadowBottom {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,.05);
  box-shadow: 0 4px 2px -2px rgba(0,0,0,.05)
}

.u-boxShadowInnerBottom {
  -webkit-box-shadow: inset 0 -1px 3px 0 rgba(0,0,0,.05);
  box-shadow: inset 0 -1px 3px 0 rgba(0,0,0,.05)
}

.u-boxShadowTop {
  -webkit-box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
  box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785)
}

.u-boxShadow1px4pxCardBorder {
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.04);
  box-shadow: 0 1px 4px rgba(0,0,0,.04)
}

.u-boxShadowInsetSpread1pxLighter {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15)
}

.u-boxShadowNormal {
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.54);
  box-shadow: 0 0 1px rgba(0,0,0,.54)
}

.u-boxShadowSpread4pxLighter {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
  box-shadow: 0 0 4px rgba(0,0,0,.15)
}

.u-boxShadowSurround {
  -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,.15);
  box-shadow: 0 0 15px 2px rgba(0,0,0,.15)
}

.u-boxShadow2px10pxBlackLighter {
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
  box-shadow: 0 2px 10px rgba(0,0,0,.15)
}

.u-boxShadow9px0pxBlackLighter {
  -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.15);
  box-shadow: 0 0 9px 0 rgba(0,0,0,.15)
}

.u-boxShadowOuterGreenNormal {
  -webkit-box-shadow: 1px 1px 1px 0 #03a87c!important;
  box-shadow: 1px 1px 1px 0 #03a87c!important
}

@media screen and (max-width: 767px) {
  .u-xs-boxShadowNone {
    -webkit-box-shadow:none!important;
    box-shadow: none!important
  }
}

.u-strokeGreen {
  stroke: #03a87c!important;
  fill: transparent!important
}

.u-strokeBrandSea {
  stroke: #218799!important;
  fill: transparent!important
}

.u-transitionSeries:nth-child(2) {
  -webkit-transition-delay: 30ms!important;
  transition-delay: 30ms!important
}

.u-transitionSeries:nth-child(3) {
  -webkit-transition-delay: 60ms!important;
  transition-delay: 60ms!important
}

.u-transitionSeries:nth-child(4) {
  -webkit-transition-delay: 90ms!important;
  transition-delay: 90ms!important
}

.u-animationSeries:nth-child(2) {
  -webkit-animation-delay: .1s!important;
  animation-delay: .1s!important
}

.u-animationSeries:nth-child(3) {
  -webkit-animation-delay: .2s!important;
  animation-delay: .2s!important
}

.u-opacity10 {
  opacity: .1!important
}

.u-opacity15 {
  opacity: .15!important
}

.u-opacity20 {
  opacity: .2!important
}

.u-opacity30 {
  opacity: .3!important
}

.u-fadeLeft:before {
  content: ''!important;
  position: absolute!important;
  z-index: 900;
  pointer-events: none;
  top: 0!important;
  left: 0!important;
  background-image: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)!important;
  width: 65px!important;
  height: 100%!important
}

.u-fadeRight:after {
  content: ''!important;
  position: absolute!important;
  z-index: 900;
  pointer-events: none;
  top: 0!important;
  right: 0!important;
  background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)!important;
  width: 65px!important;
  height: 100%!important
}

.u-hideOutline {
  outline: 0!important
}

.u-listStyleDisc {
  list-style: disc!important
}

.u-listStyleDecimal {
  list-style: decimal!important
}

.u-cursorPointer {
  cursor: pointer!important
}

.u-cursorZoomIn {
  cursor: zoom-in!important
}

.u-cursorAuto {
  cursor: auto!important
}

.u-cursorDefault {
  cursor: default!important
}

.u-cursorGrab {
  cursor: -webkit-grab!important;
  cursor: grab!important
}

.u-cursorGrabbing {
  cursor: -webkit-grabbing!important;
  cursor: grabbing!important
}

.u-backgroundGradientGrayLighter {
  background-image: linear-gradient(to bottom,#f5f5f5,rgba(255,255,255,.35))
}

.u-backgroundGradientHightowerTimelineGreen {
  background: linear-gradient(to right,#03a87c 0,#03a87c 50%,rgba(3,168,124,.2) 50%,rgba(3,168,124,.2) 100%)
}

.u-backgroundGradientHightowerTimelineGray {
  background: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 100%)
}

@media screen and (max-width: 767px) {
  .u-xs-backgroundGradientGrayLightest {
    background-image:linear-gradient(to bottom,#fafafa,rgba(255,255,255,.35))
  }
}

.u-textColorLighter {
  color: rgba(0,0,0,.15)!important;
  fill: rgba(0,0,0,.15)!important
}

.u-textColorLight {
  color: rgba(0,0,0,.3)!important;
  fill: rgba(0,0,0,.3)!important
}

.u-textColorLightHover:hover {
  color: rgba(0,0,0,.3)!important;
  fill: rgba(0,0,0,.3)!important
}

.u-textColorNormal {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.u-textColorNormalHover:hover {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.u-textColorNormalHover:hover .svgIcon {
  fill: rgba(0,0,0,.54)!important
}

.u-textColorDark {
  color: rgba(0,0,0,.68)!important;
  fill: rgba(0,0,0,.68)!important
}

.u-textColorDarker {
  color: rgba(0,0,0,.84)!important;
  fill: rgba(0,0,0,.84)!important
}

.u-textColorDarkest {
  color: rgba(0,0,0,.9)!important;
  fill: rgba(0,0,0,.9)!important
}

.u-textColorTransparentWhite {
  color: rgba(255,255,255,0)!important;
  fill: rgba(255,255,255,0)!important
}

.u-textColorTransparentWhiteDark {
  color: rgba(255,255,255,.65)!important;
  fill: rgba(255,255,255,.65)!important
}

.u-textColorTransparentWhiteDarker {
  color: rgba(255,255,255,.85)!important;
  fill: rgba(255,255,255,.85)!important
}

.u-textColorWhite {
  color: #fff!important;
  fill: #fff!important
}

.u-textColorGreenNormal {
  color: #03a87c!important;
  fill: #03a87c!important
}

.u-textColorGreenDark {
  color: #018f69!important;
  fill: #029e74!important
}

.u-textColorYellow {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  color: #e7af0e!important;
  fill: #e7af0e!important
}

.u-textColorRed {
  color: #cc5454!important;
  fill: #cc5454!important
}

.u-textColorNavy {
  color: #284255!important;
  fill: #284255!important
}

.u-textColorNavyHover:hover {
  color: #284255!important;
  fill: #284255!important
}

.u-iconColorLight {
  fill: rgba(0,0,0,.3)!important
}

.u-experimental {
  font-size: 16px;
  text-align: center;
  background: #fafafa;
  padding: 20px 40px
}

.u-textScreenReader {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
  color: rgba(255,255,255,0)!important;
  pointer-events: none!important
}

.u-textUnderline {
  text-decoration: underline!important
}

.u-textUppercase {
  text-transform: uppercase!important
}

.u-textTransformNone {
  text-transform: none!important
}

.u-uiTextBold {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 700!important;
  font-style: normal!important
}

.u-uiTextSemibold {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 600!important;
  font-style: normal!important
}

.u-uiTextMedium {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 500!important;
  font-style: normal!important
}

.u-uiTextRegular {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  font-style: normal!important
}

.u-uiTextThin {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 300!important;
  font-style: normal!important
}

.u-uiDisplayBold {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 700!important;
  font-style: normal!important
}

.v-glyph--m2 .u-uiDisplayBold {
  font-weight: 600!important
}

.u-uiDisplaySemibold {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 600!important;
  font-style: normal!important
}

.v-glyph--m2 .u-uiDisplaySemibold {
  font-weight: 600!important
}

.u-uiDisplayMedium {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 500!important;
  font-style: normal!important
}

.v-glyph--m2 .u-uiDisplayMedium {
  font-weight: 600!important
}

.u-uiDisplayRegular {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  font-style: normal!important
}

.v-glyph--m2 .u-uiDisplayRegular {
  font-weight: 600!important
}

.u-uiDisplayThin {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
  letter-spacing: 0!important;
  font-weight: 300!important;
  font-style: normal!important
}

.v-glyph--m2 .u-uiDisplayThin {
  font-weight: 600!important
}

.u-uiTextMonospace {
  font-family: Menlo,Monaco,"Courier New",Courier,monospace!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  font-style: normal!important
}

.u-contentSansBold {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important
}

.v-glyph--m2 .u-contentSansBold {
  font-weight: 600!important
}

.u-contentSansRegular {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important
}

.v-glyph--m2 .u-contentSansRegular {
  font-weight: 400!important
}

.u-contentSansThin {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 300!important;
  font-style: normal!important;
  letter-spacing: 0!important
}

.v-glyph--m2 .u-contentSansThin {
  font-weight: 400!important
}

.u-contentSerifRegular {
  --x-height-multiplier:0.375!important;--baseline-multiplier:0.17!important;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  letter-spacing: .01rem!important;
  font-weight: 400!important;
  font-style: normal!important
}

.u-contentSerifItalic {
  --x-height-multiplier:0.375!important;--baseline-multiplier:0.17!important;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  letter-spacing: .01rem!important;
  font-weight: 400!important;
  font-style: italic!important
}

.u-contentSerifBold {
  --x-height-multiplier:0.375!important;--baseline-multiplier:0.17!important;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  letter-spacing: .01rem!important;
  font-weight: 700!important;
  font-style: normal!important
}

.u-contentSlabItalic {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-weight: 400!important;
  font-style: italic!important
}

.u-uiSerifRegular {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-ui-serif-font,medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  letter-spacing: .01rem!important;
  font-weight: 400!important;
  font-style: normal!important
}


.u-fontSize7 {
  font-size: 11px!important
}

.u-fontSize8 {
  font-size: 12px!important
}
.u-fontSize9 {
  font-size: 13px!important
}

.u-fontSize10 {
  font-size: 14px!important
}

.u-fontSize11 {
  font-size: 15px!important
}

.u-fontSize12 {
  font-size: 15px!important
}

.u-fontSize13 {
  font-size: 15px!important
}

.u-fontSize14 {
  font-size: 16px!important
}

.u-fontSize15 {
  font-size: 17px!important
}

.u-fontSize16 {
  font-size: 18px!important
}

.u-fontSize17 {
  font-size: 19px!important
}

.u-fontSize18 {
  font-size: 20px!important
}

.u-fontSize20 {
  font-size: 22px!important
}

.u-fontSize22 {
  font-size: 24px!important
}

.u-fontSize24 {
  font-size: 26px!important
}

.u-fontSize28 {
  font-size: 30px!important
}

.u-fontSize30 {
  font-size: 32px!important
}

.u-fontSize32 {
  font-size: 34px!important
}

.u-fontSize36 {
  font-size: 38px!important
}

.u-fontSize40 {
  font-size: 42px!important
}

.u-fontSize44 {
  font-size: 46px!important
}

.u-fontSize48 {
  font-size: 50px!important
}

.u-fontSize50 {
  font-size: 52px!important
}

.u-fontSize64 {
  font-size: 66px!important
}

.u-fontSize75 {
  font-size: 77px!important
}

.u-fontSize200 {
  font-size: 202px!important
}

@media screen and (max-width: 991px) {
  .u-sm-fontSize14 {
    font-size:16px!important
  }

  .u-sm-fontSize16 {
    font-size: 18px!important
  }

  .u-sm-fontSize150 {
    font-size: 152px!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-fontSize12 {
    font-size:15px!important
  }

  .u-xs-fontSize14 {
    font-size: 16px!important
  }

  .u-xs-fontSize15 {
    font-size: 17px!important
  }

  .u-xs-fontSize16 {
    font-size: 18px!important
  }

  .u-xs-fontSize18 {
    font-size: 20px!important
  }

  .u-xs-fontSize20 {
    font-size: 22px!important
  }

  .u-xs-fontSize22 {
    font-size: 24px!important
  }

  .u-xs-fontSize24 {
    font-size: 26px!important
  }

  .u-xs-fontSize28 {
    font-size: 30px!important
  }

  .u-xs-fontSize32 {
    font-size: 34px!important
  }

  .u-xs-fontSize36 {
    font-size: 38px!important
  }

  .u-xs-fontSize40 {
    font-size: 42px!important
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-fontSize16 {
    font-size:18px!important
  }
}

.u-fontWeightThin {
  font-weight: 300!important;
  font-weight: 400!important
}

.u-fontWeightNormal {
  font-weight: 400!important
}

.u-fontWeightMedium {
  font-weight: 500!important;
  font-weight: 400!important
}

.u-fontWeightSemibold {
  font-weight: 600!important
}

.u-fontWeightBold {
  font-weight: 700!important;
  font-weight: 600!important
}

.u-lineHeightHalf {
  line-height: .5!important
}

.u-lineHeightLoose {
  line-height: 1.6!important
}

.u-lineHeightBase {
  line-height: 1.4!important
}

.u-lineHeightBaseSans {
  line-height: 1.3!important
}

.u-lineHeightTight {
  line-height: 1.2!important
}

.u-lineHeightTighter {
  line-height: 1.1!important
}

.u-lineHeightTightest {
  line-height: 1!important
}

.u-lineHeight0 {
  line-height: 0!important
}

.u-lineHeight9 {
  line-height: 9px!important
}

.u-lineHeight13 {
  line-height: 13px!important
}

.u-lineHeight14 {
  line-height: 14px!important
}

.u-lineHeight16 {
  line-height: 16px!important
}

.u-lineHeight18 {
  line-height: 18px!important
}

.u-lineHeight30 {
  line-height: 30px!important
}

.u-lineHeight32 {
  line-height: 32px!important
}

.u-lineHeight35 {
  line-height: 35px!important
}

.u-lineHeight36 {
  line-height: 36px!important
}

.u-lineHeight40 {
  line-height: 40px!important
}

.u-lineHeight44 {
  line-height: 44px!important
}

.u-lineHeight100 {
  line-height: 100px!important
}

.u-lineHeightInherit {
  line-height: inherit!important
}

@media screen and (max-width: 991px) {
  .u-sm-lineHeight44 {
    line-height:44px!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-lineHeightBase {
    line-height:1.4!important
  }

  .u-xs-lineHeight20 {
    line-height: 20px!important
  }

  .u-xs-lineHeight22 {
    line-height: 22px!important
  }
}

.u-textAlignCenter {
  text-align: center!important
}

.u-textAlignRight {
  text-align: right!important
}

.u-textAlignLeft {
  text-align: left!important
}

@media (max-width: 991px) {
  .u-sm-textAlignCenter {
    text-align:center!important
  }

  .u-sm-textAlignLeft {
    text-align: left!important
  }
}

@media (max-width: 767px) {
  .u-xs-textAlignLeft {
    text-align:left!important
  }

  .u-xs-textAlignRight {
    text-align: right!important
  }

  .u-xs-textAlignCenter {
    text-align: center!important
  }
}

.u-noWrap {
  white-space: nowrap!important
}

.u-normalWrap {
  white-space: normal!important
}

.u-noWrapWithEllipsis {
  white-space: nowrap!important;
  text-overflow: ellipsis!important;
  overflow: hidden!important
}

.u-textOverflowEllipsis {
  text-overflow: ellipsis!important;
  overflow: hidden!important
}

@media screen and (max-width: 767px) {
  .u-xs-normalWrap {
    white-space:normal!important
  }

  .u-xs-noWrapWithEllipsis {
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    overflow: hidden!important
  }
}

.u-wordBreakNormal {
  word-break: normal!important
}

.u-breakWord {
  word-break: break-word;
  word-wrap: break-word
}

.u-lineClamp2 {
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical!important;
  overflow: hidden!important
}

.u-lineClamp3 {
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical!important;
  overflow: hidden!important
}

.u-maxHeight2LineHeightBase {
  overflow: hidden;
  line-height: 1.4!important;
  max-height: 2.8em!important
}

.u-maxHeight2LineHeightTighter {
  overflow: hidden;
  line-height: 1.1!important;
  max-height: 2.2em!important
}

.u-maxHeight2LineHeightTight {
  overflow: hidden;
  line-height: 1.2!important;
  max-height: 2.4em!important
}

.u-maxHeight3LineHeightTight {
  overflow: hidden;
  line-height: 1.2!important;
  max-height: 3.6em!important
}

.u-maxHeight3LineHeightBase {
  overflow: hidden;
  line-height: 1.4!important;
  max-height: 4.2em!important
}

@media screen and (max-width: 991px) {
  .u-sm-lineClamp2 {
    display:-webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical!important;
    overflow: hidden!important
  }

  .u-sm-maxHeight2LineHeightTight {
    overflow: hidden;
    line-height: 1.2!important;
    max-height: 2.4em!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-lineClamp2 {
    display:-webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical!important;
    overflow: hidden!important
  }

  .u-xs-maxHeight2LineHeightBase {
    overflow: hidden;
    line-height: 1.4!important;
    max-height: 2.8em!important
  }
}

.u-transition--fadeOut100 {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .1s,opacity .1s 0s;
  transition: visibility 0s linear .1s,opacity .1s 0s
}

.u-transition--fadeOut300 {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .3s,opacity .3s 0s;
  transition: visibility 0s linear .3s,opacity .3s 0s
}

.u-transition--fadeIn300 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .3s 0s;
  transition: visibility 0s linear 0s,opacity .3s 0s
}

.u-transition--fadeIn200Delay150 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .2s 150ms;
  transition: visibility 0s linear 0s,opacity .2s 150ms
}

.u-transition--transform125 {
  -webkit-transition: -webkit-transform 125ms ease-in-out;
  transition: -webkit-transform 125ms ease-in-out;
  transition: transform 125ms ease-in-out;
  transition: transform 125ms ease-in-out,-webkit-transform 125ms ease-in-out
}

.u-transition--transformLinear200 {
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear,-webkit-transform .2s linear
}

.u-transition--transform200Spring {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: -webkit-transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: transform .2s cubic-bezier(.25,0,.6,1.4),-webkit-transform .2s cubic-bezier(.25,0,.6,1.4)
}

.u-transition--transform200EaseOutCubicOpacity125EaseIn {
  -webkit-transition: opacity 125ms ease-in,-webkit-transform .2s cubic-bezier(.215,.61,.355,1);
  transition: opacity 125ms ease-in,-webkit-transform .2s cubic-bezier(.215,.61,.355,1);
  transition: transform .2s cubic-bezier(.215,.61,.355,1),opacity 125ms ease-in;
  transition: transform .2s cubic-bezier(.215,.61,.355,1),opacity 125ms ease-in,-webkit-transform .2s cubic-bezier(.215,.61,.355,1)
}

.u-transition--transform250BoxShadow200 {
  -webkit-transition: -webkit-transform 250ms ease-in-out,-webkit-box-shadow .2s ease-in-out;
  transition: -webkit-transform 250ms ease-in-out,-webkit-box-shadow .2s ease-in-out;
  transition: transform 250ms ease-in-out,box-shadow .2s ease-in-out;
  transition: transform 250ms ease-in-out,box-shadow .2s ease-in-out,-webkit-transform 250ms ease-in-out,-webkit-box-shadow .2s ease-in-out
}

.u-transition--boxShadow200 {
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  transition: -webkit-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}

.u-transition--none {
  -webkit-transition: none;
  transition: none
}

.u-backfaceVisibilityHidden {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.u-transformOriginLeft {
  -webkit-transform-origin: left;
  transform-origin: left
}

.u-hide {
  display: none!important
}

.u-hideIfEmpty:empty {
  display: none!important
}

.u-zeroSize {
  overflow: hidden;
  width: 0!important;
  height: 0!important
}

.u-transparent {
  opacity: 0!important
}

.u-visible {
  visibility: visible!important
}

.u-invisible {
  visibility: hidden!important
}

@media screen and (min-width: 1200px) {
  .u-md-show {
    display:none!important
  }
}

@media screen and (min-width: 992px) {
  .u-sm-show {
    display:none!important
  }
}

@media screen and (min-width: 768px) {
  .u-xs-show {
    display:none!important
  }
}

@media screen and (max-width: 1199px) {
  .u-md-hide {
    display:none!important
  }
}

@media screen and (max-width: 991px) {
  .u-sm-hide {
    display:none!important
  }
}

@media screen and (max-width: 767px) {
  .u-xs-hide {
    display:none!important
  }
}

@media screen and (max-width: 369px) {
  .u-xxs-hide {
    display:none!important
  }
}

@media print {
  .u-print-hide {
    display: none!important
  }
}

.brand {
  font-family: medium-marketing-content-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: rgba(0,0,0,.88)
}

.brand-headerMain {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal;
  font-weight: 500;
  font-size: 52px;
  line-height: 1.2em;
  margin-bottom: 20px
}

.brand-headerAccent {
  font-family: medium-marketing-content-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .1em
}

.brand-headerSentence {
  font-family: medium-marketing-content-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  font-weight: 800
}

.brand-headerContrast {
  font-family: medium-marketing-content-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #E8F3EC;
  padding: 2px 10px 2px 10px;
  display: inline-block
}

@media (max-width: 767px) {
  .brand {
    font-size:15px
  }

  .brand-headerMain {
    font-size: 28px;
    margin-bottom: 15px
  }

  .brand-headerAccent {
    font-size: 15px
  }
}

.brand .link {
  font-family: medium-marketing-content-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0,0,0,.88)
}

.brand .link:hover {
  color: #000;
  text-decoration: none!important
}

.brand .link.is-active {
  color: #01B595;
  text-decoration: underline;
  border-bottom: 0
}

.brand-allCapsNav .button--link {
  color: rgba(0,0,0,.54);
  font-size: 16px
}

.brand-allCapsNav .button--link.is-active {
  border-bottom: 1px solid rgba(0,0,0,.88);
  color: rgba(0,0,0,.88);
  font-weight: 500;
  padding-bottom: 5px;
  text-decoration: none
}

.brand p {
  margin-bottom: 20px
}

.brand-borderLeft {
  border-left: 1px solid rgba(0,0,0,.88)
}

.brand-borderBottom {
  border-bottom: 1px solid rgba(0,0,0,.88)
}

.brand-numberedPill {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  -webkit-border-radius: 99em;
  border-radius: 99em;
  background: rgba(0,0,0,.88);
  color: #fff;
  height: 26px;
  width: 26px;
  line-height: 30px;
  text-align: center
}

.brand-faq li {
  border-bottom: 1px solid rgba(0,0,0,.88);
  padding-top: 20px;
  padding-bottom: 20px
}

.brand-faq li:hover {
  cursor: pointer
}

.brand-faq li .link {
  padding-bottom: 0;
  border-bottom: none
}

@media (max-width: 767px) {
  .brand p {
    margin-bottom:15px
  }

  .brand-allCapsNav .button--link {
    font-size: 14px
  }

  .brand-numberedPill {
    font-size: 15px;
    line-height: 23px;
    width: 21px;
    height: 21px
  }
}

.brand--accentSage {
  background: #E8F3EC
}

.brand--accentSage .brand-headerAccent {
  color: #01B595
}

.brand--accentSage .brand-headerContrast {
  background: #fff
}

.brand--accentSage .brand-numberedPill {
  background: #01B595;
  color: #E8F3EC
}

.brand--accentSage .brand-allCapsNav .button {
  color: #01B595;
  fill: #01B595
}

.brand--accentSage .brand-allCapsNav .button .svgIcon {
  fill: #01B595
}

.brand--accentSand {
  background: #F6F1E4
}

.brand--accentSand .brand-headerAccent {
  color: #5E5038
}

.brand--accentSand .brand-headerContrast {
  background: #fff
}

.brand--accentSand .brand-numberedPill {
  background: #5E5038;
  color: #F6F1E4
}

.brand--accentSand .brand-allCapsNav .button {
  color: #5E5038;
  fill: #5E5038
}

.brand--accentSand .brand-allCapsNav .button .svgIcon {
  fill: #5E5038
}

.brand--accentSea {
  background: #D7EFEE
}

.brand--accentSea .brand-headerAccent {
  color: #218799
}

.brand--accentSea .brand-headerContrast {
  background: #fff
}

.brand--accentSea .brand-numberedPill {
  background: #218799;
  color: #D7EFEE
}

.brand--accentSea .brand-allCapsNav .button {
  color: #218799;
  fill: #218799
}

.brand--accentSea .brand-allCapsNav .button .svgIcon {
  fill: #218799
}

.brand--accentSky {
  background: #E2Eff8
}

.brand--accentSky .brand-headerAccent {
  color: #0B2B52
}

.brand--accentSky .brand-headerContrast {
  background: #fff
}

.brand--accentSky .brand-numberedPill {
  background: #0B2B52;
  color: #E2Eff8
}

.brand--accentSky .brand-allCapsNav .button {
  color: #0B2B52;
  fill: #0B2B52
}

.brand--accentSky .brand-allCapsNav .button .svgIcon {
  fill: #0B2B52
}

.brand--accentRose {
  background: #FCE7DD
}

.brand--accentRose .brand-headerAccent {
  color: #EE6F70
}

.brand--accentRose .brand-headerContrast {
  background: #fff
}

.brand--accentRose .brand-numberedPill {
  background: #EE6F70;
  color: #FCE7DD
}

.brand--accentRose .brand-allCapsNav .button {
  color: #EE6F70;
  fill: #EE6F70
}

.brand--accentRose .brand-allCapsNav .button .svgIcon {
  fill: #EE6F70
}

.brand--accentPlum {
  background: #DFD8E3
}

.brand--accentPlum .brand-headerAccent {
  color: #2D235B
}

.brand--accentPlum .brand-headerContrast {
  background: #fff
}

.brand--accentPlum .brand-numberedPill {
  background: #2D235B;
  color: #DFD8E3
}

.brand--accentPlum .brand-allCapsNav .button {
  color: #2D235B;
  fill: #2D235B
}

.brand--accentPlum .brand-allCapsNav .button .svgIcon {
  fill: #2D235B
}

.brand--accentDust {
  background: #F0F0EE
}

.brand--accentDust .brand-headerAccent {
  color: rgba(0,0,0,.88)
}

.brand--accentDust .brand-headerContrast {
  background: #fff
}

.brand--accentDust .brand-numberedPill {
  background: rgba(0,0,0,.88);
  color: #F0F0EE
}

.brand--accentDust .brand-allCapsNav .button {
  color: rgba(0,0,0,.88);
  fill: rgba(0,0,0,.88)
}

.brand--accentDust .brand-allCapsNav .button .svgIcon {
  fill: rgba(0,0,0,.88)
}

.u-background--brandSage {
  background-color: #D3E9DA!important
}

.u-background--brandSageLighter {
  background-color: #E8F3EC
}

.u-background--brandSea {
  background-color: #D7EFEE!important
}

.u-background--brandSky {
  background-color: #E2Eff8
}

.u-background--brandPlum {
  background-color: #DFD8E3
}

.u-background--brandRose {
  background-color: #FCE7DD
}

.u-background--brandSand {
  background-color: #F6F1E4
}

.u-background--brandDust {
  background-color: #F0F0EE
}

.u-background--brandBlack {
  background-color: rgba(0,0,0,.88)
}

.u-background--brandCanary {
  background-color: #FBF9E0
}

.u-backgroundWhite50BrandSand50Right {
  background: linear-gradient(to right,#fff 50%,#F6F1E4 50%)
}

@media screen and (max-width: 991px) {
  .u-sm-background--brandSea {
    background:#D7EFEE
  }

  .u-sm-backgroundBrandSand50White50Top {
    background: linear-gradient(to top,#F6F1E4 50%,#fff 50%)
  }
}

.u-marketingSerif {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal;
  font-weight: 500
}

.u-textColor--brandSage {
  color: #01B595;
  fill: #01B595
}

.u-textColor--brandSea {
  color: #218799!important;
  fill: #218799!important
}

.u-textColor--brandSky {
  color: #0B2B52!important;
  fill: #0B2B52!important;
}

.u-textColor--brandPlum {
  color: #2D235B;
  fill: #2D235B
}

.u-textColor--brandRose {
  color: #EE6F70;
  fill: #EE6F70
}

.u-textColor--brandSand {
  color: #5E5038;
  fill: #5E5038
}

.u-textColor--brandDust {
  color: rgba(0,0,0,.88);
  fill: rgba(0,0,0,.88)
}

.u-textColor--brandBlack {
  color: rgba(0,0,0,.88);
  fill: rgba(0,0,0,.88)
}

.u-borderColor--brandSea {
  color: #218799
}

.u-borderLeftBleed185,.u-borderLeftBleed250,.u-borderLeftBleed300 {
  position: relative
}

.u-borderLeftBleed185:before,.u-borderLeftBleed250:before,.u-borderLeftBleed300:before {
  content: '';
  border-left: 1px solid rgba(0,0,0,.68);
  position: absolute;
  top: -20px;
  left: -30px
}

.u-borderLeftBleed250:before {
  bottom: -250px
}

.u-borderLeftBleed300:before {
  bottom: -300px
}

.u-borderLeftBleed185:before {
  bottom: -75px;
  left: -15px;
  top: -110px
}

.u-borderBleedBottomSand {
  position: relative
}

.u-borderBleedBottomSand:before {
  content: '';
  top: 240px;
  border-left: 2px solid #e7af0e;
  position: absolute;
  bottom: -400px;
  right: 110px
}

@media screen and (max-width: 991px) {
  .u-sm-borderLeftBleed160:before {
    bottom:-160px
  }
}

@media screen and (max-width: 767px) {
  .u-borderLeftBleedBottom:before {
    display:none
  }

  .u-borderLeftBleed185:before {
    bottom: -60px;
    left: -10px;
    top: -6px
  }

  .u-xs-background--brandSand {
    background: #F6F1E4
  }
}

.uiScale .postMetaInline {
  font-size: inherit!important;
  line-height: inherit!important;
  letter-spacing: inherit!important;
  font-family: inherit!important;
  font-weight: inherit!important;
  font-style: inherit!important;
  color: inherit!important;
  fill: inherit!important
}

.uiScale {
  line-height: 20px;
  font-size: 16px
}

.uiScale .ui-body .svgIcon,.uiScale .ui-brand1 .svgIcon,.uiScale .ui-brand2 .svgIcon,.uiScale .ui-caps .svgIcon,.uiScale .ui-caption .svgIcon,.uiScale .ui-captionStrong .svgIcon,.uiScale .ui-h1 .svgIcon,.uiScale .ui-h2 .svgIcon,.uiScale .ui-h3 .svgIcon,.uiScale .ui-h4 .svgIcon,.uiScale .ui-summary .svgIcon,.uiScale .ui-tab .svgIcon,.uiScale .ui-tabActive .svgIcon {
  position: relative!important;
  height: 0!important;
  line-height: 0!important;
  margin-top: 0!important;
  top: 0!important
}

.uiScale .ui-body .svgIcon-use,.uiScale .ui-brand1 .svgIcon-use,.uiScale .ui-brand2 .svgIcon-use,.uiScale .ui-caps .svgIcon-use,.uiScale .ui-caption .svgIcon-use,.uiScale .ui-captionStrong .svgIcon-use,.uiScale .ui-h1 .svgIcon-use,.uiScale .ui-h2 .svgIcon-use,.uiScale .ui-h3 .svgIcon-use,.uiScale .ui-h4 .svgIcon-use,.uiScale .ui-summary .svgIcon-use,.uiScale .ui-tab .svgIcon-use,.uiScale .ui-tabActive .svgIcon-use {
  -webkit-transform: translateY(-50%)!important;
  transform: translateY(-50%)!important
}

.uiScale .ui-h1,.uiScale .ui-h2,.uiScale .ui-h3,.uiScale .ui-h4 {
  color: rgba(0,0,0,.84)!important;
  fill: rgba(0,0,0,.84)!important
}

.uiScale .ui-body {
  color: rgba(0,0,0,.76)!important;
  fill: rgba(0,0,0,.76)!important
}

.uiScale .ui-summary {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.uiScale-ui--large .ui-h1 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 46px!important;
  line-height: 48px!important;
  -webkit-transform: translateY(-.88px);
  transform: translateY(-.88px);
  letter-spacing: -1.33px!important
}

.v-glyph--m2 .uiScale-ui--large .ui-h1 {
  font-weight: 600!important
}

.uiScale-ui--large .ui-h1.ui-clamp2 {
  overflow: hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-h1.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-h1.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-h1 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-3.82px)!important;
  transform: translateY(-3.82px)!important
}

.uiScale-ui--large .ui-h2 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 33px!important;
  line-height: 36px!important;
  -webkit-transform: translateY(.76px);
  transform: translateY(.76px);
  letter-spacing: -.79px!important
}

.v-glyph--m2 .uiScale-ui--large .ui-h2 {
  font-weight: 600!important
}

.uiScale-ui--large .ui-h2.ui-clamp2 {
  overflow: hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-h2.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-h2.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-h2 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-2.74px)!important;
  transform: translateY(-2.74px)!important
}

.uiScale-ui--large .ui-h3 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 29px!important;
  line-height: 32px!important;
  -webkit-transform: translateY(-.12px);
  transform: translateY(-.12px);
  letter-spacing: -.63px!important
}

.v-glyph--m2 .uiScale-ui--large .ui-h3 {
  font-weight: 600!important
}

.uiScale-ui--large .ui-h3.ui-clamp2 {
  overflow: hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-h3.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-h3.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-h3 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-2.41px)!important;
  transform: translateY(-2.41px)!important
}

.uiScale-ui--large .ui-h4 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 24px!important;
  line-height: 28px!important;
  -webkit-transform: translateY(-.72px);
  transform: translateY(-.72px);
  letter-spacing: -.42px!important
}

.v-glyph--m2 .uiScale-ui--large .ui-h4 {
  font-weight: 600!important
}

.uiScale-ui--large .ui-h4.ui-clamp2 {
  overflow: hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-h4.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-h4.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-h4 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.99px)!important;
  transform: translateY(-1.99px)!important
}

.uiScale-ui--large .ui-body,.uiScale-ui--large .ui-summary {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 21px!important;
  line-height: 28px!important;
  -webkit-transform: translateY(.12px);
  transform: translateY(.12px)
}

.v-glyph--m2 .uiScale-ui--large .ui-body,.v-glyph--m2 .uiScale-ui--large .ui-summary {
  font-weight: 400!important
}

.uiScale-ui--large .ui-body.ui-clamp2,.uiScale-ui--large .ui-summary.ui-clamp2 {
  overflow: hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-body.ui-sm-clamp2,.uiScale-ui--large .ui-summary.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-body.ui-xs-clamp2,.uiScale-ui--large .ui-summary.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-body.ui-clamp3,.uiScale-ui--large .ui-summary.ui-clamp3 {
  overflow: hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--large .ui-body.ui-sm-clamp3,.uiScale-ui--large .ui-summary.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-body.ui-xs-clamp3,.uiScale-ui--large .ui-summary.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--large .ui-body .svgIcon,.uiScale-ui--large .ui-summary .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.74px)!important;
  transform: translateY(-1.74px)!important
}

.uiScale-ui--regular .ui-h1 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 37px!important;
  line-height: 40px!important;
  -webkit-transform: translateY(1.64px);
  transform: translateY(1.64px);
  letter-spacing: -.96px!important
}

.v-glyph--m2 .uiScale-ui--regular .ui-h1 {
  font-weight: 600!important
}

.uiScale-ui--regular .ui-h1.ui-clamp2 {
  overflow: hidden!important;
  max-height: 80px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h1.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 80px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h1.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 80px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h1.ui-clamp3 {
  overflow: hidden!important;
  max-height: 120px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h1.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 120px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h1.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 120px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h1 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-3.07px)!important;
  transform: translateY(-3.07px)!important
}

.uiScale-ui--regular .ui-h2 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 29px!important;
  line-height: 32px!important;
  -webkit-transform: translateY(-.12px);
  transform: translateY(-.12px);
  letter-spacing: -.63px!important
}

.v-glyph--m2 .uiScale-ui--regular .ui-h2 {
  font-weight: 600!important
}

.uiScale-ui--regular .ui-h2.ui-clamp2 {
  overflow: hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h2.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h2.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h2.ui-clamp3 {
  overflow: hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h2.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h2.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h2 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-2.41px)!important;
  transform: translateY(-2.41px)!important
}

.uiScale-ui--regular .ui-h3 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 24px!important;
  line-height: 28px!important;
  -webkit-transform: translateY(-.72px);
  transform: translateY(-.72px);
  letter-spacing: -.42px!important
}

.v-glyph--m2 .uiScale-ui--regular .ui-h3 {
  font-weight: 600!important
}

.uiScale-ui--regular .ui-h3.ui-clamp2 {
  overflow: hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h3.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h3.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h3.ui-clamp3 {
  overflow: hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h3.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h3.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h3.ui-clamp4 {
  overflow: hidden!important;
  max-height: 112px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h3.ui-sm-clamp4 {
    overflow:hidden!important;
    max-height: 112px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h3.ui-xs-clamp4 {
    overflow:hidden!important;
    max-height: 112px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h3 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.99px)!important;
  transform: translateY(-1.99px)!important
}

.uiScale-ui--regular .ui-h4 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 21px!important;
  line-height: 24px!important;
  -webkit-transform: translateY(-1.88px);
  transform: translateY(-1.88px);
  letter-spacing: -.29px!important
}

.v-glyph--m2 .uiScale-ui--regular .ui-h4 {
  font-weight: 600!important
}

.uiScale-ui--regular .ui-h4.ui-clamp2 {
  overflow: hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-h4.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-h4.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-h4 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.74px)!important;
  transform: translateY(-1.74px)!important
}

.uiScale-ui--regular .ui-body,.uiScale-ui--regular .ui-summary {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 19px!important;
  line-height: 24px!important;
  -webkit-transform: translateY(-1.32px);
  transform: translateY(-1.32px)
}

.v-glyph--m2 .uiScale-ui--regular .ui-body,.v-glyph--m2 .uiScale-ui--regular .ui-summary {
  font-weight: 400!important
}

.uiScale-ui--regular .ui-body.ui-clamp2,.uiScale-ui--regular .ui-summary.ui-clamp2 {
  overflow: hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-body.ui-sm-clamp2,.uiScale-ui--regular .ui-summary.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-body.ui-xs-clamp2,.uiScale-ui--regular .ui-summary.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-body.ui-clamp3,.uiScale-ui--regular .ui-summary.ui-clamp3 {
  overflow: hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--regular .ui-body.ui-sm-clamp3,.uiScale-ui--regular .ui-summary.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--regular .ui-body.ui-xs-clamp3,.uiScale-ui--regular .ui-summary.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--regular .ui-body .svgIcon,.uiScale-ui--regular .ui-summary .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.58px)!important;
  transform: translateY(-1.58px)!important
}

.uiScale-ui--small .ui-h1 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 33px!important;
  line-height: 36px!important;
  -webkit-transform: translateY(.76px);
  transform: translateY(.76px);
  letter-spacing: -.79px!important
}

.v-glyph--m2 .uiScale-ui--small .ui-h1 {
  font-weight: 600!important
}

.uiScale-ui--small .ui-h1.ui-clamp2 {
  overflow: hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h1.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h1.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h1.ui-clamp3 {
  overflow: hidden!important;
  max-height: 108px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h1.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 108px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h1.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 108px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h1 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-2.74px)!important;
  transform: translateY(-2.74px)!important
}

.uiScale-ui--small .ui-h2 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 24px!important;
  line-height: 28px!important;
  -webkit-transform: translateY(-.72px);
  transform: translateY(-.72px);
  letter-spacing: -.42px!important
}

.v-glyph--m2 .uiScale-ui--small .ui-h2 {
  font-weight: 600!important
}

.uiScale-ui--small .ui-h2.ui-clamp2 {
  overflow: hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h2.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h2.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h2.ui-clamp3 {
  overflow: hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h2.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h2.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h2 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.99px)!important;
  transform: translateY(-1.99px)!important
}

.uiScale-ui--small .ui-h3 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 21px!important;
  line-height: 24px!important;
  -webkit-transform: translateY(-1.88px);
  transform: translateY(-1.88px);
  letter-spacing: -.29px!important
}

.v-glyph--m2 .uiScale-ui--small .ui-h3 {
  font-weight: 600!important
}

.uiScale-ui--small .ui-h3.ui-clamp2 {
  overflow: hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h3.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h3.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h3.ui-clamp3 {
  overflow: hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h3.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h3.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h3.ui-clamp4 {
  overflow: hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h3.ui-sm-clamp4 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h3.ui-xs-clamp4 {
    overflow:hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h3 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.74px)!important;
  transform: translateY(-1.74px)!important
}

.uiScale-ui--small .ui-h4 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 18px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(.96px);
  transform: translateY(.96px);
  letter-spacing: -.17px!important
}

.v-glyph--m2 .uiScale-ui--small .ui-h4 {
  font-weight: 600!important
}

.uiScale-ui--small .ui-h4.ui-clamp2 {
  overflow: hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h4.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h4.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h4.ui-clamp3 {
  overflow: hidden!important;
  max-height: 60px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-h4.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-h4.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-h4 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.49px)!important;
  transform: translateY(-1.49px)!important
}

.uiScale-ui--small .ui-body,.uiScale-ui--small .ui-summary {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px)
}

.v-glyph--m2 .uiScale-ui--small .ui-body,.v-glyph--m2 .uiScale-ui--small .ui-summary {
  font-weight: 400!important
}

.uiScale-ui--small .ui-body.ui-clamp2,.uiScale-ui--small .ui-summary.ui-clamp2 {
  overflow: hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-body.ui-sm-clamp2,.uiScale-ui--small .ui-summary.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-body.ui-xs-clamp2,.uiScale-ui--small .ui-summary.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-body.ui-clamp3,.uiScale-ui--small .ui-summary.ui-clamp3 {
  overflow: hidden!important;
  max-height: 60px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--small .ui-body.ui-sm-clamp3,.uiScale-ui--small .ui-summary.ui-sm-clamp3 {
    overflow:hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--small .ui-body.ui-xs-clamp3,.uiScale-ui--small .ui-summary.ui-xs-clamp3 {
    overflow:hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--small .ui-body .svgIcon,.uiScale-ui--small .ui-summary .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale-ui--smaller .ui-h2 {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 18px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(.96px);
  transform: translateY(.96px);
  letter-spacing: -.17px!important
}

.v-glyph--m2 .uiScale-ui--smaller .ui-h2 {
  font-weight: 600!important
}

.uiScale-ui--smaller .ui-h2.ui-clamp2 {
  overflow: hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-ui--smaller .ui-h2.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-ui--smaller .ui-h2.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-ui--smaller .ui-h2 .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.49px)!important;
  transform: translateY(-1.49px)!important
}

.uiScale .ui-caption {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.uiScale-caption--regular .ui-caption {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px)
}

.v-glyph--m2 .uiScale-caption--regular .ui-caption {
  font-weight: 400!important
}

.uiScale-caption--regular .ui-caption.ui-clamp2 {
  overflow: hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}

@media screen and (max-width: 991px) {
  .uiScale-caption--regular .ui-caption.ui-sm-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 767px) {
  .uiScale-caption--regular .ui-caption.ui-xs-clamp2 {
    overflow:hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }
}

.uiScale-caption--regular .ui-caption .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale-caption--small .ui-caption {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px)
}

.v-glyph--m2 .uiScale-caption--small .ui-caption {
  font-weight: 400!important
}

.uiScale-caption--small .ui-caption .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ui-captionStrong {
  color: rgba(0,0,0,.84)!important;
  fill: rgba(0,0,0,.84)!important
}

.uiScale-caption--regular .ui-captionStrong {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px)
}

.v-glyph--m2 .uiScale-caption--regular .ui-captionStrong {
  font-weight: 400!important
}

.uiScale-caption--regular .ui-captionStrong .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale-caption--small .ui-captionStrong {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px)
}

.v-glyph--m2 .uiScale-caption--small .ui-captionStrong {
  font-weight: 400!important
}

.uiScale-caption--small .ui-captionStrong .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ui-brand1,.uiScale .ui-brand2 {
  color: rgba(0,0,0,.84)!important;
  fill: rgba(0,0,0,.84)!important
}

.uiScale-ui--large .ui-brand1 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 52px!important;
  line-height: 60px!important;
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

.uiScale-ui--large .ui-brand2 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 42px!important;
  line-height: 48px!important;
  -webkit-transform: translateY(1.5px);
  transform: translateY(1.5px)
}

.uiScale-ui--regular .ui-brand1 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 42px!important;
  line-height: 48px!important;
  -webkit-transform: translateY(1.5px);
  transform: translateY(1.5px)
}

.uiScale-ui--regular .ui-brand2 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 32px!important;
  line-height: 36px!important;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}

.uiScale-ui--small .ui-brand1 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 32px!important;
  line-height: 36px!important;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}

.uiScale-ui--small .ui-brand2 {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 28px!important;
  line-height: 32px!important;
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

.uiScale .ui-caps {
  color: rgba(0,0,0,.76)!important;
  fill: rgba(0,0,0,.76)!important
}

.uiScale-ui--large .ui-caps,.uiScale-ui--regular .ui-caps,.uiScale-ui--small .ui-caps {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px);
  letter-spacing: .03em!important;
  text-transform: uppercase
}

.v-glyph--m2 .uiScale-ui--large .ui-caps,.v-glyph--m2 .uiScale-ui--regular .ui-caps,.v-glyph--m2 .uiScale-ui--small .ui-caps {
  font-weight: 400!important
}

.uiScale-ui--large .ui-caps .svgIcon,.uiScale-ui--regular .ui-caps .svgIcon,.uiScale-ui--small .ui-caps .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ui-capsSubtle {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px);
  letter-spacing: .03em!important;
  text-transform: uppercase;
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.v-glyph--m2 .uiScale .ui-capsSubtle {
  font-weight: 400!important
}

.uiScale .ui-capsSubtle .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ds-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.uiScale .ds-nav .ds-nav-item {
  display: inline-block;
  margin-left: 24px
}

.uiScale .ds-nav .ds-nav-item:first-child {
  margin-left: 0
}

.uiScale .ds-nav--textRegular .ds-nav-text {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px)
}

.v-glyph--m2 .uiScale .ds-nav--textRegular .ds-nav-text {
  font-weight: 400!important
}

.uiScale .ds-nav--textRegular .ds-nav-text .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale .ds-nav--textCaps .ds-nav-text {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px);
  letter-spacing: .05em!important;
  text-transform: uppercase
}

.v-glyph--m2 .uiScale .ds-nav--textCaps .ds-nav-text {
  font-weight: 400!important
}

.uiScale .ds-nav--textCaps .ds-nav-text .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ds-nav--spacingBorder {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.uiScale .ds-nav--spacingBorder .ds-nav-item {
  padding: 8px 0;
  margin-bottom: -8px
}

.uiScale .ds-nav--spacingBorder .ds-nav-item.is-active {
  border-bottom: 1px solid rgba(0,0,0,.425);
  padding-bottom: 7px
}

.uiScale .ds-nav-item {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important
}

.uiScale .ds-nav-item:hover {
  color: rgba(0,0,0,.76)!important;
  fill: rgba(0,0,0,.76)!important
}

.uiScale .ds-nav-item.is-active,.uiScale .ds-nav-item.is-active:hover {
  color: rgba(0,0,0,.84)!important;
  fill: rgba(0,0,0,.84)!important
}

.uiScale .ds-link:hover {
  cursor: pointer
}

.uiScale .ds-link--styleSubtle {
  display: inline-block!important
}

.uiScale .ds-link--styleSubtle:hover {
  text-decoration: underline!important
}

.uiScale .ui-body .ds-link--styleSubtle,.uiScale .ui-caption .ds-link--styleSubtle,.uiScale .ui-captionStrong .ds-link--styleSubtle {
  display: inline!important
}

.uiScale .ui-body.ds-link--styleObvious,.uiScale .ui-caption.ds-link--styleObvious,.uiScale .ui-captionStrong.ds-link--styleObvious {
  display: inline-block!important;
  color: #03a87c!important;
  fill: #03a87c!important
}

.uiScale .ui-body.ds-link--styleObvious:hover,.uiScale .ui-caption.ds-link--styleObvious:hover,.uiScale .ui-captionStrong.ds-link--styleObvious:hover {
  color: #018f69!important;
  fill: #018f69!important
}

.uiScale .ui-body .ds-link--styleObvious,.uiScale .ui-caption .ds-link--styleObvious,.uiScale .ui-captionStrong .ds-link--styleObvious {
  display: inline!important;
  color: inherit!important;
  text-decoration: underline!important
}

.uiScale .ds-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.uiScale .ds-button:hover {
  cursor: pointer
}

.uiScale .ds-button--sizeLarge {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 19px!important;
  line-height: 24px!important;
  -webkit-transform: translateY(-1.32px);
  transform: translateY(-1.32px);
  padding: 8px 20px
}

.v-glyph--m2 .uiScale .ds-button--sizeLarge {
  font-weight: 400!important
}

.uiScale .ds-button--sizeLarge .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.58px)!important;
  transform: translateY(-1.58px)!important
}

.uiScale .ds-button--sizeRegular {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px);
  padding: 8px 16px
}

.v-glyph--m2 .uiScale .ds-button--sizeRegular {
  font-weight: 400!important
}

.uiScale .ds-button--sizeRegular .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale .ds-button--sizeSmall {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.52px);
  transform: translateY(1.52px);
  padding: 4px 12px
}

.v-glyph--m2 .uiScale .ds-button--sizeSmall {
  font-weight: 400!important
}

.uiScale .ds-button--sizeSmall .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.33px)!important;
  transform: translateY(-1.33px)!important
}

.uiScale .ds-button--sizeCompact {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  line-height: 20px!important;
  -webkit-transform: translateY(1.8px);
  transform: translateY(1.8px);
  padding: 0 8px
}

.v-glyph--m2 .uiScale .ds-button--sizeCompact {
  font-weight: 400!important
}

.uiScale .ds-button--sizeCompact .svgIcon {
  vertical-align: middle!important;
  -webkit-transform: translateY(-1.25px)!important;
  transform: translateY(-1.25px)!important
}

.uiScale .ds-button {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.uiScale .ds-button--styleSubtle {
  color: rgba(0,0,0,.54)!important;
  fill: rgba(0,0,0,.54)!important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.34);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.34)
}

.uiScale .ds-button--styleSubtle:hover {
  color: rgba(0,0,0,.76)!important;
  fill: rgba(0,0,0,.76)!important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.54);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.54)
}

.uiScale .ds-button--styleObvious {
  color: #03a87c!important;
  fill: #03a87c!important;
  -webkit-box-shadow: inset 0 0 0 1px #03a87c;
  box-shadow: inset 0 0 0 1px #03a87c
}

.uiScale .ds-button--styleObvious:hover {
  color: #018f69!important;
  fill: #029e74!important;
  -webkit-box-shadow: inset 0 0 0 1px #029e74;
  box-shadow: inset 0 0 0 1px #029e74
}

.uiScale .ds-button--styleStrong {
  background: #03a87c;
  color: #fff!important;
  fill: #fff!important
}

.uiScale .ds-button--styleStrong:hover {
  background: #029e74
}

.uiScale .ds-button--styleBrand {
  background: rgba(0,0,0,.84);
  color: #fff!important;
  fill: #fff!important
}

.uiScale .ds-button--styleBrand:hover {
  background: rgba(0,0,0,.9)
}

@media screen and (max-width: 767px) {
  .uiScale-ui--large .ui-brand1 {
    font-family:medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 32px!important;
    line-height: 36px!important;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  .uiScale-ui--large .ui-brand2,.uiScale-ui--regular .ui-brand1 {
    font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 28px!important;
    line-height: 32px!important;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
  }

  .uiScale-ui--regular .ui-brand2,.uiScale-ui--small .ui-brand1 {
    font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 24px!important;
    line-height: 28px!important;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .uiScale-ui--small .ui-brand2 {
    font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 20px!important;
    line-height: 24px!important;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
  }

  .uiScale-ui--large .ui-xs-h2 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 33px!important;
    line-height: 36px!important;
    -webkit-transform: translateY(.76px);
    transform: translateY(.76px);
    letter-spacing: -.79px!important
  }

  .v-glyph--m2 .uiScale-ui--large .ui-xs-h2 {
    font-weight: 600!important
  }

  .uiScale-ui--large .ui-xs-h2.ui-clamp2 {
    overflow: hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--large .ui-xs-h2 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-2.74px)!important;
    transform: translateY(-2.74px)!important
  }

  .uiScale-ui--large .ui-xs-h3 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 29px!important;
    line-height: 32px!important;
    -webkit-transform: translateY(-.12px);
    transform: translateY(-.12px);
    letter-spacing: -.63px!important
  }

  .v-glyph--m2 .uiScale-ui--large .ui-xs-h3 {
    font-weight: 600!important
  }

  .uiScale-ui--large .ui-xs-h3.ui-clamp2 {
    overflow: hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--large .ui-xs-h3 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-2.41px)!important;
    transform: translateY(-2.41px)!important
  }

  .uiScale-ui--large .ui-xs-h4 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 24px!important;
    line-height: 28px!important;
    -webkit-transform: translateY(-.72px);
    transform: translateY(-.72px);
    letter-spacing: -.42px!important
  }

  .v-glyph--m2 .uiScale-ui--large .ui-xs-h4 {
    font-weight: 600!important
  }

  .uiScale-ui--large .ui-xs-h4.ui-clamp2 {
    overflow: hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--large .ui-xs-h4 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.99px)!important;
    transform: translateY(-1.99px)!important
  }

  .uiScale-ui--large .ui-xs-bodyRegular {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 400!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 19px!important;
    line-height: 24px!important;
    -webkit-transform: translateY(-1.32px);
    transform: translateY(-1.32px)
  }

  .v-glyph--m2 .uiScale-ui--large .ui-xs-bodyRegular {
    font-weight: 400!important
  }

  .uiScale-ui--large .ui-xs-bodyRegular.ui-clamp2 {
    overflow: hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--large .ui-xs-bodyRegular.ui-clamp3 {
    overflow: hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--large .ui-xs-bodyRegular .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.58px)!important;
    transform: translateY(-1.58px)!important
  }

  .uiScale-ui--regular .ui-xs-h2 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 29px!important;
    line-height: 32px!important;
    -webkit-transform: translateY(-.12px);
    transform: translateY(-.12px);
    letter-spacing: -.63px!important
  }

  .v-glyph--m2 .uiScale-ui--regular .ui-xs-h2 {
    font-weight: 600!important
  }

  .uiScale-ui--regular .ui-xs-h2.ui-clamp2 {
    overflow: hidden!important;
    max-height: 64px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h2.ui-clamp3 {
    overflow: hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h2 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-2.41px)!important;
    transform: translateY(-2.41px)!important
  }

  .uiScale-ui--regular .ui-xs-h3 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 24px!important;
    line-height: 28px!important;
    -webkit-transform: translateY(-.72px);
    transform: translateY(-.72px);
    letter-spacing: -.42px!important
  }

  .v-glyph--m2 .uiScale-ui--regular .ui-xs-h3 {
    font-weight: 600!important
  }

  .uiScale-ui--regular .ui-xs-h3.ui-clamp2 {
    overflow: hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h3.ui-clamp3 {
    overflow: hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h3.ui-clamp4 {
    overflow: hidden!important;
    max-height: 112px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h3 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.99px)!important;
    transform: translateY(-1.99px)!important
  }

  .uiScale-ui--regular .ui-xs-h4 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 21px!important;
    line-height: 24px!important;
    -webkit-transform: translateY(-1.88px);
    transform: translateY(-1.88px);
    letter-spacing: -.29px!important
  }

  .v-glyph--m2 .uiScale-ui--regular .ui-xs-h4 {
    font-weight: 600!important
  }

  .uiScale-ui--regular .ui-xs-h4.ui-clamp2 {
    overflow: hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h4.ui-clamp3 {
    overflow: hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--regular .ui-xs-h4 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.74px)!important;
    transform: translateY(-1.74px)!important
  }

  .uiScale-ui--small .ui-xs-h2 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 24px!important;
    line-height: 28px!important;
    -webkit-transform: translateY(-.72px);
    transform: translateY(-.72px);
    letter-spacing: -.42px!important
  }

  .v-glyph--m2 .uiScale-ui--small .ui-xs-h2 {
    font-weight: 600!important
  }

  .uiScale-ui--small .ui-xs-h2.ui-clamp2 {
    overflow: hidden!important;
    max-height: 56px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h2.ui-clamp3 {
    overflow: hidden!important;
    max-height: 84px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h2 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.99px)!important;
    transform: translateY(-1.99px)!important
  }

  .uiScale-ui--small .ui-xs-h3 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 21px!important;
    line-height: 24px!important;
    -webkit-transform: translateY(-1.88px);
    transform: translateY(-1.88px);
    letter-spacing: -.29px!important
  }

  .v-glyph--m2 .uiScale-ui--small .ui-xs-h3 {
    font-weight: 600!important
  }

  .uiScale-ui--small .ui-xs-h3.ui-clamp2 {
    overflow: hidden!important;
    max-height: 48px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h3.ui-clamp3 {
    overflow: hidden!important;
    max-height: 72px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h3.ui-clamp4 {
    overflow: hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h3 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.74px)!important;
    transform: translateY(-1.74px)!important
  }

  .uiScale-ui--small .ui-xs-h4 {
    --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
    letter-spacing: -.02em!important;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
    font-size: 18px!important;
    line-height: 20px!important;
    -webkit-transform: translateY(.96px);
    transform: translateY(.96px);
    letter-spacing: -.17px!important
  }

  .v-glyph--m2 .uiScale-ui--small .ui-xs-h4 {
    font-weight: 600!important
  }

  .uiScale-ui--small .ui-xs-h4.ui-clamp2 {
    overflow: hidden!important;
    max-height: 40px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h4.ui-clamp3 {
    overflow: hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .uiScale-ui--small .ui-xs-h4 .svgIcon {
    vertical-align: middle!important;
    -webkit-transform: translateY(-1.49px)!important;
    transform: translateY(-1.49px)!important
  }
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--large .ui-xs-h2.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--large .ui-xs-h2.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--large .ui-xs-h3.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--large .ui-xs-h3.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--large .ui-xs-h4.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--large .ui-xs-h4.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--large .ui-xs-bodyRegular.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--large .ui-xs-bodyRegular.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--large .ui-xs-bodyRegular.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--large .ui-xs-bodyRegular.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h2.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h2.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 64px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h2.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h2.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h3.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h3.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h3.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h3.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h3.ui-sm-clamp4 {
  overflow:hidden!important;
  max-height: 112px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h3.ui-xs-clamp4 {
  overflow:hidden!important;
  max-height: 112px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h4.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h4.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--regular .ui-xs-h4.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--regular .ui-xs-h4.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h2.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h2.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 56px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h2.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h2.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 84px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h3.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h3.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 48px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h3.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h3.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 72px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h3.ui-sm-clamp4 {
  overflow:hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h3.ui-xs-clamp4 {
  overflow:hidden!important;
  max-height: 96px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h4.ui-sm-clamp2 {
  overflow:hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h4.ui-xs-clamp2 {
  overflow:hidden!important;
  max-height: 40px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:991px) {
.uiScale-ui--small .ui-xs-h4.ui-sm-clamp3 {
  overflow:hidden!important;
  max-height: 60px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

@media screen and (max-width: 767px) and screen and (max-width:767px) {
.uiScale-ui--small .ui-xs-h4.ui-xs-clamp3 {
  overflow:hidden!important;
  max-height: 60px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}
}

.ds-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.ds-card--top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ds-card--bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.ds-card--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.ds-card--bottom,.ds-card--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.ds-card-accent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.ds-card-accent:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  pointer-events: none
}

.ds-card--top .ds-card-accent,.ds-card--top .ds-card-accent:after {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.ds-card--bottom .ds-card-accent,.ds-card--bottom .ds-card-accent:after {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.ds-card--left .ds-card-accent,.ds-card--left .ds-card-accent:after {
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.ds-card--right .ds-card-accent,.ds-card--right .ds-card-accent:after {
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.ds-card-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.1)
}

.ds-card--top .ds-card-content {
  border-top-width: 0;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.ds-card--bottom .ds-card-content {
  border-bottom-width: 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.ds-card--left .ds-card-content {
  border-left-width: 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.ds-card--right .ds-card-content {
  border-right-width: 0;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.uiScale .svgIcon.svgIcon--clapFilled.svgIcon--19px {
  top: -2px!important
}

.svgIcon.svgIcon--bookmarkCheck.svgIcon--21px,.svgIcon.svgIcon--bookmarkFilled.svgIcon--21px,.uiScale .svgIcon.svgIcon--bookmark.svgIcon--21px {
  position: relative;
  top: 3px!important;
  left: 10px!important
}

.uiScale-theme--brandBlack {
  background: rgba(0,0,0,.88)
}

.uiScale-theme--brandBlack .ui-h1,.uiScale-theme--brandBlack .ui-h2,.uiScale-theme--brandBlack .ui-h3,.uiScale-theme--brandBlack .ui-h4 {
  color: rgba(255,255,255,.97)!important;
  fill: rgba(255,255,255,.97)!important
}

.uiScale-theme--brandBlack .ui-body {
  color: rgba(255,255,255,.65)!important;
  fill: rgba(255,255,255,.65)!important
}

.uiScale-theme--brandBlack .ui-caption,.uiScale-theme--brandBlack .ui-summary {
  color: rgba(255,255,255,.5)!important;
  fill: rgba(255,255,255,.5)!important
}

.uiScale-theme--brandBlack .ui-captionStrong {
  color: rgba(255,255,255,.85);
  fill: rgba(255,255,255,.85)
}

.uiScale-theme--brandBlack .ds-link--styleObvious {
  color: rgba(255,255,255,.85);
  fill: rgba(255,255,255,.85)
}

.uiScale-theme--brandBlack .ds-link--styleObvious:hover {
  color: rgba(255,255,255,.97);
  fill: rgba(255,255,255,.97)
}

.uiScale-theme--brandBlack .ui-caption.ds-link--styleObvious:hover {
  color: rgba(255,255,255,.97)!important;
  fill: rgba(255,255,255,.97)!important
}

.uiScale-theme--brandSea .radio:checked+.radioInput.radioInput:after,.uiScale-theme--brandSea .radioInput.radioInput.is-active:after {
  background-color: #218799
}

.uiScale-theme--brandSea .paymentFormTab.is-active {
  color: #218799!important;
  border-bottom: 3px solid #218799!important
}

.col,.container,.row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.container {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto
}

.row {
  margin-right: -20px;
  margin-left: -20px
}

.row:after,.row:before {
  display: table;
  content: " "
}

.row:after {
  clear: both
}

.col {
  position: relative;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px
}

.surface {
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.surface:after,.surface:before {
  display: table;
  content: " "
}

.surface:after {
  clear: both
}

.surface-scrollOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  overflow: auto
}

.is-transitioningSurfaces {
  overflow: hidden
}

.is-transitioningSurfaces .surface {
  position: absolute;
  top: 0;
  overflow: auto
}

.is-transitioningSurfaces .surface-scrollOverlay {
  display: block
}

.is-transitioningSurfaces .surface-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.is-transitioningSurfaces .is-transitioningSurfaceOut {
  z-index: 200
}

.is-transitioningSurfaces .is-transitioningSurfaceOut {
  z-index: 100
}

.is-transitioningSurfaces .surface-container.is-fixed {
  position: fixed;
  top: 0
}

.screenContent {
  outline: 0;
  background-color: #fff
}

body.is-swBoot::-webkit-scrollbar {
  visibility: hidden
}

body.is-swBoot {
  min-height: 100000px
}

@media not print {
  .screenContent {
    height: 100%
  }
}

.canvas-renderer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

@media print {
  .canvas-renderer {
    display: none
  }
}

.svgIcon--light {
  fill: rgba(255,255,255,.65)
}

.svgIcon {
  display: inline-block
}

.svgIcon--15px {
  line-height: 15px;
  height: 15px
}

.svgIcon--19px {
  line-height: 19px;
  height: 19px
}

.svgIcon--21px {
  line-height: 21px;
  height: 21px
}

.svgIcon--25px {
  line-height: 25px;
  height: 25px
}

.svgIcon--29px {
  line-height: 29px;
  height: 29px
}

.svgIcon--33px {
  line-height: 33px;
  height: 33px
}

.svgIcon--45px {
  line-height: 45px;
  height: 45px
}

.svgIcon--65px {
  line-height: 65px;
  height: 65px
}

.svgIcon--85px {
  line-height: 85px;
  height: 85px
}

.svgIcon--120px {
  line-height: 120px;
  height: 120px
}

.svgIcon--45x29px {
  line-height: 29px;
  height: 29px
}

.svgIcon--129x37px {
  line-height: 37px;
  height: 37px
}

.svgIcon--95x45px {
  line-height: 45px;
  height: 45px
}

.svgIcon--151x65px {
  line-height: 65px;
  height: 65px
}

.svgIcon--201x85px {
  line-height: 85px;
  height: 85px
}

.svgIcon--25px.svgIcon--heart.is-flushLeft,.svgIcon--25px.svgIcon--heartFilled.is-flushLeft {
  margin-left: -3px
}

.svgIcon--21px.svgIcon--bookmark.is-flushLeft,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushLeft {
  margin-left: -5px
}

.svgIcon--25px.svgIcon--bookmark.is-flushLeft,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushLeft {
  margin-left: -6px
}

.svgIcon--29px.svgIcon--bookmark.is-flushLeft,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushLeft {
  margin-left: -7px
}

.svgIcon--21px.svgIcon--bookmark.is-flushRight,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushRight {
  margin-right: -5px
}

.svgIcon--25px.svgIcon--bookmark.is-flushRight,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushRight {
  margin-right: -6px
}

.svgIcon--29px.svgIcon--bookmark.is-flushRight,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushRight {
  margin-right: -7px
}

.svgIcon--21px.svgIcon--bookmark.is-flushTop,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushTop {
  margin-top: -5px
}

.svgIcon--25px.svgIcon--bookmark.is-flushTop,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushTop {
  margin-top: -6px
}

.svgIcon--29px.svgIcon--bookmark.is-flushTop,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushTop {
  margin-top: -7px
}

.svgIcon--21px.svgIcon--bookmark.is-flushBottom,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushBottom {
  margin-bottom: -3px
}

.svgIcon--25px.svgIcon--bookmark.is-flushBottom,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushBottom {
  margin-bottom: -4px
}

.svgIcon--29px.svgIcon--bookmark.is-flushBottom,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushBottom {
  margin-bottom: -5px
}

.svgIcon--25px.svgIcon--lockStory.is-flushRight {
  margin-right: -6px
}

.svgIcon--45px.svgIcon--logoNew.is-flushLeft {
  margin-left: -2px
}

.svgIcon--21px.svgIcon--arrowRight.is-flushRight {
  margin-right: -6px
}

.wordmarkSet .svgIcon--logoWordmarkNew {
  margin-top: -20px
}

.svgIcon--twitterBlue {
  color: #55acee!important;
  fill: #55acee!important
}

.svgIcon--facebookBlue {
  color: #3b5998!important;
  fill: #3b5998!important
}

.svgIcon--white {
  color: #fff!important;
  fill: #fff!important
}

.avatar {
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  line-height: normal;
  position: relative
}

.avatar-image {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.avatar-image--outlined {
  border: 1px solid rgba(0,0,0,.05)
}

.avatar--roundedRectangle .avatar-image {
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.avatar-text {
  padding-left: 10px;
  white-space: nowrap
}

.link:hover .avatar-text {
  text-decoration: underline
}

.avatar-description {
  margin-left: 5px;
  color: rgba(0,0,0,.54);
  font-size: 15px
}

.avatar-image--micro {
  width: 24px;
  height: 24px
}

.avatar-image--icon {
  width: 32px;
  height: 32px
}

.avatar-image--smaller {
  width: 40px;
  height: 40px
}

.avatar-image--small {
  width: 60px;
  height: 60px
}

.avatar-image--medium {
  width: 80px;
  height: 80px
}

.avatar-image--large {
  width: 120px;
  height: 120px
}

.avatar-image--larger {
  width: 152px;
  height: 152px
}

.avatar-image--icon+.avatar-text {
  line-height: 32px
}

.avatar-svgIcon .svgIcon {
  background: #03a87c;
  fill: #fff;
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 10px;
  height: 10px;
  padding: 3px;
  line-height: 16px;
  font-size: 8px;
  -webkit-background-clip: padding-box;
  pointer-events: none;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.avatar-svgIcon .svgIcon-use {
  width: 10px;
  height: 10px
}

.avatar-halo {
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .avatar-svgIcon .svgIcon {
    right:0;
    bottom: 0;
    width: 9px;
    height: 9px;
    line-height: 15px;
    font-size: 7px
  }
}

.button {
  display: inline-block;
  position: relative;
  color: rgba(0,0,0,.54);
  background: rgba(0,0,0,0);
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  white-space: nowrap;
  text-rendering: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on
}

.button:active,.button:focus {
  outline: 0;
  color: rgba(0,0,0,.84)
}

.button:hover {
  color: rgba(0,0,0,.68);
  border-color: rgba(0,0,0,.54)
}

.button--withChrome:active,.button--withChrome:focus {
  border-color: rgba(0,0,0,.68)
}

.button--disabled,.buttonSwitch--disabled .button,.button[disabled],.button[disabled]:active,.button[disabled]:hover {
  pointer-events: none;
  opacity: .25;
  cursor: default
}

.button--activity[disabled] {
  opacity: 1
}

.button,.button .svgIcon {
  -webkit-transition: .1s background-color,.1s border-color,.1s color,.1s fill;
  transition: .1s background-color,.1s border-color,.1s color,.1s fill
}

.button:active,.button:active .svgIcon {
  -webkit-transition: none;
  transition: none
}

.button--withChrome {
  height: 37px;
  line-height: 37px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.button--circle {
  padding: 0;
  width: 37px;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.button--circle>.avatar,.button--circle>.avatar>.avatar-image {
  width: 37px;
  height: 37px;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.button--circle.button--small>.avatar,.button--circle.button--small>.avatar>.avatar-image {
  width: 32px;
  height: 32px
}

.button--rectangular {
  -webkit-border-radius: 1px;
  border-radius: 1px
}

.button--borderless {
  border: 0
}

.button.editable {
  cursor: text;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

.button--expandable {
  padding: 0;
  width: 37px;
  text-align: center
}

.button--expandable .button-label {
  display: none;
  position: relative;
  line-height: 100%
}

.button--expandable:hover .button-label {
  display: inline-block
}

.button--chromeless,.button--link {
  border-width: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  white-space: normal
}

.button--chromeless:active,.button--chromeless:focus,.button--chromeless:hover,.button--link:active,.button--link:focus,.button--link:hover {
  color: rgba(0,0,0,.68)
}

.button--link:active,.button--link:focus,.button--link:hover {
  text-decoration: underline
}

.button--chromeless.button--circle,.button--link.button--circle {
  text-align: center
}

.button--link.button--underline {
  text-decoration: underline
}

.button .svgIcon {
  vertical-align: middle;
  fill: rgba(0,0,0,.54)
}

.button:hover .svgIcon {
  fill: rgba(0,0,0,.54)
}

.button:active .svgIcon,.button:focus .svgIcon {
  fill: rgba(0,0,0,.84)
}

.button--chromeless .svgIcon,.button--link .svgIcon {
  fill: rgba(0,0,0,.54)
}

.button--chromeless:hover .svgIcon,.button--link:hover .svgIcon {
  fill: rgba(0,0,0,.84)
}

.button--chromeless:active .svgIcon,.button--chromeless:focus .svgIcon,.button--link:active .svgIcon,.button--link:focus .svgIcon {
  fill: rgba(0,0,0,.9)
}

.button--withIconAndLabel .svgIcon {
  padding-right: 4px
}

.button--withIconAndLabel.button--withIconRight .svgIcon {
  padding-left: 4px;
  padding-right: 0
}

.button--withIconAndLabel.button--expandable .svgIcon {
  padding-right: 0
}

.button--withIconAndLabel.button--expandable:hover .svgIcon {
  padding-right: 4px
}

.button--withSvgIcon .svgIcon {
  top: -1px;
  position: relative
}

.buttonSwitch--withLabels .svgIcon {
  padding-right: 0
}

.button--withWrappingLabel .button-defaultState {
  position: absolute;
  top: 0;
  left: 0
}

.button--withWrappingLabel .button-activeState {
  position: absolute;
  top: 0;
  left: 0
}

.button--withWrappingLabel .button-label {
  float: left;
  margin-left: 26px
}

.button--withIconRight .button-text {
  margin-right: 15px
}

.button--dark {
  border-color: rgba(0,0,0,.68);
  color: rgba(0,0,0,.68)
}

.button--dark .svgIcon {
  fill: rgba(0,0,0,.68)
}

.button--dark:hover {
  border-color: rgba(0,0,0,.84);
  color: rgba(0,0,0,.84)
}

.button--dark:active,.button--dark:focus {
  border-color: rgba(0,0,0,.9);
  color: rgba(0,0,0,.9)
}

.button--dark.is-active .svgIcon,.button--dark:hover .svgIcon {
  fill: rgba(0,0,0,.84)
}

.button--dark:active .svgIcon,.button--dark:focus .svgIcon {
  fill: rgba(0,0,0,.9)
}

.is-darkBackgrounded .button--dark {
  border-color: rgba(255,255,255,.65);
  color: rgba(255,255,255,.65)
}

.is-darkBackgrounded .button--dark .svgIcon {
  fill: rgba(255,255,255,.65)
}

.is-darkBackgrounded .button--dark:focus,.is-darkBackgrounded .button--dark:hover {
  border-color: rgba(255,255,255,.85);
  color: rgba(255,255,255,.85)
}

.is-darkBackgrounded .button--dark:focus .svgIcon,.is-darkBackgrounded .button--dark:hover .svgIcon {
  fill: rgba(255,255,255,.85)
}

.button--dark.button--primary .svgIcon,.button--dark.button--primary:active .svgIcon,.button--dark.button--primary:focus .svgIcon,.button--dark.button--primary:hover .svgIcon {
  fill: rgba(0,0,0,.84)
}

.button--dark .label {
  color: rgba(0,0,0,.68)
}

.button--dark.button--primary {
  color: rgba(0,0,0,.84);
  border-color: rgba(0,0,0,.68)
}

.button--dark.button--primary:active,.button--dark.button--primary:focus,.button--dark.button--primary:hover {
  color: rgba(0,0,0,.9);
  border-color: rgba(0,0,0,.84)
}

.button--dark.button--activity.is-counter,.button--dark.button--primary.button--withChrome.is-active {
  background: rgba(0,0,0,.54);
  border-color: transparent
}

.button--dark.button--activity.is-counter {
  color: #fff
}

.button--dark.button--activity.is-counter:hover,.button--dark.button--primary.button--withChrome.is-active:active,.button--dark.button--primary.button--withChrome.is-active:focus,.button--dark.button--primary.button--withChrome.is-active:hover {
  background: rgba(0,0,0,.68);
  border-color: transparent
}

.is-darkBackgrounded .button--chromeless,.is-darkBackgrounded .button--primary {
  color: rgba(255,255,255,.85)
}

.button--dark.button--filled {
  background: rgba(0,0,0,.84);
  border-color: rgba(0,0,0,.84);
  color: rgba(255,255,255,.97)
}

.button--dark.button--filled:active,.button--dark.button--filled:focus,.button--dark.button--filled:hover {
  background: #000;
  border-color: #000;
  color: rgba(255,255,255,.97)
}

.button-count {
  margin-left: 10px
}

.button-count:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 18px;
  background: rgba(0,0,0,.54);
  margin-right: 10px;
  vertical-align: middle
}

.button--filled .button-count:before,.button--primary.button--withChrome.is-active .button-count:before {
  background: rgba(255,255,255,.65)
}

.button--primary .button-count:before {
  background: #03a87c
}

.button--small .button-count {
  margin-left: 6px
}

.button--small .button-count:before {
  margin-right: 6px;
  height: 14px
}

.buttonSet>.button,.buttonSet>.buttonSet-buttonWrapper {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle
}

.buttonSet>.button:last-child,.buttonSet>.buttonSet-buttonWrapper:last-child {
  margin-right: 0
}

.buttonSet--wide>.button,.buttonSet--wide>.buttonSet-buttonWrapper {
  margin-right: 16px
}

.buttonSet--vertical>.button--chromeless.button--fbInApp {
  margin-right: auto
}

.buttonSet--vertical>.button {
  display: block;
  margin: 0 auto 10px
}

.buttonSet--vertical>a.button {
  display: inline-block
}

.buttonSet--vertical>.button:last-child {
  margin-right: auto
}

.button--vertical {
  text-align: center;
  height: 64px;
  border: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.button--vertical:hover>.label {
  border-color: rgba(0,0,0,.54)
}

.button--vertical>.label {
  margin: 0
}

.button--vertical>.button-label {
  font-size: 15px
}

.buttonSwitch {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 38px;
  border: 1px solid rgba(0,0,0,.15);
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.buttonSwitch .button {
  border: 0;
  height: 100%;
  width: auto;
  text-align: center;
  color: rgba(0,0,0,.54);
  padding: 0 16px;
  -webkit-transition: none;
  transition: none
}

.buttonSwitch .button:active,.buttonSwitch .button:focus,.buttonSwitch .button:hover {
  color: rgba(0,0,0,.68)
}

.buttonSwitch .button:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.buttonSwitch .button:nth-child(2) {
  -webkit-border-radius: 0;
  border-radius: 0
}

.buttonSwitch .button:first-child,.buttonSwitch .button:nth-child(2) {
  border-right: 1px solid rgba(0,0,0,.15)
}

.buttonSwitch .button:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-right: 0
}

.buttonSwitch .button[disabled] {
  opacity: 1;
  background: #03a87c;
  color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 0 1px #03a87c;
  box-shadow: 0 0 0 1px #03a87c
}

.buttonSwitch .button[disabled] .svgIcon {
  fill: #fff
}

.buttonSwitch--chromeless .button[disabled] {
  color: #03a87c;
  background: rgba(255,255,255,0);
  -webkit-box-shadow: none;
  box-shadow: none
}

.buttonSwitch.buttonSwitch--chromeless .button[disabled] .svgIcon {
  fill: #03a87c
}

.buttonSwitch--chromeless .button.button--disabledInSwitch,.buttonSwitch.buttonSwitch--chromeless .button.button--disabledInSwitch .button-label {
  color: rgba(0,0,0,.15)
}

.buttonSwitch.buttonSwitch--chromeless .button.button--disabledInSwitch .svgIcon {
  fill: rgba(0,0,0,.15)
}

.buttonSwitch--compact,.buttonSwitch--compact .button,.buttonSwitch--small,.buttonSwitch--small .button {
  height: 32px;
  line-height: 32px
}

.buttonSwitch--compact,.buttonSwitch--small {
  vertical-align: middle
}

.buttonSwitch--compact .button,.buttonSwitch--small .button {
  width: 40px;
  padding: 0
}

.buttonSwitch--chromeless,.buttonSwitch--chromeless .button:first-child,.buttonSwitch--chromeless .button:nth-child(2) {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.buttonSwitch--chromeless .button {
  width: 30px
}

.buttonSwitch--withLabels .button {
  width: auto;
  margin-right: 15px
}

.buttonSwitch--withLabelsDense .button {
  margin-right: 8px
}

.buttonSwitch--withLabels .button:first-child {
  margin-left: 15px
}

.buttonSwitch--withLabelsDense .button:first-child {
  margin-left: 8px
}

.buttonSwitch--withLabels .button-label {
  display: inline-block;
  position: relative;
  bottom: 0;
  margin-left: 5px
}

.button .button-labelSet {
  display: inline-block;
  vertical-align: middle
}

.button .button-label--multiLine,.button--signin .button-label--multiLine {
  display: block;
  line-height: 16px
}

.buttonSwitch--withLabels .button[disabled] .button-label {
  color: #03a87c
}

.buttonSwitch--disabled {
  border-color: rgba(0,0,0,.05)
}

.buttonSwitch--disabled .button[disabled] {
  opacity: .25
}

.buttonSwitch--colorNormal .button {
  color: rgba(0,0,0,.54)
}

.buttonSwitch--colorNormal .button .svgIcon {
  fill: rgba(0,0,0,.54)
}

.buttonSwitch--outlined .button {
  border-right: 1px solid rgba(0,0,0,.15);
  -webkit-transition: none;
  transition: none
}

.buttonSwitch--outlined .button .svgIcon {
  fill: rgba(0,0,0,.54);
  -webkit-transition: none;
  transition: none
}

.buttonSwitch--outlined .button[disabled] {
  color: #03a87c;
  background: #fff
}

.buttonSwitch--outlined .button[disabled] .svgIcon {
  fill: #03a87c
}

.buttonSwitch--outlined .button:not([disabled]):hover {
  background-color: #03a87c;
  border-color: #03a87c;
  color: #fff
}

.buttonSwitch--outlined .button:not([disabled]):hover .svgIcon {
  fill: #fff
}

.button--withChrome.button--large {
  height: 37px;
  line-height: 37px;
  padding: 0 18px
}

.button--large,.button--large.button--chromeless,.button--large.button--link {
  font-size: 17px
}

.button--large.button--circle {
  width: 37px;
  height: 37px;
  padding: 0
}

.button--withChrome.button--small {
  height: 32px;
  line-height: 32px;
  padding: 0 14px
}

.button--small,.button--small.button--chromeless,.button--small.button--link {
  font-size: 15px
}

.button--small.button--circle {
  width: 32px;
  height: 32px;
  line-height: 30px;
  padding: 0
}

.button--small.button--expandable {
  width: 32px;
  padding: 0
}

.button--small.button--expandable:hover {
  width: auto;
  padding: 0 12px 0 8px
}

.button--withChrome.button--smaller {
  height: 25px;
  line-height: 25px;
  padding: 0 6px
}

.button--smaller,.button--smaller.button--chromeless,.button--smaller.button--link {
  font-size: 15px
}

.button--smaller.button--circle {
  width: 25px;
  height: 25px;
  padding: 0
}

.button--withChrome.button--smallest {
  height: 19px;
  line-height: 19px;
  padding: 0 10px
}

.button--smallest,.button--smallest.button--chromeless,.button--smallest.button--link {
  font-size: 15px
}

.button--smallest.button--circle {
  width: 19px;
  height: 19px;
  padding: 0
}

.button--inline {
  margin: 0 6px;
  vertical-align: middle
}

.button--primary,.button--primary .label,.button--primary.button--link {
  color: #03a87c
}

.button--primary .svgIcon {
  fill: #03a87c
}

.button--primary {
  border-color: #03a87c
}

.button--primary:active,.button--primary:focus,.button--primary:hover {
  border-color: #029e74;
  color: #018f69
}

.button--primary:active .svgIcon,.button--primary:focus .svgIcon,.button--primary:hover .svgIcon {
  fill: #029e74
}

.button--primary.button--chromeless:active,.button--primary.button--chromeless:focus,.button--primary.button--chromeless:hover {
  color: #018f69
}

.button--primary.button--link:active,.button--primary.button--link:focus,.button--primary.button--link:hover {
  color: #03a87c
}

.button--filled,.button--filled.button--primary.button--chromeless,.button--filled.button--primary.button--link,.button--filled>.label,.button--primary.button--withChrome.is-active,.button--primary.button--withChrome.is-active>.label {
  color: #fff
}

.button--filled>.svgIcon,.button--primary.button--withChrome.is-active .svgIcon {
  fill: #fff!important
}

.button--filled,.button--primary.button--withChrome.is-active {
  background: #03a87c;
  border-color: #03a87c
}

.button--filled:active>.svgIcon,.button--filled:focus>.svgIcon,.button--filled:hover>.svgIcon {
  fill: #fff
}

.button--filled:active,.button--filled:focus,.button--filled:hover,.button--primary.button--withChrome.is-active:active,.button--primary.button--withChrome.is-active:focus,.button--primary.button--withChrome.is-active:hover {
  background: #029e74;
  border-color: #029e74;
  color: #fff
}

.button--withFadedLabel {
  color: rgba(0,0,0,.54)
}

.button--delete:active,.button--delete:focus,.button--delete:hover {
  border-color: #cc5454;
  color: #cc5454
}

.button--lighter .svgIcon {
  fill: rgba(0,0,0,.15)
}

.button--lighter:active .svgIcon,.button--lighter:focus .svgIcon,.button--lighter:hover .svgIcon {
  fill: rgba(0,0,0,.54)
}

.button--light,.button--light.button--link {
  color: rgba(255,255,255,.65)
}

.button--light {
  border-color: rgba(255,255,255,.65)
}

.button--light .svgIcon {
  fill: rgba(255,255,255,.65)
}

.button--light:active,.button--light:focus,.button--light:hover {
  border-color: rgba(255,255,255,.85)
}

.button--light:active,.button--light:focus,.button--light:hover {
  color: rgba(255,255,255,.97)
}

.button--light:active .svgIcon,.button--light:focus .svgIcon,.button--light:hover .svgIcon {
  fill: rgba(255,255,255,.97)
}

.button--light .button-count:before {
  background: rgba(255,255,255,.2)
}

.button--light.button--primary {
  border-color: rgba(255,255,255,.97);
  color: rgba(255,255,255,.97)
}

.button--light.button--primary:active,.button--light.button--primary:focus,.button--light.button--primary:hover {
  border-color: #fff;
  color: #fff
}

.button--light.button--activity.is-counter,.button--light.button--primary.is-active:not(.button--chromeless) {
  background: rgba(255,255,255,.97);
  border-color: rgba(255,255,255,.97);
  color: rgba(0,0,0,.84)
}

.button--light.button--activity.is-counter:hover,.button--light.button--primary.is-active:active:not(.button--chromeless),.button--light.button--primary.is-active:focus:not(.button--chromeless),.button--light.button--primary.is-active:hover:not(.button--chromeless) {
  background: #fff;
  border-color: #fff;
  color: rgba(0,0,0,.9)
}

.button--light.button--delete:active,.button--light.button--delete:focus,.button--light.button--delete:hover {
  border-color: transparent;
  background: #cc5454;
  color: #fff
}

.button--warning,.button--warning:active,.button--warning:focus,.button--warning:hover {
  border-color: #e7af0e;
  color: #e7af0e
}

.button--signin,.button--signin:active,.button--signin:focus,.button--signin:hover {
  border: 0;
  color: #fff;
  background-color: #fff
}

.button--signin:active,.button--signin:focus,.button--signin:hover {
  background-color: rgba(0,0,0,.05)
}

.button--signin .svgIcon,.button--signin:active .svgIcon,.button--signin:focus .svgIcon,.button--signin:hover .svgIcon {
  fill: #fff
}

.button--signin .svgIcon--25px {
  padding-right: 8px
}

.button--outlined,.button--outlined:active,.button--outlined:focus,.button--outlined:hover {
  border: 1px solid rgba(0,0,0,.15);
  color: rgba(0,0,0,.68)
}

.button--facebook {
  background-color: #3b5998
}

.button--facebook:active,.button--facebook:focus,.button--facebook:hover {
  background-color: #1d315b
}

.button--twitter {
  background-color: #55acee
}

.button--twitter:active,.button--twitter:focus,.button--twitter:hover {
  background-color: #006daa
}

.button--google,.button--google:active,.button--google:focus,.button--google:hover {
  border: 1px solid rgba(0,0,0,.15);
  color: rgba(0,0,0,.68)
}

.button--email,.button--email:active,.button--email:focus,.button--email:hover {
  border: 1px solid #03a87c;
  color: #03a87c
}

.button--email .svgIcon,.button--email:active .svgIcon,.button--email:focus .svgIcon,.button--email:hover .svgIcon {
  fill: #03a87c
}

.button--disconnect {
  font-size: 15px;
  text-align: right;
  display: block;
  width: 100%
}

.button--dangerHover:hover {
  color: #cc5454
}

.buttonSet--bar {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0
}

.buttonSet-inside--bar {
  padding: 17px 0
}

.button-text {
  margin-right: 10px
}

.button--compound .button-text {
  display: inline-block;
  font-size: 18px;
  margin-left: 0;
  margin-right: 0
}

.button--compound .button {
  font-size: 20px;
  line-height: 30px;
  padding-right: 10px;
  padding-left: 10px
}

.button--activity.is-counter {
  border: 0
}

.button--activity.is-counter .button-text {
  display: block;
  font-size: 16px;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal
}

.button--activity.is-counter.is-highActivityCount .button-text {
  font-size: 15px;
  letter-spacing: -.02em
}

.buttonSet-label {
  font-size: 16px;
  color: rgba(0,0,0,.54);
  vertical-align: middle;
  margin-right: 10px
}

.buttonSet>.buttonSwitch {
  margin-right: 8px
}

.button--collection2upload {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: rgba(0,0,0,.84)
}

.button--uploadOAuthAppImage .svgIcon {
  line-height: 158px;
  margin-right: 0
}

.button--uploadOAuthAppImage,.button--uploadOAuthAppImage:focus,.button--uploadOAuthAppImage:hover {
  overflow: hidden;
  display: block;
  width: 145px;
  height: 145px;
  margin: 25px 0 0 0;
  background-size: cover;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.button--uploadOAuthAppImage.is-imageBackgrounded .svgIcon {
  fill: rgba(255,255,255,0)
}

.button--uploadOAuthAppImage.is-imageBackgrounded:hover .svgIcon {
  fill: rgba(255,255,255,.97)
}

.button--uploadOAuthAppImage.is-imageBackgrounded:hover:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0,0,0,.54)
}

.button--close {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  padding: 15px
}

.buttonScalableGroup.is-scaled .button--scale {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.button--scale {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-duration: .1s;
  transition-duration: .1s
}

.button.is-active>.button-activeState,.button>.button-defaultState {
  display: inline
}

.button.button--withIcon.is-active>.button-activeState,.button.button--withIcon>.button-defaultState {
  display: inline-block;
  vertical-align: top
}

.button.is-active>.button-defaultState,.button>.button-activeState {
  display: none
}

.button--vertical.is-active>.button-activeState,.button--vertical>.button-defaultState {
  display: block
}

.button--withHover:active>.button-hoverState,.button--withHover:focus>.button-hoverState,.button--withHover:hover>.button-hoverState,.button--withHover>.button-defaultState {
  display: inline
}

.button--withHover:active>.button-defaultState,.button--withHover:focus>.button-defaultState,.button--withHover:hover>.button-defaultState,.button--withHover>.button-hoverState {
  display: none
}

@media screen and (max-width: 767px) {
  .button--withChrome {
    height:33px;
    line-height: 33px;
    font-size: 16px;
    padding: 0 14px
  }

  .button--withChrome.button--smaller {
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    font-size: 15px
  }

  .button--withChrome.button--large {
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    padding: 0 16px
  }

  .button--activity>.button-text {
    font-size: 16px
  }

  .buttonSet--vertical>.button {
    margin: 0 auto 10px
  }

  .buttonSwitch {
    height: 33px;
    line-height: 31px
  }

  .buttonSwitch .button[disabled] {
    padding: 0 12px
  }

  .button--withSvgIcon {
    line-height: normal
  }

  .button--withIconAndLabel {
    line-height: 32px
  }

  .button--circle {
    padding: 0;
    width: 33px;
    height: 33px;
    line-height: 31px
  }

  .button--smaller.button--circle {
    padding: 0
  }

  .button--circle>.avatar,.button--circle>.avatar>.avatar-image {
    width: 32px;
    height: 32px
  }
}

.link {
  color: inherit;
  text-decoration: none;
  cursor: pointer
}

.link:active,.link:focus,.link:hover {
  color: inherit;
  text-decoration: underline
}

.link--primary {
  color: rgba(0,0,0,.84);
  text-decoration: none
}

.link--primary:active,.link--primary:focus,.link--primary:hover {
  color: #03a87c;
  text-decoration: none
}

.link--secondary {
  color: rgba(0,0,0,.54)
}

.link--dark {
  color: rgba(0,0,0,.68)
}

.link--blackNormal {
  color: rgba(0,0,0,.54)
}

.link--whiteDarker {
  color: rgba(255,255,255,.85)
}

.link--whiteDarker:hover {
  color: rgba(255,255,255,.97)
}

.link--darker {
  color: rgba(0,0,0,.84)
}

.error .link,.error .link:active,.error .link:focus,.error .link:hover {
  color: #fff
}

.link--underline {
  text-decoration: underline
}

.link--noUnderline,.link--noUnderline:active,.link--noUnderline:focus,.link--noUnderline:hover {
  text-decoration: none
}

.link--accent {
  color: #03a87c;
  text-decoration: none
}

.link--accent:active,.link--accent:focus,.link--accent:hover {
  color: #03a87c
}

.link--butter {
  color: #03a87c;
  text-decoration: underline
}

.link--butter:active,.link--butter:focus,.link--butter:hover {
  color: #018f69
}

.butterBar--error .link--butter,.butterBar--error .link--butter:active,.butterBar--error .link--butter:focus,.butterBar--error .link--butter:hover {
  color: #fff
}

.link--overlay {
  color: rgba(0,0,0,.84)
}

.link--overlay:active,.link--overlay:focus,.link--overlay:hover {
  color: rgba(0,0,0,.9)
}

.link.link--darken:hover {
  color: rgba(0,0,0,.68)
}

.link--accent.link--darken:hover {
  color: #018f69
}

.link--darker.link--darken:hover {
  color: rgba(0,0,0,.9)
}

.link--blackNormal.link--darken:hover {
  color: rgba(0,0,0,.68)
}

.link--darken:not(.link--underline):active,.link--darken:not(.link--underline):focus,.link--darken:not(.link--underline):hover {
  text-decoration: none
}

.linkSet {
  margin-top: 10px
}

.linkSet>.button {
  margin-right: 8px
}

.link--maxWidth220 {
  max-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.link--withVisited:visited {
  color: rgba(0,0,0,.68)
}

.button.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,.link.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon {
  -webkit-animation: fade-in-pulse-06 .1s;
  animation: fade-in-pulse-06 .1s
}

.button.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,.link.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon {
  -webkit-animation: fade-in-pulse-08 .3s;
  animation: fade-in-pulse-08 .3s
}

.button.is-touchIconBlackPulse.is-touched .svgIcon,.link.is-touchIconBlackPulse.is-touched .svgIcon {
  -webkit-animation: black-pulse-09 250ms;
  animation: black-pulse-09 250ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none
}

.list {
  margin-bottom: 150px
}

.list-item {
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.2);
  padding: 40px 0 35px
}

.list-item:last-child {
  border-bottom: 1px solid rgba(255,255,255,.2)
}

.list-item>p {
  margin-bottom: 15px
}

.list--bordered .list-item {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.list--bordered .list-item:last-child {
  border-bottom: 0
}

.list--borderless .list-item {
  display: block;
  padding: 5px 0;
  border: 0
}

.list--large .list-item {
  font-size: 18px;
  font-weight: 300
}

.list--withCompactListItems {
  margin: 5px 0 15px
}

.list--withCompactListItems .list-item,.list-item--compact {
  padding: 5px 0
}

.list--choice .list-item {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.list--choice .list-item--inactive,.list--choice .list-item--separator {
  cursor: default
}

.list--choice .list-item .button {
  -webkit-transition: none;
  transition: none
}

.list--choice .list-item:first-child .heading {
  padding-top: 5px
}

.list--choice .list-item .heading {
  padding-bottom: 5px
}

.list--short.list--choice .list-item.list-item--inactive {
  padding-top: 3px;
  padding-bottom: 2px;
  color: rgba(0,0,0,.54);
  white-space: normal
}

.list--short {
  margin-bottom: 0
}

.list--short.list--choice {
  min-width: 150px
}

.list--short .button,.list--short .list-item {
  text-align: left;
  width: 100%;
  line-height: 1.4;
  white-space: nowrap
}

.list--borderless.list--short .list-item {
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.list--short.list--choice .list-item {
  padding-top: 0;
  padding-bottom: 0
}

.list--short.list--choice .button {
  padding-top: 5px;
  padding-bottom: 5px
}

.list-item--padded {
  overflow: hidden;
  position: relative;
  padding-top: 30px;
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.list-item--padded:last-of-type {
  border-bottom-width: 0
}

.list-itemInfo {
  float: left;
  width: 60%
}

.list-itemInfo.list-itemInfo--fullWidth {
  width: 100%;
  float: none
}

.list-itemInfo>.button--delete {
  text-decoration: underline;
  line-height: 1.4;
  margin-top: 10px
}

.list-itemTitle {
  color: rgba(0,0,0,.84);
  font-size: 20px
}

.list-itemDescription {
  font-size: 16px;
  margin-right: 20px;
  margin-bottom: 0;
  color: rgba(0,0,0,.54)
}

.list .list-item.list-item--separator,.list--borderless .list-item.list-item--separator {
  border-top: solid 1px rgba(0,0,0,.05);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-top: 0
}

.list-item--draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.is-dragger.list-item--draggable {
  opacity: .8;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.is-dragging.list-item--draggable {
  visibility: hidden
}

.list-itemInput {
  display: block;
  font-size: 18px;
  border: none;
  padding: 0;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.list-itemInput--inline,.list-itemInput--inline.editable>.graf--p {
  display: inline
}

.list-itemInput:focus {
  outline: 0
}

.list-indexButton {
  font-weight: 700;
  color: rgba(0,0,0,.68);
  margin-right: 15px;
  position: relative;
  top: -11px
}

.list-itemImage {
  float: left;
  margin-right: 10px;
  margin-top: 3px
}

.list-itemDate {
  display: block;
  color: rgba(0,0,0,.54);
  padding-top: 2px
}

.list--tags {
  display: block
}

.list--tags .list-itemIcon {
  float: left;
  width: 32px;
  height: 32px
}

.list--tags .svgIcon--tagFilled {
  margin: 5px;
  fill: #b3b3b1
}

.list--tags .list-itemName {
  line-height: 32px;
  padding-left: 10px
}

.list-item--deletable .button--delete {
  position: relative;
  top: -9px;
  margin-left: 20px;
  display: none
}

.list-item--deletable:active .button--delete .list-item--deletable:focus .button--delete,.list-item--deletable:hover .button--delete {
  display: inline
}

.is-dragger.list-item--deletable .button--delete {
  display: none
}

.list-item--inline,.list-item.list-item--inline {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  padding: 5px 0 5px
}

.list--middot .list-item {
  padding: 0;
  margin-bottom: 10px;
  position: relative
}

.list--middot .list-item:before {
  position: absolute;
  right: 100%;
  content: '\B7';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px
}

.list--smallDisc .list-item:before {
  content: "\2022";
  padding-right: 3px
}

.list--square .list-item {
  padding: 0;
  position: relative
}

.list--square .list-item:before {
  position: absolute;
  right: 100%;
  content: '\25AA';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 12px
}

@media screen and (max-width: 767px) {
  .list-item--padded {
    padding:20px 0 24px
  }

  .list-itemTitle {
    font-size: 20px
  }

  .list-itemInfo {
    float: none;
    width: 100%
  }

  .list-itemInfo {
    margin-bottom: 14px
  }
}

.textInput {
  border: 1px solid rgba(0,0,0,.15);
  padding: 0 5px;
  height: 35px;
  font-size: 16px;
  outline: 0;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.textInputLabel {
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.textInput:invalid {
  -webkit-box-shadow: none;
  box-shadow: none
}

.textInput--textarea {
  padding: 15px;
  margin: 15px 0 30px;
  resize: none;
  width: 100%;
  height: 50px;
  overflow: hidden
}

.textInput--textarea:focus {
  outline: 0
}

.textInput--fullWidth {
  width: 100%
}

.textInput--narrow {
  width: 255px
}

.textInput--width50 {
  width: 50px
}

.textInput--large {
  font-size: 20px;
  height: 40px;
  margin: 10px auto;
  overflow: hidden;
  padding: 7px;
  width: 500px;
  white-space: nowrap;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.textInput--jumbo {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  font-size: 52px;
  height: 80px;
  padding: 0;
  width: 100%
}

.textInput--transparent {
  background: 0 0
}

@media all and (max-width: 767px) {
  .textInput--jumbo {
    font-size:34px;
    height: 50px
  }

  .textInput--narrow {
    width: 175px;
    height: 32px;
    padding: 0 10px
  }
}

.textInput--rounded {
  -webkit-border-radius: 999em;
  border-radius: 999em
}

.textInput--transparent {
  background: 0 0
}

.textInput--darkText {
  color: rgba(0,0,0,.84)
}

.textInput--chromeless {
  border: 0;
  padding: 0;
  outline: 0;
  height: auto;
  background: 0 0
}

.textInput--underlined {
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 0;
  border-radius: 0
}

.inputGroup {
  position: relative
}

.inputGroup .textInput:not(.textInput--narrow) {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.inputGroup--text {
  text-align: left;
  width: 100%;
  margin-bottom: 10px
}

.inputGroup--text>.inputGroup-title {
  color: rgba(0,0,0,.54);
  font-size: 16px
}

.inputGroup--text>.textInput {
  margin: 0
}

.inputGroup-description {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 18px;
  color: rgba(0,0,0,.54)
}

.label--radio .inputGroup-description {
  margin-left: 30px
}

.inputGroup .svgIcon {
  top: -1px;
  position: relative
}

.metabar .inputGroup.inputGroup--selection {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left
}

.inputGroup--selection .inputGroup-description {
  position: relative;
  margin-left: 30px;
  margin-bottom: 15px;
  font-size: 15px;
  color: rgba(0,0,0,.68)
}

.inputGroup--selection .inputGroup-description--last {
  margin-bottom: 0
}

.inputGroup--selection .button--small {
  margin-top: 10px
}

.inputGroup--error>.textInput {
  border-color: #cc5454!important
}

.inputGroup--error>.inputGroup-title {
  color: #cc5454!important
}

.inputGroup--success>.textInput {
  border-color: rgba(0,0,0,.15)
}

.inputGroup--success>.inputGroup-title {
  color: #03a87c
}

.checkbox {
  margin-right: 5px
}

.checkboxInput {
  display: inline-block;
  border: 1px solid rgba(0,0,0,.54);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  line-height: 15px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.checkboxInput .svgIcon {
  display: none
}

.checkboxInput .svgIcon--19px {
  margin-top: -2px;
  margin-left: -2px
}

.checkboxInput.is-active {
  color: #fff;
  background: #029e74;
  border-color: #029e74
}

.checkboxInput.is-active .svgIcon {
  display: inline-block;
  fill: #fff
}

.radioInput {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: -3px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.radio:checked+.radioInput:after,.radioInput.is-active:after {
  content: '';
  position: relative;
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
  display: block;
  background-color: #03a87c;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.radio:disabled+.radioInput,.radioInput.is-disabled {
  border-color: rgba(0,0,0,.05)
}

.radioInput--block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px
}

.radioInput--inFlex {
  vertical-align: top;
  margin-top: 0
}

.radioDescription {
  display: inline-block;
  vertical-align: middle
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: 0 0;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 20px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.select:focus {
  border-bottom: 1px solid rgba(0,0,0,.54)
}

.select--basic {
  font-size: 16px;
  color: rgba(0,0,0,.84);
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px
}

.form:not(.form--legacy) {
  text-align: left;
  border: 1px solid rgba(0,0,0,.15);
  color: rgba(0,0,0,.84);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form.form--borderless {
  border: 0
}

.container.form:not(.form--legacy) {
  padding: 0
}

.form-row {
  margin: 30px 0
}

.form-row:first-child {
  margin-top: 40px
}

.form-row:last-child {
  margin-bottom: 40px
}

.form-row--borderedTop {
  border-top: 1px solid rgba(0,0,0,.05)
}

.form-heading {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 600;
  font-style: normal
}

.form-hint {
  color: rgba(0,0,0,.54);
  font-size: 16px
}

.form-hint--smaller {
  font-size: 16px
}

.form-inlineEditorWithIcon .svgIcon {
  fill: rgba(0,0,0,.54);
  padding: 3px 5px 3px 0
}

.form-asterisk {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.form--postImport .button--primary {
  margin-top: 50px
}

.form-footer {
  color: rgba(0,0,0,.54);
  font-size: 15px;
  margin-top: 50px;
  margin-bottom: 10px
}

.editorWithUnderline {
  padding-bottom: 4px
}

.editorWithUnderline>p.graf--p {
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.editorWithUnderline:focus>p.graf--p {
  border-bottom: 1px solid rgba(0,0,0,.54)
}

.editorWithUnderline .dateInput {
  color: #b3b3b1
}

.brandColorSwatch {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0,0,0,.15);
  cursor: pointer
}

.brandColorSwatch.active,.brandColorSwatch:hover {
  border-color: rgba(0,0,0,.54)
}

.heading {
  color: rgba(0,0,0,.84);
  font-size: 18px;
  letter-spacing: 0;
  position: relative
}

.heading--borderedTop {
  border-top: 1px solid rgba(0,0,0,.05)
}

.heading--borderedBottom {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.is-darkBackgrounded .heading--borderedBottom,.is-darkBackgrounded .heading--borderedBottom .heading-supplemental {
  border-color: rgba(255,255,255,.2)
}

.heading--borderedTop .heading-content {
  padding-top: 15px;
  margin-bottom: 10px
}

.heading--borderedBottom .heading-content {
  padding-top: 0;
  margin-bottom: 8px
}

.heading--padded {
  margin-bottom: 20px;
  margin-top: 30px
}

.heading--paddedTop {
  margin-top: 30px
}

.heading--backgrounded {
  background-color: rgba(0,0,0,.05);
  padding: 10px 20px
}

.heading--allCaps,.heading-prefix {
  font-size: 15px;
  letter-spacing: .1em;
  text-transform: uppercase
}

.heading-prefix {
  color: rgba(0,0,0,.54)
}

.heading-title--accent {
  margin-top: -16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,.54)
}

.heading-title--lineHeightTight {
  line-height: 1.2
}

.heading-title--dark {
  color: rgba(0,0,0,.68)
}

.heading-title--dark .button:hover,.heading-title--dark .link:hover {
  color: rgba(0,0,0,.84)
}

.heading-title--darker {
  color: rgba(0,0,0,.84)
}

.heading-title--withIcon .svgIcon {
  vertical-align: middle;
  display: inline-block
}

.heading-title--withIcon .heading-titleText {
  vertical-align: middle;
  padding-left: 5px
}

.heading-title--semibold {
  font-weight: 600
}

.heading-title--bold {
  font-weight: 700
}

.heading-content>.link {
  color: rgba(0,0,0,.54)
}

.is-darkBackgrounded .heading-content>.link {
  color: rgba(255,255,255,.35)
}

.is-darkBackgrounded .heading-content>.link:hover {
  color: rgba(255,255,255,.5)
}

.heading-content .button--chromeless {
  line-height: 1
}

.heading--page {
  margin-top: 40px;
  margin-bottom: 40px
}

.heading--page .heading-title {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  font-size: 34px;
  text-transform: none
}

.heading--streamSection {
  margin-top: 50px;
  margin-bottom: 20px
}

.heading--simple .heading-content,.heading--simple .heading-title {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: none
}

.heading--simple .heading-title {
  color: rgba(0,0,0,.84)
}

.heading--simple .heading-content>.link {
  color: rgba(0,0,0,.54)
}

.heading--simple .heading-content>.link:hover {
  color: rgba(0,0,0,.84)
}

.heading--light,.heading--light .heading-content,.heading--light .heading-title {
  color: rgba(0,0,0,.54)
}

.heading--light.heading--borderedBottom,.heading--light.heading--borderedBottom .heading-supplemental,.heading--light.heading--borderedTop {
  border-color: rgba(0,0,0,.15)
}

.heading--normal,.heading--normal .heading-content,.heading--normal .heading-title {
  color: rgba(0,0,0,.54)
}

.heading--normal.heading--borderedBottom,.heading--normal.heading--borderedBottom .heading-supplemental,.heading--normal.heading--borderedTop {
  border-color: rgba(0,0,0,.0785)
}

.heading--section {
  margin-top: 80px;
  padding-bottom: 15px
}

.heading--section .heading-title {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  text-transform: none;
  display: block
}

.heading-description {
  display: block;
  font-size: 18px;
  margin-top: 15px
}

.heading-tabs {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}

.heading-tabsItem {
  margin-right: 20px;
  color: rgba(0,0,0,.54)
}

.heading--borderedTop .heading-tabsItem {
  padding-top: 16px
}

.heading--borderedBottom .heading-tabsItem {
  padding-bottom: 8px
}

.heading-tabsItem:last-child {
  margin-right: 0
}

.heading--borderedTop .heading-tabsItem.is-active {
  border-top: 1px solid rgba(0,0,0,.54)
}

.heading--borderedBottom .heading-tabsItem.is-active {
  border-bottom: 1px solid rgba(0,0,0,.54)
}

.heading-tabsItem.is-active .heading-title {
  font-weight: 600;
  color: rgba(0,0,0,.84)
}

.heading--light .heading-tabsItem.is-active .heading-title {
  color: rgba(0,0,0,.84)
}

.heading-count {
  margin-left: 8px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  color: rgba(0,0,0,.54)
}

.heading-tabsItem.is-active .heading-count,.heading-tabsItem.is-active .heading-text {
  color: rgba(0,0,0,.84)
}

.heading-dismissButton {
  font-size: 34px;
  vertical-align: middle;
  line-height: 14px;
  font-weight: 300;
  top: -5px
}

.heading.is-withSupplementalContent .heading-supplemental {
  display: block
}

.heading-supplemental {
  display: none;
  color: rgba(0,0,0,.54);
  letter-spacing: -.02em;
  background-color: #fafafa;
  font-size: 16px;
  text-transform: none;
  padding: 18px
}

.heading--borderedBottom.is-withSupplementalContent {
  border: 0
}

.heading--borderedBottom .heading-supplemental {
  border-top: solid 1px rgba(0,0,0,.05)
}

@media all and (max-width: 991px) {
  .heading--stats {
    margin:0
  }
}

@media all and (max-width: 767px) {
  .heading--page {
    margin-top:5px;
    margin-bottom: 20px
  }

  .heading--page .heading-title {
    font-size: 26px
  }

  .heading--padded {
    padding-top: 0
  }
}

.inlineError:after {
  display: block;
  color: #cc5454;
  font-size: x-small;
  content: attr(data-error);
  text-align: center;
  font-weight: 400
}

.inlineError--muted:after {
  color: rgba(0,0,0,.54)
}

.is-darkBackgrounded .inlineError:after {
  color: #fff
}

.is-darkBackgrounded .inlineError--muted:after {
  color: rgba(255,255,255,.35)
}

.inlineError--maxLength:after {
  text-align: left;
  content: "" attr(data-length) "/" attr(data-max-length)
}

.label {
  color: rgba(0,0,0,.54);
  line-height: 1.4
}

.label--withIcon .svgIcon {
  fill: rgba(0,0,0,.54)
}

.label--block {
  display: block
}

.label--withIcon {
  display: inline-block;
  padding: auto 0;
  vertical-align: baseline;
  height: 21px
}

.label--withIcon .svgIcon {
  padding-right: 4px
}

.label--withIcon .label-text,.label--withIcon .label-text>.link {
  vertical-align: top
}

.label--darker {
  color: rgba(0,0,0,.84)
}

.label--quote {
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  display: inline;
  font-size: 18px;
  line-height: 1.4;
  background-color: rgba(12,242,143,.2);
  color: rgba(0,0,0,.84)
}

.label--profileMeta {
  border-top: solid 1px rgba(0,0,0,.05);
  margin-top: 20px
}

.label--smaller {
  font-size: 16px
}

.form .label,.inputGroup .label {
  font-size: 16px;
  color: rgba(0,0,0,.54);
  margin: 4px
}

.inputGroup--fontSize18 .label {
  font-size: 20px
}

.form .label--block,.inputGroup .label--block {
  margin: 20px 0 4px 0
}

.form .label--radio,.inputGroup .label--radio {
  color: rgba(0,0,0,.84);
  margin: 5px 0
}

.form .label--disabled,.inputGroup .label--disabled {
  color: rgba(0,0,0,.54)
}

.progressiveMedia,.progressiveMedia-canvas,.progressiveMedia-image,.progressiveMedia-noscript,.progressiveMedia-zoom {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.progressiveMedia {
  background: rgba(0,0,0,.05);
  -webkit-transition: background .2s;
  transition: background .2s
}

.progressiveMedia.is-canvasLoaded,.progressiveMedia.is-imageLoaded,.progressiveMedia.is-zoomLoaded,body.is-noJs .progressiveMedia {
  background: rgba(0,0,0,0)
}

.progressiveMedia-thumbnail {
  display: none
}

.progressiveMedia-image {
  z-index: 100
}

.progressiveMedia-zoom {
  z-index: 200
}

.progressiveMedia-canvas,.progressiveMedia-image,.progressiveMedia-zoom {
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.progressiveMedia.is-canvasLoaded .progressiveMedia-canvas,.progressiveMedia.is-imageLoaded .progressiveMedia-image,.progressiveMedia.is-zoomLoaded .progressiveMedia-zoom {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .4s 0s;
  transition: visibility 0s linear 0s,opacity .4s 0s
}

.progressiveMedia .progressiveMedia-zoom,.progressiveMedia.is-imageLoaded .progressiveMedia-canvas,.progressiveMedia.is-zoomLoaded .progressiveMedia-canvas,.progressiveMedia.is-zoomLoaded .progressiveMedia-image {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .5s,opacity .1s .4s;
  transition: visibility 0s linear .5s,opacity .1s .4s
}

body.is-noJs .progressiveMedia-canvas,body.is-noJs .progressiveMedia-image,body.is-noJs .progressiveMedia-thumbnail,body.is-noJs .progressiveMedia-zoom {
  display: none
}

[data-action=zoom] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.zoomable {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.2,0,.2,1);
  transition: -webkit-transform .3s cubic-bezier(.2,0,.2,1);
  transition: transform .3s cubic-bezier(.2,0,.2,1);
  transition: transform .3s cubic-bezier(.2,0,.2,1),-webkit-transform .3s cubic-bezier(.2,0,.2,1);
  z-index: 800
}

.zoomable.is-static {
  position: relative
}

.zoomable:before {
  content: '';
  display: block;
  position: absolute;
  top: -100vh;
  left: -100vw;
  width: 100%;
  height: 100%;
  padding: 100vh 100vw;
  background: #fff;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .3s,opacity .3s 0s;
  transition: visibility 0s linear .3s,opacity .3s 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.zoomable.is-zooming:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .3s 0s;
  transition: visibility 0s linear 0s,opacity .3s 0s
}

.is-zoomLoaded[data-action=zoom] {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

body.is-zoomableActive .metabar,body.is-zoomableActive .postActionsBar.is-visible .postActionsBar-content {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s,visibility 0s 2s,-webkit-transform .2s;
  transition: opacity .2s,visibility 0s 2s,-webkit-transform .2s;
  transition: transform .2s,opacity .2s,visibility 0s 2s;
  transition: transform .2s,opacity .2s,visibility 0s 2s,-webkit-transform .2s
}

body.is-zoomableActive .metabar {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

body.is-zoomableActive .postActionsBar.is-visible .postActionsBar-content {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.hero {
  padding-top: 100px;
  padding-bottom: 40px
}

.hero-title {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 46px;
  margin-left: -2.88px;
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(0,0,0,.84);
  margin-bottom: 8px;
  outline: 0;
  word-break: break-word;
  word-wrap: break-word
}

.hero-description {
  color: rgba(0,0,0,.68);
  font-size: 20px;
  outline: 0;
  word-break: break-word;
  word-wrap: break-word
}

.hero-description>a:active,.hero-description>a:focus,.hero-description>a:hover {
  text-decoration: underline
}

.hero--light {
  color: rgba(255,255,255,.85)
}

.button--collectionLogo .svgIcon,.button--collectionLogo2 .svgIcon {
  display: inline-block;
  fill: rgba(0,0,0,.15)
}

.is-darkBackgrounded .button--collectionLogo .svgIcon,.is-darkBackgrounded .button--collectionLogo2 .svgIcon {
  fill: rgba(255,255,255,.35)
}

.button--collectionLogo2:hover .svgIcon,.button--collectionLogo:hover .svgIcon {
  fill: rgba(0,0,0,.54)
}

.is-darkBackgrounded .button--collectionLogo2:hover .svgIcon,.is-darkBackgrounded .button--collectionLogo:hover .svgIcon {
  fill: rgba(255,255,255,.5)
}

.button--collectionLogo2 .svgIcon {
  border: solid 2px rgba(0,0,0,.15);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 15px
}

.hero--alignLeft .button--collectionLogo .svgIcon {
  margin-left: 4px
}

.headerEditor .buttonSet {
  padding: 20px 0;
  background: #fff;
  color: rgba(0,0,0,.68);
  font-size: 16px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: left
}

.headerEditor .buttonSet-label {
  font-weight: 400
}

.headerEditor .buttonSet-label:not(:first-child) {
  margin-left: 0;
  padding-left: 16px;
  border-left: 1px solid rgba(0,0,0,.15)
}

.headerEditor .button--backgroundImage {
  border-left: 1px solid rgba(0,0,0,.15);
  padding-left: 16px
}

.headerEditor .button--backgroundImage[disabled] {
  opacity: 1;
  color: rgba(0,0,0,.15)
}

.headerEditor .textInput {
  width: 90px;
  height: 30px;
  padding-left: 4px
}

.colorSwatch {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0,.15)
}

.headerEditor .colorSwatch {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 2px;
  cursor: pointer
}

.collectionHeaderControls {
  white-space: nowrap
}

.hero--profile {
  padding-top: 0;
  padding-bottom: 20px
}

.hero--profile .hero-title {
  font-size: 34px;
  margin-left: -2.13px;
  margin-bottom: 0
}

.hero--profile .hero-description {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 4px;
  margin-bottom: 0
}

.hero--profile .hero-description.is-empty {
  margin-top: 0
}

.hero-avatarPicker {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  background: rgba(0,0,0,.54);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center
}

.editing .hero-avatarPicker {
  display: block
}

@media screen and (max-width: 1199px) {
  .collectionHeaderControls {
    white-space:normal
  }
}

@media screen and (max-width: 767px) {
  .hero {
    padding:0;
    margin-bottom: 10px
  }

  .hero-title {
    font-size: 20px;
    margin-left: -1.25px;
    margin: 0 -6px 20px;
    padding: 10px 0 10px 5px
  }

  .hero .textInput {
    width: 100%
  }

  .hero--profile .hero-avatar {
    margin-top: 10px;
    margin-left: 10px
  }
}

.butterBar {
  position: fixed;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translate(-50%,-100px);
  transform: translate(-50%,-100px);
  max-width: 640px;
  z-index: 800;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .7s,opacity .7s,-webkit-transform .7s;
  transition: visibility 0s linear .7s,opacity .7s,-webkit-transform .7s;
  transition: transform .7s,visibility 0s linear .7s,opacity .7s;
  transition: transform .7s,visibility 0s linear .7s,opacity .7s,-webkit-transform .7s
}

.butterBar.is-active {
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.butterBar--privacy {
  max-width: 1000px;
  width: 100%
}

.butterBar-message {
  pointer-events: auto;
  background: rgba(255,255,255,.97);
  padding: 12px 25px;
  margin-bottom: 0;
  font-size: 16px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
  box-shadow: 0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.butterBar-actions {
  color: rgba(0,0,0,.54)
}

.butterBar--error .butterBar-message {
  background: #cc5454;
  color: #fff
}

@media all and (max-width: 991px) {
  .butterBar,.postShowScreen .butterBar {
    width:80%;
    max-width: none
  }
}

@media all and (max-width: 767px) {
  .butterBar {
    width:90%
  }
}

@media print {
  .butterBar {
    position: absolute;
    -webkit-transition: none;
    transition: none
  }
}

.postMetaInline {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: rgba(0,0,0,.54);
  fill: rgba(0,0,0,.54)
}

.postMetaInline-authorLockup {
  font-size: 16px;
  line-height: 1.4;
  padding-left: 10px;
  text-rendering: auto
}

.readingTime:after {
  content: attr(title)
}

.postMetaInline .svgIcon--lightningFilled,.postMetaInline .svgIcon--tagFilled {
  vertical-align: middle;
  margin-right: 5px
}

.letters .postMetaInline-authorLockup {
  padding-left: 0
}

.postMetaLockup--authorWithBio {
  font-size: 17px
}

.postMetaLockup--authorWithBio .postMetaInline {
  font-size: 15px;
  line-height: 1.4
}

.postMetaInline--acknowledgments {
  font-size: 15px;
  line-height: 1.2
}

.postMetaInline-licenseIcons .svgIcon {
  vertical-align: middle;
  margin-top: -3px;
  margin-left: -1px;
  fill: rgba(0,0,0,.54)
}

@media screen and (max-width: 767px) {
  .postMetaInline,.postMetaInline .button,.postMetaInline .link {
    font-size:15px
  }

  .postMetaInline-avatar .avatar-image,.postMetaInline-avatar>.avatar {
    width: 32px;
    height: 32px
  }
}

.catalog-header {
  padding-top: 30px;
  border-bottom: 1px solid rgba(0,0,0,.04)
}

.catalog-title {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 600;
  font-style: normal;
  color: #000
}

.catalog-description {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.catalog-imageContainer .aspectRatioPlaceholder {
  margin: 0
}

.catalog-image {
  position: relative
}

.catalog-image.is-focused {
  border: solid 3px #03a87c
}

.catalog-item {
  margin-top: 16px;
  margin-bottom: 35px
}

.catalog-item.is-selected {
  border-left: 4px solid #03a87c;
  padding-left: 8px
}

.catalog-itemUrlInput.is-valid {
  border: 1px solid #03a87c
}

.catalog-itemUrlInput.is-invalid {
  border: 1px solid #cc5454
}

.catalogItemAvatar {
  width: 57px;
  top: 20px;
  left: -57px
}

.catalogItemAvatar-arrow {
  top: 11px;
  right: 0;
  clip: rect(-4px 14px 18px 0)
}

.catalogItemAvatar-arrowInner {
  height: 14px;
  width: 14px;
  -webkit-transform: rotate(45deg) translate(6px,-6px);
  transform: rotate(45deg) translate(6px,-6px);
  -webkit-box-shadow: -1px 1px 1px -1px rgba(0,0,0,.3);
  box-shadow: -1px 1px 1px -1px rgba(0,0,0,.3)
}

@media screen and (max-width: 767px) {
  .catalog-header {
    padding-top:12px
  }
}

.collectionHeader-description,.collectionHeader-name {
  outline: 0
}

.collectionHeader-logoImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.collectionHeader-logoImage.is-focused {
  -webkit-box-shadow: 0 0 0 3px #03a87c;
  box-shadow: 0 0 0 3px #03a87c
}

.collectionHeader-aspectRatioCell,.collectionHeader-aspectRatioFullWidth,.collectionHeader-blockNav,.collectionHeader-overlayBackground {
  display: none
}

.collectionHeader-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 37px
}

.collectionHeader-navItem {
  line-height: 38px;
  margin-right: 22px
}

@media screen and (max-width: 767px) {
  .collectionHeader-navItem {
    font-size:15px
  }
}

.collectionHeader--withNavigation .collectionHeader-nav.is-expanded {
  height: auto
}

@media screen and (max-width: 767px) {
  .collectionHeader--withNavigation .collectionHeader-nav.is-expanded {
    display:block
  }
}

.collectionHeader--editorLayoutLogo .collectionHeader-nameAndDescription,.collectionHeader--editorLayoutTitle .collectionHeader-logo {
  display: none!important
}

.focalPointControl {
  width: 280px;
  margin: 20px 0
}

.focalPointControl-loupe {
  margin-left: -20px;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0)),rgba(0,0,0,.1);
  border: 2px solid rgba(255,255,255,.85);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.54);
  box-shadow: 0 0 0 1px rgba(0,0,0,.54)
}

.focalPointControl-loupe--preview {
  opacity: 0;
  -webkit-transition: opacity .2s .2s;
  transition: opacity .2s .2s
}

.focalPointControl:hover .focalPointControl-loupe--preview {
  opacity: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s
}

.focalPointControl-loupe--small {
  margin-left: -10px;
  margin-top: -10px;
  height: 20px;
  width: 20px
}

.collectionHeader--layoutLarge.collectionHeader--colorBehaviorSubtle .collectionHeader-nav:after,.collectionHeader--layoutMedium.collectionHeader--colorBehaviorSubtle .collectionHeader-nav:after,.collectionHeader--layoutSmall.collectionHeader--colorBehaviorSubtle .collectionHeader-heroAndInlineNav:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.collectionHeader--layoutMedium.collectionHeader--colorBehaviorSubtle.collectionHeader--withoutNavigation .collectionHeader-heroAndInlineNav:after,.collectionHeader--layoutSmall.collectionHeader--colorBehaviorSubtle .collectionHeader-heroAndInlineNav:after {
  left: 20px;
  right: 20px
}

.collectionHeader--layoutSmall .collectionHeader-description,.collectionHeader--layoutSmall.is-modeView.collectionHeader--withLogo .collectionHeader-nameAndDescription,.collectionHeader--layoutSmall.is-modeView.collectionHeader--withoutLogo .collectionHeader-logo {
  display: none
}

.collectionHeader--layoutSmall .collectionHeader-heroAndInlineNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden
}

.collectionHeader--layoutSmall .collectionHeader-hero {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px
}

.collectionHeader--layoutSmall .collectionHeader-hero:not(:last-child) {
  margin-bottom: -20px;
  padding-bottom: 0
}

.collectionHeader--layoutSmall .collectionHeader-name {
  max-width: 360px;
  padding-right: 1px;
  font-size: 26px;
  color: rgba(0,0,0,.84);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.collectionHeader--layoutSmall .collectionHeader-nav {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-top: 30px;
  padding-bottom: 25px
}

.collectionHeader--layoutSmall.collectionHeader--withoutNavigation .collectionHeader-hero {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.collectionHeader--layoutSmall.collectionHeader--withoutNavigation .collectionHeader-nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

@media screen and (min-width: 768px) {
  .collectionHeader--layoutSmall .collectionHeader-name {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

@media screen and (max-width: 767px) {
  .collectionHeader--layoutSmall .collectionHeader-name {
    font-size:22px
  }

  .collectionHeader--layoutSmall .collectionHeader-nav {
    padding-bottom: 10px
  }

  .collectionHeader--layoutSmall .collectionHeader-hero {
    margin-bottom: -25px
  }
}

.collectionHeader--layoutMedium .collectionHeader-hero {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 100%;
  height: 100%;
  display: table
}

.collectionHeader--layoutMedium .collectionHeader-logo {
  padding-top: 10px;
  padding-bottom: 10px
}

.collectionHeader--layoutMedium .collectionHeader-nameAndDescription {
  padding-top: 5px;
  padding-bottom: 5px;
  float: left
}

.collectionHeader--layoutMedium .button--collectionLogo {
  padding-top: 5px
}

.collectionHeader--layoutMedium .collectionHeader-name {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 38px;
  line-height: 1.2;
  color: rgba(0,0,0,.84);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.collectionHeader--layoutMedium .collectionHeader-description {
  padding-bottom: 5px;
  font-size: 22px;
  color: rgba(0,0,0,.54);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.collectionHeader--layoutMedium .collectionHeader-nav {
  position: relative;
  padding-top: 8px;
  padding-bottom: 12px
}

.collectionHeader--layoutMedium.collectionHeader--withoutNavigation .collectionHeader-heroAndInlineNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.collectionHeader--layoutMedium .collectionHeader-blockNav {
  display: block
}

.collectionHeader--layoutMedium .collectionHeader-heroAndInlineNav .collectionHeader-nav {
  display: none
}

.collectionHeader--layoutMedium .collectionHeader-heroInner {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.collectionHeader--layoutMedium .collectionHeader-aspectRatioTable {
  position: relative;
  display: table;
  width: 200%;
  table-layout: fixed
}

.collectionHeader--layoutMedium .collectionHeader-aspectRatioContent {
  position: relative;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  overflow: hidden
}

.collectionHeader--layoutMedium .collectionHeader-aspectRatioCell {
  display: table-cell;
  width: 50%;
  vertical-align: top
}

.collectionHeader--layoutMedium .collectionHeader-aspectRatioFullWidth {
  display: block;
  max-height: 300px
}

.collectionHeader--layoutMedium .collectionHeader-aspectRatioFullWidth:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 12%
}

@media screen and (max-width: 767px) {
  .collectionHeader--layoutMedium .collectionHeader-name {
    font-size:30px
  }

  .collectionHeader--layoutMedium .collectionHeader-description {
    font-size: 18px
  }

  .collectionHeader--layoutMedium .collectionHeader-nav {
    padding-top: 10px;
    padding-bottom: 15px
  }
}

.collectionHeader--layoutLarge .collectionHeader-aspectRatioTable {
  position: relative;
  display: table;
  width: 200%;
  table-layout: fixed
}

.collectionHeader--layoutLarge .collectionHeader-aspectRatioContent {
  position: relative;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  overflow: hidden
}

.collectionHeader--layoutLarge .collectionHeader-aspectRatioCell {
  display: table-cell;
  width: 50%;
  vertical-align: top
}

.collectionHeader--layoutLarge .collectionHeader-aspectRatioFullWidth {
  display: block;
  max-height: 700px
}

.collectionHeader--layoutLarge.collectionHeader--withoutBackground .collectionHeader-aspectRatioFullWidth {
  max-height: 400px
}

.collectionHeader--layoutLarge .collectionHeader-aspectRatioFullWidth:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 36%
}

.collectionHeader--layoutLarge .collectionHeader-heroAndInlineNav {
  height: 100%
}

.collectionHeader--layoutLarge .collectionHeader-hero {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: table
}

.collectionHeader--layoutLarge.collectionHeader--withoutBackground.collectionHeader--colorBehaviorBold .collectionHeader-hero {
  padding-top: 22px
}

.collectionHeader--layoutLarge .collectionHeader-heroInner {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.collectionHeader--layoutLarge .collectionHeader-logo {
  padding-top: 10px;
  padding-bottom: 10px
}

.collectionHeader--layoutLarge .button--collectionLogo {
  padding-top: 5px
}

.collectionHeader--layoutLarge .collectionHeader-name {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 46px;
  line-height: 1.1;
  color: rgba(0,0,0,.84);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.collectionHeader--layoutLarge .collectionHeader-description {
  padding-bottom: 10px;
  font-size: 26px;
  color: rgba(0,0,0,.54);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.collectionHeader--layoutLarge .collectionHeader-blockNav {
  display: block
}

.collectionHeader--layoutLarge .collectionHeader-heroAndInlineNav .collectionHeader-nav {
  display: none
}

.collectionHeader--layoutLarge .collectionHeader-nav {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px
}

@media screen and (max-width: 767px) {
  .collectionHeader--layoutLarge .collectionHeader-name {
    font-size:30px
  }

  .collectionHeader--layoutLarge .collectionHeader-description {
    font-size: 18px
  }

  .collectionHeader--layoutLarge .collectionHeader-nav {
    padding-top: 8px;
    padding-bottom: 10px
  }
}

.collectionHeader--layoutLarge.collectionHeader--alignmentCenter .collectionHeader-hero,.collectionHeader--layoutMedium.collectionHeader--alignmentCenter .collectionHeader-hero {
  text-align: center
}

.collectionHeader--layoutLarge.collectionHeader--alignmentCenter .collectionHeader-logo,.collectionHeader--layoutMedium.collectionHeader--alignmentCenter .collectionHeader-logo {
  margin-left: auto;
  margin-right: auto
}

.collectionHeader--withBackground .collectionHeader-overlayBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.175);
  height: 100vh
}

.collectionHeader--withBackground.collectionHeader--editorLayoutTitle .collectionHeader-overlayBackground,.collectionHeader--withBackground.collectionHeader--editorLayoutTitleAndLogo .collectionHeader-overlayBackground {
  display: block
}

section[data-background-color=seaweed] {
  background: #47bcac
}

section[data-background-color=midday] {
  background: #2fa5c6
}

section[data-background-color=midnight] {
  background: #5065a0
}

section[data-background-color=grimace] {
  background: #8764ae
}

section[data-background-color=magic] {
  background: #a93f7f
}

section[data-background-color=crush] {
  background: #c7465e
}

section[data-background-color=warm] {
  background: #e57f4c
}

section[data-background-color=gray] {
  background: #1d1d1c
}

section[data-background-color=lime] {
  background: #98bc6b
}

section[data-background-color=fresh] {
  background: #69cb91
}

section[data-background-color=brook] {
  background: #86a89d
}

section[data-background-color=lipstick] {
  background: #a84a4e
}

section[data-background-color=seaweedLight] {
  background: #c6eae5
}

section[data-background-color=middayLight] {
  background: #b5e1ed
}

section[data-background-color=midnightLight] {
  background: #bfc7df
}

section[data-background-color=grimaceLight] {
  background: #dfd6ea
}

section[data-background-color=magicLight] {
  background: #e3b3d0
}

section[data-background-color=crushLight] {
  background: #efcbd2
}

section[data-background-color=warmLight] {
  background: #fbebe3
}

section[data-background-color=grayLight] {
  background: rgba(0,0,0,.05)
}

section[data-background-color=limeLight] {
  background: #ebf2e2
}

section[data-background-color=freshLight] {
  background: #eaf8ef
}

section[data-background-color=brookLight] {
  background: #ebf1ef
}

section[data-background-color=lipstickLight] {
  background: #e2bdbf
}

section.is-backgrounded {
  color: rgba(0,0,0,.84);
  padding-right: 280px
}

section.is-darkBackgrounded {
  color: #fff
}

hr.homeHr {
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #e3e3e3;
  margin: 0;
  padding: 0
}

.homeContainer-content {
  padding: 35px 0 0 0
}

.homeContainer-stream {
  max-width: 660px
}

.homeContainer-headerDescription {
  color: rgba(0,0,0,.84);
  font-size: 26px;
  line-height: 1em;
  vertical-align: bottom;
  padding: 2px 0 30px 0;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.homeContainer-nextUp {
  color: rgba(0,0,0,.84);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

@media all and (max-width: 991px) {
  .homeContainer-header,.homeContainer-stream {
    margin:auto
  }

  .homeContainer-header {
    padding: 10px 20px 0 20px
  }

  .homeContainer-headerDescription {
    font-size: 20px;
    padding-bottom: 10px
  }

  .homeContainer-content {
    padding-top: 10px
  }
}

@media all and (max-width: 767px) {
  .homeContainer-topStoriesNav {
    display:none
  }
}

.ie9-dialog .spinnerOverlay {
  display: none
}

.is-uploadingImage .ie9-dialog .spinnerOverlay {
  display: block;
  position: absolute;
  z-index: 900;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,.5)
}

.imagePicker-previewImage {
  -webkit-transition: background .2s;
  transition: background .2s;
  border: 1px solid rgba(0,0,0,.04)
}

.imagePicker-previewImage:hover {
  -webkit-box-shadow: 0 0 0 2px #34e79a;
  box-shadow: 0 0 0 2px #34e79a;
  border: 1px solid #34e79a
}

.imagePicker-previewImage[disabled] {
  -webkit-box-shadow: 0 0 0 1px #029e74;
  box-shadow: 0 0 0 1px #029e74;
  border: 1px solid #029e74
}

.imagePicker-prepublishDialogPreviewImage {
  border: 1px solid rgba(0,0,0,.04)
}

.imagePicker-prepublishDialogPreviewImage:hover {
  -webkit-box-shadow: 0 0 0 2px #34e79a;
  box-shadow: 0 0 0 2px #34e79a;
  border: 1px solid #34e79a
}

.imagePicker-prepublishDialogPreviewImage[disabled] {
  -webkit-box-shadow: 0 0 0 2px #029e74;
  box-shadow: 0 0 0 2px #029e74;
  border: 1px solid #029e74
}

.loadingBar {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 800;
  background: #34e79a;
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.is-loadingApp .loadingBar {
  display: block;
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.progressBar {
  width: 100%;
  height: 2px;
  background: rgba(0,0,0,.15)
}

.progressBar-fill {
  height: 2px;
  background: #03a87c
}

.circleCountdown {
  position: relative;
  width: 24px;
  height: 24px
}

.circleCountdown svg {
  width: 100%;
  height: 100%
}

.circleCountdown-fill {
  r: 8px;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: rgba(0,0,0,.15);
  stroke-width: 4px;
  stroke-dasharray: 50.24px 50.24px;
  stroke-dashoffset: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-animation: dash-offset 5.2s linear forwards;
  animation: dash-offset 5.2s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

@-webkit-keyframes dash-offset {
  100% {
    stroke-dashoffset: 50.24px
  }
}

@keyframes dash-offset {
  100% {
    stroke-dashoffset: 50.24px
  }
}

.overlay {
  position: fixed;
  overflow: auto;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 900;
  background-color: rgba(255,255,255,.97);
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0
}

.overlay--lighter {
  background-color: rgba(255,255,255,.65)
}

.overlay--white {
  background-color: #fff
}

.overlay--dark {
  background-color: rgba(0,0,0,.68)
}

.overlay-dialog {
  margin: auto;
  outline: 0;
  overflow: hidden;
  max-width: 580px;
  padding: 100px 5px
}

.overlay-dialog--animate {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation: fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91);
  animation: fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91)
}

.overlay-dialog.overlay-dialog--form {
  overflow: visible
}

.overlay-title {
  color: rgba(0,0,0,.84);
  font-size: 26px;
  line-height: 1.1;
  margin-bottom: 6px
}

.overlay-subtitle {
  margin-bottom: 30px;
  font-size: 20px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.overlay-content {
  color: rgba(0,0,0,.68);
  line-height: 1.4;
  margin-bottom: 30px
}

.overlay-actions>.button {
  margin-bottom: 10px
}

.overlay-content>a {
  text-decoration: underline;
  color: rgba(0,0,0,.68)
}

.overlay-title+.overlay-actions {
  margin-top: 40px
}

.overlay-footer {
  font-size: 15px;
  color: rgba(0,0,0,.54);
  margin-top: 50px;
  margin-bottom: 10px
}

.overlay--interstitial .overlay-content>p {
  width: 450px;
  line-height: 1.4
}

.overlay--storiesInterstitial .overlay-dialog,.overlay-dialog--update {
  -webkit-transform-origin: none;
  transform-origin: none;
  -webkit-animation: none;
  animation: none
}

.overlay-dialog--alert,.overlay-dialog--confirm {
  text-align: center
}

.overlay-dialog--list .overlay-title {
  margin-bottom: 25px
}

.overlay-dialog--extended {
  max-width: none;
  padding: 0
}

.overlay-dialog--email,.overlay-dialog--signin {
  background-color: #fff;
  padding: 50px 0 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 14px 0 rgba(0,0,0,.3);
  width: 520px;
  position: relative;
  text-align: center
}

.overlay-dialog--email .overlay-content,.overlay-dialog--email .overlay-subtitle,.overlay-dialog--signin .overlay-content,.overlay-dialog--signin .overlay-subtitle {
  margin-top: 10px;
  font-size: 18px;
  padding-left: 50px;
  padding-right: 50px
}

.overlay-dialog--signin .overlay-title--context {
  padding-left: 50px;
  padding-right: 50px
}

.overlay-dialog--signin .button--close {
  padding: 10px
}

.overlay-dialog .button--signin {
  width: 100%;
  height: 58px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 18px;
  text-align: left;
  padding-left: 18px;
  max-width: 456px
}

.overlay--collabInterstitial .overlay-dialog {
  width: 590px
}

.overlay--collabInterstitial .overlay-title {
  margin-bottom: 15px
}

.overlay--collabInterstitial .overlay-animation {
  display: block;
  height: 168px;
  width: 100%
}

.overlay--collabInterstitial .overlay-actions {
  text-align: center
}

.overlay--dark .overlay-dialog {
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.54);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.54);
  padding: 0;
  max-width: 520px
}

.overlay--dark .overlay-title,.overlay--dark .overlay-title--context {
  margin-bottom: 0;
  padding: 24px 24px 24px;
  font-size: 20px;
  color: rgba(0,0,0,.84);
  background-color: #f0f0f0;
  background-color: #D3E9DA
}

.overlay--dark .overlay-actions {
  margin-bottom: 32px
}

.overlay--dark .overlay-title--context {
  padding: 10px
}

.overlay--dark .button--close {
  color: #fff
}

.overlay--dark .overlay-content {
  padding: 0 32px 0;
  margin: 24px 0;
  font-size: 18px;
  text-align: left;
  color: rgba(0,0,0,.68)
}

.overlay--dark .overlay-dialog--wait {
  padding: 0
}

.overlay--dark .overlay-footer {
  margin: 0 0 16px
}

.overlay--dark .overlay-dialog--wait .overlay-content {
  margin: 0;
  padding-top: 32px;
  color: rgba(0,0,0,.84);
  font-size: 20px
}

.overlay--import {
  font-size: 20px;
  max-width: 1000px
}

.overlay--import>.overlay-title {
  font-size: 46px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.overlay--import>.overlay-content {
  margin: 30px -100px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.overlay-item {
  margin-left: 3.5%;
  margin-right: 3.5%;
  width: 20%
}

.overlay-itemHeader {
  color: #03a87c;
  font-size: 34px;
  margin-bottom: 10px
}

.overlay-itemText {
  font-size: 20px;
  min-height: 60px;
  margin-bottom: 10px
}

.overlay-itemImage {
  height: 166px
}

.overlayRegistration {
  max-width: 400px
}

.overlayRegistration .textInput {
  width: 100%;
  margin-bottom: 10px
}

.overlayRegistration-followTwitter,.overlayRegistration-shadowMessage,.overlayRegistration-terms {
  font-size: 16px;
  text-align: left;
  margin: 10px 0 0
}

.overlayRegistration-terms {
  margin-top: 25px
}

.overlayRegistration-terms>a {
  text-decoration: underline
}

.overlayRegistration-shadowMessage .shadowMessage-title {
  font-weight: 700
}

.overlayRegistration-checkbox {
  vertical-align: 1px;
  margin-right: 4px
}

.overlay-signin--waiting {
  max-width: 300px;
  font-size: 16px;
  color: rgba(0,0,0,.54);
  margin: 0 auto
}

.overlay-embed {
  border-width: 1px;
  border-style: solid;
  border-color: #eee #ddd #bbb;
  position: relative;
  overflow: hidden;
  max-width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
  box-shadow: rgba(0,0,0,.15) 0 1px 3px
}

.tweetEditor-avatar {
  float: left;
  padding: 2px 0;
  margin-right: 14px
}

.tweetEditor-tweetContainer {
  border: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 20px;
  overflow: hidden
}

.tweetEditor-error {
  font-size: 16px;
  cursor: default
}

.tweetEditor-textContainer {
  display: block;
  font-size: 18px;
  color: rgba(0,0,0,.84)
}

.tweetEditor-textContainer .inlineError--maxLength::after {
  font-size: 16px;
  margin-top: 2px
}

.tweetEditor-textshot {
  text-align: left;
  margin-top: 16px
}

.tweetEditor-imageContainer {
  display: inline-block;
  position: relative
}

.tweetEditor-imageStatus {
  color: rgba(0,0,0,.54);
  font-size: 16px
}

.tweetEditor-imageStatusIcon {
  margin-right: 5px;
  font-size: 20px
}

.tweetEditor-image {
  height: 220px;
  border: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transition: height .1s;
  transition: height .1s
}

.tweetEditor-image.tweetEditor-image--expanded {
  height: 340px;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.tweetEditor-removeTextshot {
  position: absolute;
  top: -8px;
  right: -10px;
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  background: #b3b3b1;
  border-color: #b3b3b1;
  color: #fff
}

.tweetEditor-removeTextshot:active,.tweetEditor-removeTextshot:focus,.tweetEditor-removeTextshot:hover {
  background: rgba(0,0,0,.84);
  border-color: rgba(0,0,0,.84);
  color: #fff
}

@media screen and (max-width: 991px) {
  .overlay-keyboardDef {
    float:none;
    width: auto
  }
}

@media screen and (max-width: 767px) and (max-height:500px) {
  .overlay-dialog {
    width:80%;
    padding: 30px 0
  }
}

@media screen and (max-width: 767px) {
  .overlay-dialog {
    width:80%;
    padding: 0
  }

  .overlay-dialog--extended {
    width: 100%;
    margin: 0
  }

  .overlay-title {
    font-size: 26px;
    padding-top: 35px
  }

  .overlay-content {
    font-size: 18px
  }

  .overlay--collabInterstitial .overlay-animation {
    height: 84px
  }

  .overlay--interstitial .overlay-content>p {
    width: 100%
  }

  .overlay--dark {
    padding: 10px 0
  }

  .overlay--dark .overlay-dialog {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    vertical-align: top;
    max-width: 100%
  }

  .overlay--dark .overlay-actions {
    margin-bottom: 16px
  }

  .overlay--dark .overlay-title {
    padding-left: 16px;
    padding-right: 16px
  }

  .overlay--dark .overlay-content {
    padding: 0 16px
  }

  .overlay--dark .button--signin {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%
  }

  .overlay--dark .button--close {
    z-index: 200;
    color: rgba(0,0,0,.54);
    right: 5px
  }

  .overlay--dark::before {
    margin-right: 0
  }

  .overlay-dialog--email,.overlay-dialog--signin {
    width: 100%;
    padding: 0 0 30px;
    -webkit-border-radius: 0;
    border-radius: 0;
    vertical-align: top
  }

  .overlay-dialog--email .overlay-content,.overlay-dialog--email .overlay-subtitle,.overlay-dialog--signin .overlay-actions,.overlay-dialog--signin .overlay-content,.overlay-dialog--signin .overlay-subtitle,.overlay-dialog--signin .overlay-title--context {
    padding-left: 20px;
    padding-right: 20px
  }
}

.metabar {
  position: absolute;
  display: block;
  z-index: 500;
  width: 100%;
  font-size: 16px;
  background: #fff;
  color: rgba(0,0,0,.54);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0
}

.metabar-inner {
  position: relative
}

.metabar-inner:after,.metabar-inner:before {
  display: table;
  content: " "
}

.metabar-inner:after {
  clear: both
}

.metabar .popover {
  color: rgba(0,0,0,.84)
}

.metabar--spacer {
  position: relative;
  z-index: 100
}

.metabar-block:not(.metabar-block--center) {
  position: relative;
  z-index: 500
}

.metabar-block--center {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  height: 100%
}

.metabar-block--below {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.metabar--affixed {
  position: fixed;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized) {
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px)
}

.metabar--affixed.is-transitioning {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.metabar--affixed.is-maximized {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.metabar--affixed.is-minimized {
  visibility: hidden
}

.metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized).is-minimized {
  visibility: visible
}

.metabar--affixed .metabar-block--below {
  -webkit-box-shadow: none;
  box-shadow: none
}

.metabar-navItem {
  padding: 10px 10px 10px 10px
}

.metabar-navItem:first-child {
  padding-left: 0
}

.metabar-navItem:last-child {
  padding-right: 0
}

.metabar-navItem .svgIcon--search {
  top: -4px
}

.metabar-predictiveSearch {
  display: inline-block
}

.inputGroup.metabar-predictiveSearch .textInput {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 37px;
  border: none;
  -webkit-transition: width .2s,padding .2s;
  transition: width .2s,padding .2s;
  cursor: pointer;
  padding-left: 1px;
  padding-right: 0
}

.inputGroup.metabar-predictiveSearch .textInput:focus,.inputGroup.metabar-predictiveSearch .textInput:valid {
  padding-left: 10px;
  width: 200px;
  cursor: text
}

@media screen and (max-width: 767px) {
  .metabar--spacer {
    position:relative
  }

  .metabar.is-showingDrawer {
    z-index: 900
  }

  .metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized) {
    -webkit-transform: translateY(-56px);
    transform: translateY(-56px)
  }

  .metabar--affixed.is-maximized {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .metabar-block .avatar--roundedRectangle>.avatar-image {
    width: 30px;
    height: 30px
  }

  .is-globalNavPopoverActive .metabar {
    position: relative
  }

  .is-globalNavPopoverActive .metabar-block--below,.is-globalNavPopoverActive .metabar-sibling {
    display: none
  }
}

@media print {
  .metabar {
    display: none
  }
}

.listChoice {
  position: relative
}

.listChoice--short {
  max-height: 375px
}

.listChoice-items {
  text-align: left;
  overflow: auto
}

.listChoice-item {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.listChoice-item:last-child {
  border-bottom: 0
}

.listChoice-item:last-child>.button--link {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.listChoice-item>.button--link {
  width: 100%;
  padding: 10px;
  color: rgba(0,0,0,.9)
}

.listChoice-item>.button--link:hover {
  background: rgba(0,0,0,.05)
}

.listChoice-image {
  display: block;
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 20px;
  border: 0;
  background-position: center;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
  background-size: cover;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.listChoice-text {
  height: 50px;
  position: relative
}

.listChoice-text.listChoice-text--withImage {
  margin-left: 60px
}

.listChoice-itemTitle>small {
  display: block;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 15px
}

.listChoice-item--withStatus {
  display: block
}

.listChoice-item--withoutImage>.button--link {
  padding: 15px
}

.listChoice-item--withoutImage .listChoice-text {
  height: auto
}

.listChoice-empty {
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,.54);
  padding: 15px 0 15px 0
}

.listChoice-textColumn {
  vertical-align: middle;
  font-size: 16px;
  display: inline-block
}

.listChoice-textColumn--left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.listChoice-textColumn--right {
  float: right;
  color: rgba(0,0,0,.54)
}

.listChoice-detail {
  font-size: 16px;
  color: rgba(0,0,0,.54)
}

.popover {
  overflow: hidden;
  position: absolute;
  z-index: 900;
  font-size: 15px;
  text-align: center;
  padding: 15px;
  visibility: hidden;
  pointer-events: auto
}

.popover.is-active {
  visibility: visible
}

.is-resizing .popover {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .3s,opacity .3s 0s;
  transition: visibility 0s linear .3s,opacity .3s 0s
}

.popover--animated {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .2s,opacity .2s 0s;
  transition: visibility 0s linear .2s,opacity .2s 0s
}

.popover--animated.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .2s 0s;
  transition: visibility 0s linear 0s,opacity .2s 0s
}

.popover-inner {
  position: relative;
  max-width: 280px;
  padding: 14px;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
  box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35)
}

.popover-inner .textInput {
  width: 250px;
  height: auto;
  padding: 0
}

.popover-inner>.button--primary {
  margin-top: 15px
}

.browser-safari .popover-inner {
  -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.05),0 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 1px 1px rgba(0,0,0,.05),0 0 1px 1px rgba(0,0,0,.15)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .browser-safari .popover-inner {
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
    box-shadow: 0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35)
  }
}

.popover--menu>.popover-inner {
  padding: 8px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.browser-firefox .popover--inlinePostControl>.popover-inner {
  min-width: 125px
}

.popover-arrow {
  position: absolute
}

.popover--bottom .popover-arrow,.popover--top .popover-arrow {
  left: 50%;
  margin-left: -7px
}

.popover--left .popover-arrow,.popover--right .popover-arrow {
  top: 50%;
  margin-top: -7px
}

.popover--top .popover-arrow {
  bottom: 1px;
  clip: rect(0 18px 18px -4px)
}

.popover--right .popover-arrow {
  left: 1px;
  clip: rect(-4px 14px 18px 0)
}

.popover--bottom .popover-arrow {
  top: 1px;
  clip: rect(0 18px 14px -4px)
}

.popover--left .popover-arrow {
  right: 1px;
  clip: rect(-4px 14px 18px 0)
}

.popover-arrow:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #fff
}

.popover--top .popover-arrow:after {
  -webkit-transform: rotate(45deg) translate(-5px,-5px);
  transform: rotate(45deg) translate(-5px,-5px);
  -webkit-box-shadow: 1px 1px 1px -1px rgba(0,0,0,.84);
  box-shadow: 1px 1px 1px -1px rgba(0,0,0,.84)
}

.popover--right .popover-arrow:after {
  -webkit-transform: rotate(45deg) translate(6px,-6px);
  transform: rotate(45deg) translate(6px,-6px);
  -webkit-box-shadow: -1px 1px 1px -1px rgba(0,0,0,.84);
  box-shadow: -1px 1px 1px -1px rgba(0,0,0,.84)
}

.popover--bottom .popover-arrow:after {
  -webkit-transform: rotate(45deg) translate(6px,6px);
  transform: rotate(45deg) translate(6px,6px);
  -webkit-box-shadow: -1px -1px 1px -1px rgba(0,0,0,.54);
  box-shadow: -1px -1px 1px -1px rgba(0,0,0,.54)
}

.popover--left .popover-arrow:after {
  -webkit-transform: rotate(45deg) translate(-6px,6px);
  transform: rotate(45deg) translate(-6px,6px);
  -webkit-box-shadow: 1px -1px 1px -1px rgba(0,0,0,.84);
  box-shadow: 1px -1px 1px -1px rgba(0,0,0,.84)
}

.popover--withoutArrow .popover-arrow {
  display: none
}

.popover--dark>.popover-inner {
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: linear-gradient(to bottom,rgba(49,49,47,.99),#262625);
  background-repeat: repeat-x;
  padding-top: 10px;
  padding-bottom: 10px
}

.popover--dark>.popover-arrow:after {
  background: rgba(0,0,0,.84);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popover--dark .popover-description {
  color: #fff
}

.popover--highlightMenuTooltip>.popover-inner {
  color: rgba(0,0,0,.84);
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
  box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
  padding-top: 5px;
  padding-bottom: 5px
}

.popover--highlightMenuTooltip>.popover-arrow:after {
  display: none
}

.popover-title {
  margin-top: 10px;
  margin-left: 18px
}

.popover-description {
  color: rgba(0,0,0,.54);
  font-size: 16px;
  line-height: 1.3;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.popover-errors {
  color: #cc5454;
  line-height: 1.3;
  margin: 10px 0 10px 28px;
  font-size: 15px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.popover-errors:empty {
  margin-top: 0;
  margin-bottom: 0
}

.popover-description+.button {
  margin-top: 10px
}

.popover-text {
  margin-top: 10px;
  font-size: 16px
}

.popover--share .popover-title {
  color: rgba(0,0,0,.84);
  border-bottom: 1px solid rgba(0,0,0,.15);
  font-size: 16px;
  margin: 0 15px 5px 15px;
  padding: 5px 0 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.popover--license {
  text-align: left
}

.popover.popover--license .popover-inner {
  padding: 9px;
  width: 300px;
  max-width: 300px;
  overflow-y: auto
}

.popover--tooltip>.popover-inner {
  padding: 8px
}

.popover--tooltip {
  pointer-events: none
}

.popover--linkTooltip {
  pointer-events: auto;
  z-index: 300;
  word-break: break-word;
  word-wrap: break-word
}

.popover--citeTooltip {
  text-align: left
}

.popover-cite {
  display: block;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.popover--info {
  max-width: 160px;
  font-size: 16px;
  color: rgba(0,0,0,.54)
}

.popover--predictiveSearch .popover-inner {
  min-width: 250px;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  text-align: left
}

.popover--collectionSearch .popover-inner {
  padding-bottom: 0
}

.popover--predictiveSearch .heading {
  margin-top: 15px;
  margin-left: 14px;
  margin-right: 14px
}

.popover--predictiveSearch .list-item {
  padding: 0
}

.popover--predictiveSearch .list-item .link {
  display: block;
  padding: 5px 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.popover--predictiveSearch .link--backgrounded {
  display: block;
  padding: 15px 14px;
  margin-top: 15px;
  background-color: #fafafa
}

.popover--predictiveSearch .list--withCompactListItems {
  margin-top: 5px;
  margin-bottom: 0
}

.popover--predictiveSearch .popover-inner .textInput {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 250px;
  width: 100%;
  padding: 0 14px
}

.popover--publish {
  font-size: 20px;
  color: rgba(0,0,0,.68);
  text-align: left;
  padding-left: 60px
}

.popover--publish>.popover-inner {
  padding: 20px;
  min-width: 220px;
  max-width: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.popover--customTitleControl>.popover-inner {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.popover-schedulerOptions,.popover-showVisibilityLicenseOptions,.popover-visibilityLicenseOptions {
  display: none
}

.popover-prepublishOptions.popover-prepublishOptions--schedulerOptionUnbundled .popover-schedulerOptions,.popover-prepublishOptions.popover-prepublishOptions--schedulerOptionUnbundled .popover-showVisibilityLicenseOptions {
  display: block
}

.popover-prepublishOptions.popover-prepublishOptions--schedulerOptionUnbundled .popover-showSchedulerVisibilityLicenseOptions {
  display: none
}

.popover-prepublishOptions.popover-prepublishOptions--allOptionsUnbundled .popover-schedulerOptions,.popover-prepublishOptions.popover-prepublishOptions--allOptionsUnbundled .popover-visibilityLicenseOptions {
  display: block
}

.popover-prepublishOptions.popover-prepublishOptions--allOptionsUnbundled .popover-showSchedulerVisibilityLicenseOptions,.popover-prepublishOptions.popover-prepublishOptions--allOptionsUnbundled .popover-showVisibilityLicenseOptions {
  display: none
}

.popover-prepublishOptions {
  margin-right: 20px;
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  margin-bottom: auto
}

.popover-publishButton {
  margin-top: 5px
}

.popover-prepublishLock {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: 16px;
  color: rgba(0,0,0,.68)
}

.popover-prepublishHightowerCta {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: 16px;
  color: rgba(0,0,0,.68)
}

.popover-prepublishTags {
  padding: 14px 0 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: 16px;
  color: rgba(0,0,0,.68)
}

.popover-prepublishTags .tags--postTagsEditor {
  margin-top: 11px;
  min-height: 85px
}

.popover-prepublishBorder {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.popover-prepublishDescription {
  color: rgba(0,0,0,.68)
}

.popover-prepublishSaving {
  color: rgba(0,0,0,.15);
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.popover-prepublishWarning {
  font-size: 16px;
  color: rgba(0,0,0,.68);
  padding-bottom: 24px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.popover-prepublishWarningItem:not(:last-child) {
  margin-bottom: 10px
}

.popover--publishVisibility {
  text-align: left
}

.popover--publishVisibility>.popover-inner {
  padding: 9px;
  width: 242px;
  max-width: 242px
}

.popover--visibility {
  text-align: left
}

.popover--visibility>.popover-inner {
  padding: 9px;
  width: 242px;
  max-width: 242px
}

.popover--customizeSlug .popover-inlineEditor {
  margin-top: 0;
  margin-left: 28px;
  padding: 0 0 3px 0
}

.popover--customizeSlug .inputGroup--selection {
  margin: 10px 0 5px 0
}

.popover--scheduler>.popover-inner {
  min-width: 280px
}

.popover--scheduler .popover-datePicker {
  margin-top: 0;
  margin-left: 28px
}

.popover--scheduler .inputGroup.inputGroup--selection {
  margin-top: 5px;
  white-space: normal;
  line-height: 1.4
}

.popover--scheduler .label--radio {
  margin-top: 15px
}

.popover--scheduler .label--radio:first-child {
  margin-top: 5px
}

.popover--changeAuthor .inputGroup {
  margin-top: 5px;
  max-width: 260px
}

.popover--changeAuthor .inputGroup-description {
  margin-top: 5px;
  margin-bottom: 0;
  color: rgba(0,0,0,.68)
}

.popover--changeAuthor .popover-errors {
  margin-left: 10px
}

@media all and (max-width: 767px) {
  .popover-inner .textInput {
    width:100%
  }

  .popover .popover-inner {
    max-width: 240px
  }
}

.floating {
  overflow: hidden;
  position: absolute;
  z-index: 700;
  visibility: visible
}

.chartHelper {
  display: block;
  color: rgba(0,0,0,.54);
  font-size: 20px;
  text-align: left;
  padding-top: 9px;
  font-style: normal
}

.chartHelper-back {
  font-style: normal
}

.chartHelper .button {
  font-size: 18px
}

.chartPage {
  margin-top: 10px;
  text-align: center
}

.chartPage-verticalDivider {
  border-right: 1px solid rgba(0,0,0,.54);
  margin: 2px 10px 0;
  display: inline-block;
  height: 25px;
  vertical-align: top
}

.chartTabs {
  margin-top: 30px
}

.chartTabs:after,.chartTabs:before {
  display: table;
  content: " "
}

.chartTabs:after {
  clear: both
}

.chartTabs li {
  float: left;
  width: 33%;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.chartTabs li:last-child {
  width: 34%
}

.chartTabs .chartTab {
  border: 0;
  color: rgba(0,0,0,.15);
  cursor: pointer;
  display: block;
  padding: 0 15px 10px;
  background: 0 0;
  width: 100%;
  text-align: left;
  border-right: 1px solid transparent;
  border-left: 1px solid rgba(0,0,0,.15);
  font-size: 20px;
  -webkit-transition: color .2s;
  transition: color .2s;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.chartTabs .chartTab:hover {
  color: rgba(0,0,0,.54)
}

.chartTabs .is-active,.chartTabs .is-active:hover {
  border-bottom: 1px solid transparent
}

.chartTabs .is-active .chartTab {
  color: rgba(0,0,0,.84)
}

.chartTabs li:first-child .chartTab {
  border-left: 0;
  padding-left: 0
}

.bargraph {
  height: 245px;
  margin-top: 35px;
  -webkit-user-select: none
}

.bargraph-bar {
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  fill: rgba(3,168,124,.8)
}

line.bargraph-gridLine {
  stroke: rgba(0,0,0,.54);
  stroke-dasharray: 1,3
}

line.bargraph-gridLine:first-child {
  stroke: rgba(0,0,0,.54);
  stroke-dasharray: none
}

line.bargraph-averageLine {
  stroke: #03a87c
}

.bargraph .tick,.bargraph-yAxis path {
  display: none
}

.bargraph-xAxis path {
  display: none
}

.bargraph-xAxis .bargraph-yAxis,text {
  fill: rgba(0,0,0,.54);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 15px
}

.bargraph svg:hover .bargraph-bar {
  opacity: .5
}

.bargraph svg:hover .bargraph-bar:hover {
  opacity: 1;
  cursor: pointer
}

@media screen and (max-width: 991px) {
  .bargraph {
    height:80px;
    margin: 20px 5px 0;
    overflow: hidden
  }

  .bargraph svg:hover .bargraph-bar {
    opacity: 1
  }

  .bargraph-yAxis g {
    display: none
  }

  .bargraph-yAxis g:nth-last-child(2) {
    display: block
  }

  .bargraph-xAxis .bargraph-yAxis,text {
    font-size: 15px
  }

  .chartTabs {
    margin: 10px 0 0;
    border-top: 1px solid #fff
  }

  .chartTabs button,.chartTabs li:first-child button {
    padding: 5px 10px;
    font-size: 16px
  }

  .chartTabs .chartTab {
    font-size: 16px;
    font-weight: 400
  }

  .stats-title--chart .chartHelper {
    display: none
  }
}

.barGraph2 {
  height: 250px;
  margin-bottom: 50px;
  padding: 0
}

.barGraph2.barGraph2--highlighted .barGraph2-bar {
  fill: rgba(0,0,0,.15)
}

.barGraph2.barGraph2--highlighted .barGraph2-bar.barGraph2-bar--highlighted {
  fill: rgba(3,168,124,.8)
}

.barGraph2 .barGraph2-bar {
  fill: rgba(3,168,124,.8)
}

.sortableTableWrapper {
  padding: 10px 0
}

.sortableTableWrapper table,.sortableTableWrapper td,.sortableTableWrapper th {
  border: 0;
  text-align: left
}

.sortableTableHeaders {
  vertical-align: top
}

.sortableTable-row {
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.sortableTable-row:last-child {
  border-bottom: 0
}

.sortableTableWrapper td {
  padding: 10px 25px 10px 10px;
  line-height: 1
}

.sortableTableWrapper th {
  padding-right: 25px;
  text-align: right;
  min-width: 100px
}

.sortableTableWrapper th .svgIcon {
  position: absolute;
  top: 16px;
  opacity: 0
}

.sortableTable td:first-child {
  padding-left: 0;
  padding-right: 10px
}

.sortableTable th:first-child {
  padding-right: 10px;
  text-align: left
}

.sortableTable td:last-child,.sortableTable th:last-child {
  padding-right: 0
}

.sortableTable-value,.sortableTable.is-hidingBuckets .sortableTable-row--dateBucket {
  display: none
}

.sortableTable-row--dateBucket {
  border-bottom: 0
}

.sortableTable-row--dateBucket td {
  padding-top: 50px
}

.sortableTable .is-active td,.sortableTable .is-active:hover td,.sortableTable tr:hover td {
  background: rgba(255,255,255,.65);
  cursor: pointer
}

.sortableTableWrapper .sortableTable-rowTitle {
  position: relative;
  padding-top: 43px;
  padding-bottom: 20px;
  width: 100%
}

.sortableTable-title {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  color: rgba(0,0,0,.84);
  font-size: 24px;
  line-height: 1;
  margin: 6px 0 2px 0;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.2em;
  overflow: hidden;
  top: 10px;
  width: 100%
}

.v-glyph--m2 .sortableTable-title {
  font-weight: 600
}

.sortableTable-link,.sortableTable-text {
  font-size: 16px;
  color: rgba(0,0,0,.54)
}

.sortableTable-text em {
  font-style: normal
}

.sortableTable-text--visibility {
  color: rgba(0,0,0,.84);
  fill: rgba(0,0,0,.84)
}

.sortableTable-tip {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  color: rgba(0,0,0,.54);
  text-align: left;
  cursor: pointer
}

.sortableTable-number {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  color: rgba(0,0,0,.84);
  font-size: 24px;
  display: inline-block;
  width: 100%;
  text-align: right
}

.sortableTable-extraNumber {
  font-weight: 400;
  font-size: 70%;
  margin-left: 5px;
  color: rgba(0,0,0,.54)
}

.sortableTable-extraNumber::before {
  content: "+"
}

.sortableTable-link:hover {
  text-decoration: underline
}

tbody.is-muted tr {
  opacity: .4
}

tbody.is-muted .is-active {
  opacity: 1
}

.sortableTableWrapper button {
  color: rgba(0,0,0,.54);
  border: 0;
  padding: 15px 0;
  font-size: 18px;
  background: 0 0;
  margin-bottom: -2px;
  white-space: nowrap;
  text-align: inherit;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.sortableTableWrapper .button[disabled],.sortableTableWrapper .button[disabled]:active,.sortableTableWrapper .button[disabled]:hover {
  opacity: 1
}

.sortableTableWrapper .sortableTable-header--withTooltip button {
  padding-bottom: 5px
}

.sortableTable {
  width: 100%;
  position: relative
}

.sortableTable-header.is-reverseSorted button,.sortableTable-header.is-reverseSorted button:focus,.sortableTable-header.is-sorted button,.sortableTable-header.is-sorted button:focus {
  color: rgba(0,0,0,.84)
}

.sortableTable-header.is-reverseSorted .svgIcon.svgIcon--sortDescending,.sortableTable-header.is-sorted .svgIcon.svgIcon--sortAscending {
  opacity: 1;
  fill: rgba(0,0,0,.84)
}

@media screen and (max-width: 991px) {
  .sortableTableWrapper {
    padding:0
  }

  .sortableTable-text {
    word-break: break-word;
    word-wrap: break-word
  }

  .sortableTable tr:hover td {
    background: rgba(0,0,0,0);
    cursor: default
  }

  .sortableTableWrapper thead tr {
    display: block;
    margin: 0 15px;
    border-bottom: none;
    -webkit-border-radius: 4px;
    border-radius: 4px
  }

  .sortableTableWrapper thead {
    display: block
  }

  .sortableTableWrapper tbody {
    display: block;
    padding-bottom: 15px
  }

  .sortableTableWrapper th {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.05);
    display: none
  }

  .sortableTable th:first-child {
    padding-left: 0;
    border-top: 1px solid rgba(0,0,0,.15)
  }

  .sortableTableWrapper button {
    padding: 15px;
    width: 100%;
    border-bottom: 0;
    text-align: left;
    color: rgba(0,0,0,.9)
  }

  .sortableTableWrapper td {
    display: block;
    float: left;
    padding: 0;
    width: 20%;
    cursor: default;
    line-height: 1.3
  }

  .sortableTableWrapper td:nth-child(5) {
    text-align: center
  }

  .sortableTableWrapper td:last-child {
    padding-right: 0;
    text-align: right
  }

  .sortableTableWrapper .sortableTable-rowTitle {
    float: none;
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 28px 5px 7px;
    width: auto
  }

  .sortableTable-title {
    top: 0
  }

  .sortableTableWrapper tbody tr {
    padding: 15px 5px;
    display: block
  }

  .sortableTableWrapper tbody tr:after,.sortableTableWrapper tbody tr:before {
    display: table;
    content: " "
  }

  .sortableTableWrapper tbody tr:after {
    clear: both
  }

  .sortableTable-number {
    font-size: 15px;
    text-align: left;
    margin-top: 15px
  }

  .sortableTableWrapper .sortableTable-row--dateBucket {
    padding-top: 50px;
    padding-bottom: 0
  }

  .sortableTable-row--dateBucket td:nth-child(2) {
    padding-left: 5px;
    width: auto
  }
}

.table {
  margin-bottom: 50px;
  width: 100%
}

.table--striped tr:nth-child(even) {
  background-color: #fafafa
}

.table--bordered tr {
  border-bottom: 1px solid rgba(0,0,0,.68)
}

.table-thead {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  border-bottom: 1px solid rgba(0,0,0,.15);
  color: rgba(0,0,0,.54);
  font-size: 15px;
  letter-spacing: .1em;
  text-align: left;
  text-transform: uppercase
}

.table-thead--lightest {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.table-th {
  padding: 5px 0
}

.table-th--black {
  color: #000
}

.table-th--alignRight {
  padding-left: 50px;
  text-align: right!important
}

.table-row {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.table-cell {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  padding: 16px 20px 16px 0
}

.table-cell--label {
  font-size: 20px;
  width: 75%;
  word-break: break-all
}

.table-cell--value {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  padding: 16px 0 16px 10px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap
}

.table-thead--borderLeftBleed650 {
  position: relative
}

.table-thead--borderLeftBleed650:before {
  content: '';
  position: absolute;
  left: -30px;
  right: 0;
  top: -30px;
  bottom: -650px;
  border-left: 1px solid rgba(0,0,0,.68)
}

@media all and (max-width: 767px) {
  .table-thead {
    font-size:15px
  }
}

@media screen and (max-width: 991px) {
  .table-cell--inlineCell {
    display:inline-block;
    margin: 3px 10px;
    line-height: 1.6;
    min-width: 20px
  }
}

.site-main {
  height: 100%;
  background: #fff
}

body.is-diagnosticsVisible .site-main {
  padding-bottom: 50px
}

.siteNav-logo {
  z-index: 700;
  border: 0
}

.notificationsList {
  margin-bottom: 0
}

.notificationsList-item {
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.notificationsList-item.notificationsList-item--status {
  padding: 32px 0;
  font-size: 16px
}

.notificationsList-button {
  display: block;
  min-height: 20px;
  padding: 18px 10px 16px 82px;
  color: rgba(0,0,0,.54);
  line-height: 1.4;
  font-size: 16px;
  background-color: rgba(255,255,255,0);
  text-align: left
}

.notificationsList-userAvatarIcon {
  position: absolute;
  top: 28px;
  left: 33px
}

.notificationsList-userAvatarIconWrapper .notificationsList-userAvatarIcon {
  position: static;
  float: left;
  margin-right: 8px
}

.notificationsList-morebutton {
  background: rgba(0,0,0,.05);
  border: none;
  color: rgba(0,0,0,.54);
  font-size: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  padding: 0
}

.notificationsList-item--new:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 4px;
  background: #03a87c;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.popover .list-item--separator {
  padding-bottom: 0;
  margin-bottom: 5px
}

.notificationsList-author,.notificationsList-milestone,.notificationsList-note,.notificationsList-title {
  color: rgba(0,0,0,.84)
}

.notificationsList-quote {
  color: rgba(0,0,0,.84);
  background-color: rgba(12,242,143,.2);
  display: inline-block;
  max-width: 100%;
  height: 19px;
  padding: 2px 2px 1px;
  margin: 0 -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.notificationsList-note--oneLine,.notificationsList-title--oneLine {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.notificationsList-note.notificationsList-note--oneLine {
  text-overflow: '\2026\201D'
}

.notificationsList-actions {
  padding: 16px 20px 14px
}

.notificationsList-timestamp {
  font-size: 15px;
  margin-top: 1px
}

@media screen and (min-width: 991px) {
  .notificationsList-button:hover {
    color:rgba(0,0,0,.68);
    outline: 0
  }
}

@media screen and (max-width: 991px) {
  .notificationsList-button {
    padding-top:20px;
    padding-bottom: 19px
  }
}

@media screen and (max-width: 767px) {
  .siteNav-logo {
    padding-top:5px
  }
}

.button.button--light.is-inSiteNavBar {
  border-color: rgba(255,255,255,.35)
}

.button.button--light.is-inSiteNavBar:focus,.button.button--light.is-inSiteNavBar:hover {
  border-color: rgba(255,255,255,.65)
}

.button.button--light.is-inSiteNavBar .svgIcon,.button.button--light.is-inSiteNavBar:focus .svgIcon,.button.button--light.is-inSiteNavBar:hover .svgIcon {
  fill: rgba(255,255,255,.65)
}

.popover--userActions {
  width: 230px
}

.popover--userActions.popover--globalNav .list-item:hover>.button {
  color: rgba(0,0,0,.84)
}

.popover--userActions.popover--globalNav .list-item>.button {
  padding: 7px 25px
}

.popover--globalNav .notificationsList-userAvatarIcon {
  left: 16px
}

.popover--globalNav .notificationsList-button {
  padding-left: 66px;
  padding-right: 16px
}

.popover--globalNav .notificationsList-userAvatarIcon {
  top: 50%;
  margin-top: -19px
}

@media screen and (max-width: 767px) {
  .popover--globalNav {
    position:relative;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    width: 100%!important;
    height: auto!important;
    margin: auto;
    margin-top: -6px
  }

  .popover--globalNav>.popover-inner {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
    overflow: visible!important;
    -webkit-border-radius: 0;
    border-radius: 0
  }

  .button.is-inSiteNavBar {
    margin-right: 10px
  }
}

.typeahead {
  -webkit-animation: pop-downwards .2s forwards linear;
  animation: pop-downwards .2s forwards linear
}

.typeahead .popover-inner {
  padding: 0;
  overflow: hidden;
  min-width: 100px
}

.typeahead .typeahead-item {
  cursor: pointer;
  padding: 5px 10px;
  line-height: 2;
  font-size: 15px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.typeahead .typeahead-item:first-child {
  padding-top: 7px
}

.typeahead .typeahead-item:last-child {
  padding-bottom: 7px
}

.typeahead .avatar {
  float: left;
  margin: 0 6px 0 -2px
}

.typeahead .typeahead-tag {
  margin-left: 5px
}

.typeahead .typeahead-post {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  padding-top: 3px;
  font-size: 16px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis
}

.typeahead .typeahead-score {
  color: rgba(0,0,0,.54)
}

.typeahead-item .postMetaInline {
  line-height: 1.2
}

.typeahead--minWidth150 .popover-inner {
  min-width: 150px
}

.typeahead-item.is-active {
  background: #03a87c;
  color: #fff
}

.typeahead-item.is-active .postMetaInline,.typeahead-item.is-active .postMetaInline .link--secondary,.typeahead-item.is-active .typeahead-score {
  color: rgba(255,255,255,.65)
}

.typeahead--mention {
  padding-top: 10px
}

.typeahead--mention .typeahead-item {
  padding: 6px 15px;
  font-size: 15px
}

.typeahead--mention .typeahead-item .avatar {
  margin-right: 10px
}

.typeahead--mention .popover-arrow {
  display: none
}

.cardChromeless {
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.04);
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.09);
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.infoCard {
  font-size: 16px;
  color: rgba(0,0,0,.84);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.infoCard--borderedBottom {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.infoCard--borderedBottom.infoCard--padded {
  margin-bottom: 20px
}

.infoCard--borderedBottom:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.infoCard--padded {
  padding-top: 10px;
  padding-bottom: 20px
}

.infoCard--padded:last-child {
  padding-bottom: 40px
}

.infoCard-info {
  float: left;
  width: 60%;
  margin-left: 25px
}

.infoCard-avatar {
  float: left;
  height: 60px;
  width: 60px
}

.infoCard-info .button--primary,.infoCard-info .link--primary {
  font-size: 18px
}

.infoCard-title {
  text-transform: uppercase;
  letter-spacing: .1em
}

.infoCard-actions,.infoCard-info--short {
  display: block;
  height: 60px
}

.infoCard-actions>.button>.label.is-default {
  color: rgba(0,0,0,.68)
}

.infoCard-actions>.button,.infoCard-info--short .infoCard-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.infoCard.is-hidden .infoCard-avatar,.infoCard.is-hidden .infoCard-wrapper {
  opacity: .3
}

.promoCard {
  width: 290px;
  border: 1px solid rgba(0,0,0,.15);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px #f0f0f0;
  box-shadow: 0 0 4px #f0f0f0
}

.promoCard .button--close {
  font-size: 26px;
  padding: 15px 20px 0 0
}

.promoCard .button--follow {
  margin-left: 10px
}

.promoCard .avatar-text {
  font-size: 16px
}

.readNextPromo {
  padding: 0 0;
  width: 290px;
  height: 85px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  color: rgba(0,0,0,.84);
  border: 1px solid rgba(0,0,0,.15);
  -webkit-box-shadow: 0 0 4px #f0f0f0;
  box-shadow: 0 0 4px #f0f0f0
}

.readNextPromo--chromeless {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 255px;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0
}

.readNextPromo-postInfo {
  padding: 2px 15px;
  width: 100%;
  max-width: 260px
}

.readNextPromo--chromeless .readNextPromo-postInfo {
  padding: 0 5px 2px 10px
}

.readNextPromo-callToAction {
  color: #03a87c;
  font-size: 15px
}

.readNextPromo-postTitle {
  color: rgba(0,0,0,.84);
  font-size: 18px;
  margin-top: -5px;
  line-height: 1.2
}

@media (max-width: 767px) {
  .infoCard-actions {
    display:block;
    width: 100%;
    margin-left: 0;
    margin-top: 10px
  }

  .infoCard-info {
    margin-left: 15px
  }
}

.tags {
  font-size: 15px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.tags .tag-token,.tags>a,.tags>li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative
}

.tags .button--close {
  line-height: inherit
}

.tags .tag-button,.tags>a,.tags>li {
  color: #fff;
  -webkit-border-radius: 999em;
  border-radius: 999em;
  padding: 0 9px;
  line-height: 1.4
}

.tags .tag-button {
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.tags .tag-button:focus,.tags a:focus {
  background: #03a87c;
  outline: 0
}

.tags-input {
  display: inline-block;
  white-space: nowrap;
  min-width: 5px;
  outline: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 9px;
  margin-bottom: 5px;
  cursor: text
}

.sectionTagEditor .tags>.tag-token:nth-child(1)+.tags-input,.tags--navigation>.tag-token:nth-child(1)+.tags-input {
  display: none
}

.tags--postTags .tags-input {
  min-width: 100px
}

.tags--postTags>.tag-token:nth-child(5)+.tags-input {
  min-width: 10px
}

.tags--postTags>.tag-token:nth-child(5)+.tags-input .defaultValue {
  visibility: hidden;
  display: inline-block;
  width: 0
}

.tags--tagsHierarchy {
  margin-top: -40px
}

.tags--tagsHierarchy>li>a {
  font-weight: 300;
  color: rgba(0,0,0,.84);
  font-size: 18px
}

.tags--tagsHierarchy .tag-button.is-active,.tags--tagsHierarchy .tag-button:focus,.tags--tagsHierarchy .tag-button:hover,.tags--tagsHierarchy a:focus,.tags--tagsHierarchy a:hover,.tags--tagsHierarchy>.button.is-active,.tags--tagsHierarchy>.button:focus,.tags--tagsHierarchy>.button:hover {
  color: rgba(0,0,0,.84);
  background: 0 0;
  text-decoration: none
}

.tags--uppercase {
  text-transform: uppercase
}

.tags--dark .tag-button,.tags--dark>a,.tags--dark>li {
  color: rgba(0,0,0,.68);
  background: rgba(0,0,0,.05)
}

.tags--dark .tags-input {
  background: rgba(0,0,0,.05)
}

.tags--dark .tags-input.editable,.tags--dark .tags-input.editable .defaultValue,.tags--dark .tags-input.editable a {
  color: rgba(0,0,0,.54)
}

.tags--darker .tags-input.editable .defaultValue {
  color: rgba(0,0,0,.84)
}

.tags--collectionWriterTags .tags-input a {
  text-decoration: none
}

.tags--postTags .tag-token,.tags--postTags>.button,.tags--postTags>a,.tags--postTags>li {
  margin-right: 8px;
  margin-bottom: 8px
}

.tags--postTags .tag-button,.tags--postTags>.button,.tags--postTags>a,.tags--postTags>li {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(0,0,0,.54);
  font-size: 15px;
  letter-spacing: 0;
  text-decoration: none;
  background: #fafafa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
  padding: 5px 10px
}

.tags--postTags .tag-token:last-child,.tags--postTags>a:last-child,.tags--postTags>li:last-child {
  margin-right: 0
}

.tags--postTags.tags--light .tag-button,.tags--postTags.tags--light>a,.tags--postTags.tags--light>li {
  color: rgba(0,0,0,.68);
  background: rgba(255,255,255,.97)
}

body.is-withMagicUnderlines .tags a.markup--anchor {
  background-image: none
}

.tags--postTags .tag-button.is-active,.tags--postTags .tag-button:focus,.tags--postTags .tag-button:hover,.tags--postTags a:focus,.tags--postTags a:hover,.tags--postTags>.button.is-active,.tags--postTags>.button:focus,.tags--postTags>.button:hover {
  color: rgba(0,0,0,.84);
  border-color: rgba(0,0,0,.15);
  background: #fff;
  text-decoration: none
}

.tags--postTagsEditor .tag-button,.tags--postTagsEditor>.button,.tags--postTagsEditor>a {
  -webkit-transition: none;
  transition: none
}

.tags--postTagsEditor .tag-button:hover,.tags--postTagsEditor>.button:hover,.tags--postTagsEditor>a:hover {
  background: #fafafa;
  color: rgba(0,0,0,.54);
  border-color: rgba(0,0,0,.54)
}

.tags--postTagsEditor .tag-button:focus,.tags--postTagsEditor>.button:focus,.tags--postTagsEditor>a:focus {
  background: #fafafa;
  color: rgba(0,0,0,.54);
  border-color: rgba(3,168,124,.8)
}

.tags--postTags .tags-input {
  padding: 10px 0
}

.tags--postTags .tags-input.editable,.tags--postTags .tags-input.editable a {
  color: rgba(0,0,0,.84)
}

.tags--postTags .tags-input.editable .defaultValue {
  color: rgba(0,0,0,.54)
}

.tags--postTags .tags-input.editable .graf--p {
  margin-bottom: 0
}

.inlineEditor .tags--postTagsEditor {
  margin: 0
}

.inlineEditor .tags--postTags .tags-input {
  padding: 9px 0
}

.inlineEditor .tags--postTags>a {
  margin-bottom: 0
}

.inlineEditor .tags--postTagsEditor {
  margin-top: 2px;
  margin-bottom: 8px
}

.tagEditor {
  min-height: 37px
}

.tags--inlineBlock {
  text-align: left;
  height: 31px;
  position: relative;
  top: -1px
}

.tags--borderless .tag-button,.tags--borderless>.button,.tags--borderless>a,.tags--borderless>li {
  border: none;
  color: rgba(0,0,0,.68);
  background: rgba(0,0,0,.05)
}

.tags--borderless .tag-button.is-active,.tags--borderless .tag-button:focus,.tags--borderless .tag-button:hover,.tags--borderless>.button.is-active,.tags--borderless>.button:focus,.tags--borderless>.button:hover,.tags--borderless>a:focus,.tags--borderless>a:hover,.tags--borderless>li:focus,.tags--borderless>li:hover {
  background: rgba(0,0,0,.1);
  color: rgba(0,0,0,.68)
}

.tags--borderless>li>a:focus,.tags--borderless>li>a:hover {
  background: 0 0;
  color: rgba(0,0,0,.68)
}

.tags--onboarding .tags-input {
  font-size: 16px;
  padding: 7px 15px;
  margin: 0 auto 15px;
  -webkit-border-radius: 999em;
  border-radius: 999em;
  border: 1px solid #f0f0f0;
  line-height: 1;
  min-width: 180px
}

.tags--onboarding .tags-input.editable,.tags--onboarding .tags-input.editable a {
  color: rgba(0,0,0,.84)
}

.tags--onboarding>.tags-token {
  height: 100px;
  border: 0;
  padding: 2px;
  background-color: #b3b3b1;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

@media screen and (min-width: 768px) {
  .tags--onboarding>.tags-token {
    width:20%!important
  }
}

.tags-token>.tags-button {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-weight: 700;
  font-style: normal;
  color: rgba(255,255,255,.97);
  font-size: 20px;
  letter-spacing: 0;
  text-decoration: none;
  height: 100%;
  width: 100%;
  text-align: center
}

.tags-token>.tags-button {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px
}

.tags--onboarding>.tags-token.is-dynamic {
  -webkit-animation: fade-in 750ms;
  animation: fade-in 750ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.tags-token>.tags-button:hover:not(.is-active) {
  background-color: rgba(255,255,255,.1)
}

.tags-token>.tags-button.is-active {
  background-color: rgba(3,168,124,.8)
}

.tags--onboarding>.button.is-active {
  color: #fff;
  border-color: #03a87c;
  background: #03a87c
}

.tags--postTagsEditor .tag-token {
  position: relative
}

.tags--postTagsEditor:not(.is-withoutCloseButton) .tag-button {
  padding-right: 24px
}

.tags--fontSizeSmall.tags--dark:not(.is-withoutCloseButton) .tag-button {
  padding-right: 32px
}

.tags--postTagsEditor .button--close {
  margin: 1px;
  padding: 7px 8px;
  font-size: 18px;
  line-height: 15px;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.tags--postTagsEditor .button--close:active,.tags--postTagsEditor .button--close:focus,.tags--postTagsEditor .button--close:hover {
  color: rgba(0,0,0,.84)
}

.tags--dark .button--close:hover {
  color: #cc5454
}

.tags--navigation .tag-button {
  cursor: inherit;
  white-space: nowrap;
  max-width: 236px;
  overflow: hidden;
  text-overflow: ellipsis
}

.tags--navigation .tag-button:hover {
  border-color: #f0f0f0
}

.tags--navigation .tag-token {
  max-width: 250px
}

.tags--navigation .token-button {
  background-color: rgba(255,255,255,.85)
}

.tags--navigation .token-button:after {
  margin-left: 10px;
  font-size: 15px;
  text-transform: uppercase;
  content: 'story';
  color: rgba(0,0,0,.54)
}

.tags--fontSizeSmall .button,.tags--fontSizeSmall .tags-input {
  font-size: 18px;
  padding: 7px 13px;
  min-height: 22px;
  margin-bottom: 0;
  vertical-align: bottom
}

.tags--fontSizeSmall.tags--dark .tags-input {
  margin-bottom: 5px
}

@media all and (max-width: 767px) {
  .tags--postTags {
    font-size:15px
  }
}

@media all and (max-width: 767px) {
  .tags--onboarding>.tags-token {
    height:100px
  }
}

.blockGroup-row {
  table-layout: fixed;
  display: table;
  width: 100%;
  position: relative
}

.insertSectionControl {
  z-index: 300;
  margin-top: -17px;
  text-align: center
}

.insertSectionControl:last-child:before {
  display: none
}

.insertSectionControl .button {
  background: #fff
}

.blockGroup-row:nth-child(even) .blockGroup-item:first-child,.blockGroup-row:nth-child(odd) .blockGroup-item:last-child {
  width: 40%
}

.blockGroup-row:nth-child(even) .blockGroup-item:last-child,.blockGroup-row:nth-child(odd) .blockGroup-item:first-child {
  width: 60%
}

.blockGroup-row:nth-child(even) .blockGroup-item:last-child,.blockGroup-row:nth-child(odd) .blockGroup-item:last-child {
  border-right: 0
}

.blockGroup-row:nth-child(even) .blockGroup-item:only-child,.blockGroup-row:nth-child(odd) .blockGroup-item:only-child {
  border-right: 0;
  width: 100%
}

.menu {
  margin-bottom: 30px
}

.hero-description+.menu {
  margin-top: -10px
}

.menu-item {
  display: inline-block;
  vertical-align: top
}

.menu-item>.button--chromeless {
  padding: 10px 20px 5px;
  color: rgba(0,0,0,.84);
  font-size: 26px;
  border-right: 1px solid rgba(0,0,0,.05)
}

.menu-item:last-child>.button--chromeless {
  border-right: 0
}

.menu-label {
  color: rgba(0,0,0,.68);
  text-transform: uppercase;
  display: block;
  font-size: 15px;
  letter-spacing: 2px
}

@media (max-width: 767px) {
  .menu-item>.button--chromeless {
    padding:7px 15px 3px;
    vertical-align: top
  }

  .menu-item:first-child,.menu-item:first-child>.button--chromeless {
    padding-left: 0
  }

  .menu-item:last-child,.menu-item:last-child>.button--chromeless {
    padding-right: 0
  }

  .menu-label {
    font-size: 9px
  }
}

.sidebar {
  background-color: rgba(255,255,255,0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 340px;
  padding: 0 0 60px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 600
}

.sidebar-contentWrapper {
  width: 322px
}

.is-dockedTop {
  position: fixed;
  top: 0
}

.is-dockedBottom {
  position: fixed;
  bottom: 0
}

@media all and (max-width: 991px) {
  .sidebar {
    display:none
  }
}

.interstitial {
  position: relative;
  display: block;
  background-color: #fafafa;
  min-height: 150px;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-top: 35px;
  margin-bottom: 35px
}

@media all and (max-width: 991px) {
  .interstitial {
    margin-top:0;
    margin-bottom: 0;
    background-position: 55% 30px
  }
}

@media all and (max-width: 767px) {
  .interstitial {
    padding-top:20px;
    padding-bottom: 5px;
    background-position: 55% 45px
  }
}

.promo {
  position: relative;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  overflow: hidden
}

.promo.is-dismissed {
  display: none
}

.promo-title {
  line-height: 1.2;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal
}

.promo-subtitle,.promo-text {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.promo--sidebar .promo-content {
  color: rgba(0,0,0,.9)
}

.promo--sidebar .promo-text {
  font-size: 16px;
  padding-top: 15px;
  margin-bottom: 15px
}

.promo--sidebar .buttonSet--vertical {
  padding-top: 10px
}

.promo--sidebar .buttonSet--vertical>.button {
  margin-left: 0
}

.promo--sidebar.is-darkBackgrounded {
  background-size: inherit;
  background-position: 80% 30%
}

.promo--sidebar.is-darkBackgrounded .promo-content {
  color: #fff
}

.promo--sidebar.is-darkBackgrounded .promo-text {
  font-size: 26px
}

.promo--postFooter {
  background-color: #020733;
  background-position: 50% 25px;
  padding: 110px 0 130px;
  text-align: center
}

.promo--postFooter.is-dismissed {
  display: block;
  visibility: hidden
}

.promo--postFooter .promo-title {
  padding: 0 50px;
  margin: 0 auto 12px;
  font-size: 34px
}

.promo--postFooter .promo-subtitle {
  max-width: 480px;
  padding: 0 50px;
  margin: 0 auto 18px;
  font-size: 26px
}

.promo--postFooter .button--dismissPromo {
  color: rgba(255,255,255,.85)
}

.promo--hero {
  padding: 60px 0 60px;
  background-size: cover;
  background-position: 50% 0;
  text-align: center
}

.promo--hero .promo-title {
  padding: 0 50px;
  font-size: 46px
}

.promo--hero .promo-subtitle {
  max-width: 580px;
  margin: 10px auto;
  padding: 0 50px;
  font-size: 26px
}

.promo--hero .promo-text {
  padding: 0 50px;
  color: rgba(255,255,255,.65);
  font-size: 20px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.promo--hero .promo-content {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px
}

.promo--hero .buttonSet {
  margin-top: 20px;
  margin-bottom: 20px
}

.promo--hero .promo-dismissButton>.svgIcon {
  fill: rgba(255,255,255,.5)
}

.promo--hero .promo-dismissButton>.svgIcon:hover {
  fill: rgba(255,255,255,.85)
}

.promo--catalogHomeHero {
  padding: 60px 0;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.promo--hero .button--withChrome.button--primary {
  color: #e368d6;
  border-color: #e368d6
}

.promo--hero .button--withChrome.button--filled {
  color: #fff;
  background: #e368d6;
  border-color: #e368d6
}

.is-darkGradientBackgrounded {
  background-image: radial-gradient(50% 50%,rgba(1,6,51,.8) 50%,rgba(1,6,51,0) 100%)
}

.promo--stream {
  color: rgba(0,0,0,.9)
}

.promo--stream .promo-title {
  font-size: 34px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.promo--stream .promo-text {
  margin-bottom: 20px;
  color: rgba(0,0,0,.68);
  font-size: 20px
}

.promo-dismissButton {
  position: absolute;
  top: 14px;
  right: 8px
}

.heading .promo-dismissButton {
  top: 0;
  right: 0
}

.mobileAppIcon {
  display: inline-block;
  background-color: rgba(0,0,0,.84);
  color: #fff;
  text-align: center
}

.mobileAppIcon--light {
  background-color: #fff;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

@media screen and (max-width: 991px) {
  .promo--postFooter .promo-title {
    font-size:26px
  }

  .promo--postFooter .promo-subtitle {
    font-size: 18px
  }

  .promo--hero {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .promo--catalogHomeHero {
    margin-top: 0;
    -webkit-border-radius: 0;
    border-radius: 0
  }
}

@media screen and (max-width: 767px) {
  .promo--postFooter {
    padding:60px 40px
  }

  .promo--postFooter .promo-subtitle,.promo--postFooter .promo-title {
    margin-top: 15px;
    padding: 0
  }

  .promo--hero .promo-title {
    padding: 0 20px;
    font-size: 34px
  }

  .promo--hero .promo-subtitle {
    padding: 0 20px;
    margin-top: 0;
    font-size: 20px
  }

  .promo--hero .promo-text {
    display: none
  }
}

@media print {
  .promo {
    display: none
  }
}

.followCount {
  margin-top: 10px;
  color: rgba(0,0,0,.68);
  height: 38px;
  line-height: 2.7;
  font-size: 16px;
  margin-right: 10px;
  border-right: solid 1px #f0f0f0;
  padding-right: 10px
}

.followCount:not(.followCount--oneline) {
  display: block;
  border-right: none;
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 5px
}

.followState .button {
  vertical-align: middle
}

.followState.is-blocking>.button--unblock,.followState>.button--follow {
  display: inline-block
}

.followState.is-blocking>.button--follow,.followState>.button--unblock {
  display: none
}

.button--unblock {
  background: #cc5454;
  border-color: #cc5454;
  color: #fff
}

.button--unblock:active,.button--unblock:focus,.button--unblock:hover {
  background: rgba(0,0,0,0);
  border-color: rgba(0,0,0,.54);
  color: rgba(0,0,0,.68)
}

.button--chromeless.button--unblock {
  background: 0 0;
  color: #cc5454
}

.letters-post.is-inEditor {
  display: none
}

.letters-actions {
  border-bottom: solid 1px rgba(0,0,0,.05)
}

.letters--list {
  margin-bottom: 50px
}

.letters-statsPercentage {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: rgba(0,0,0,.54)
}

.licenseSelector--allRightsReserved .licenseSelector-licenses {
  display: none
}

.licenseSelector-group--noRightsReserved,.licenseSelector-group--someRightsReserved {
  display: none
}

.licenseSelector--noRightsReserved .licenseSelector-group--noRightsReserved,.licenseSelector--someRightsReserved .licenseSelector-group--someRightsReserved {
  display: block
}

.licenseSelector-groups {
  padding-bottom: 4px
}

.licenseSelector-group .label {
  margin-bottom: 10px;
  font-size: 15px
}

.licenseSelector-licenses.list-item {
  padding: 4px 6px
}

.licenseSelector-description {
  margin-top: 3px;
  margin-bottom: 9px;
  text-align: left;
  font-size: 15px;
  color: rgba(0,0,0,.68);
  clear: both
}

.licenseSelector-descriptors {
  margin-top: 13px;
  margin-bottom: 10px
}

.licenseSelector-description .svgIcon {
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 22px;
  fill: rgba(0,0,0,.54);
  float: right
}

.floatLeftPlaceholder {
  float: left;
  padding-top: 2px
}

.floatLeftPlaceholder:after,.floatLeftPlaceholder:before {
  display: table;
  content: " "
}

.floatLeftPlaceholder:after {
  clear: both
}

.avatarPlaceholder {
  background: rgba(0,0,0,.05);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

.buttonPlaceholder {
  display: inline-block;
  width: 100px;
  height: 44px;
  vertical-align: top;
  -webkit-border-radius: 999em;
  border-radius: 999em;
  background: rgba(0,0,0,.05)
}

.inlineEditorPlaceholder {
  margin-top: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.cardChromeless .inlineEditorPlaceholder {
  border-bottom: 0
}

.linePlaceholder {
  background: rgba(0,0,0,.05);
  display: inline-block;
  height: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
  width: 100%;
  float: left;
  clear: both
}

.linePlaceholder--padded {
  margin-top: 14px;
  margin-bottom: 0
}

.linePlaceholder--lighter {
  background: rgba(0,0,0,.15)
}

.linePlaceholder--word {
  width: 30px
}

.linePlaceholder--large {
  width: 360px
}

.linePlaceholder--medium {
  width: 240px
}

.linePlaceholder--small {
  width: 120px
}

.linePlaceholder--smaller {
  width: 80px
}

.linePlaceholder--truncated {
  width: 80%
}

.linePlaceholder--thinnest {
  height: 1px;
  margin-top: 11px;
  margin-bottom: 11px;
  display: block;
  float: none
}

.linePlaceholder--thin {
  height: 8px;
  margin-top: 4px;
  margin-bottom: 4px
}

.linePlaceholder--thick {
  height: 12px;
  margin-top: 9px;
  margin-bottom: 9px
}

.linePlaceholder--thicker {
  height: 15px;
  margin-top: 12px;
  margin-bottom: 18px
}

.linePlaceholder--center {
  float: none;
  margin-left: auto;
  margin-right: auto
}

.buttonSetPlaceholder {
  height: 37px;
  display: inline-block
}

.buttonSetPlaceholder .linePlaceholder {
  float: none;
  margin-right: 8px
}

.listItemPlaceholder {
  padding-top: 20px;
  padding-bottom: 200px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.listItemPlaceholder:after,.listItemPlaceholder:before {
  display: table;
  content: " "
}

.listItemPlaceholder:after {
  clear: both
}

.listItemPlaceholder--withSocialHeader {
  padding-top: 56px
}

.listItemPlaceholder:last-child {
  border-bottom: 0
}

.listItemPlaceholder.cardChromeless {
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px
}

.yourStoryPlaceholder {
  padding-top: 25px;
  padding-bottom: 22px
}

.yourStoryPlaceholder+.yourStoryPlaceholder {
  border-top: 1px solid rgba(0,0,0,.05)
}

.svgIcon--logoWordmarkNew {
  fill: rgba(0,0,0,.75)
}

.svgIcon--logoNew path:nth-child(1) {
  fill: #d0d2d3
}

.svgIcon--logoNew path:nth-child(2) {
  fill: #a6a8ab
}

.svgIcon--logoNew path:nth-child(3) {
  fill: #808184
}

.svgIcon--logoNew path:nth-child(4) {
  fill: #58595b
}

.svgIcon--logoNew.svgIcon--green path:nth-child(1) {
  fill: #32fc8d
}

.svgIcon--logoNew.svgIcon--green path:nth-child(2) {
  fill: #0be370
}

.svgIcon--logoNew.svgIcon--green path:nth-child(3) {
  fill: #14c767
}

.svgIcon--logoNew.svgIcon--green path:nth-child(4) {
  fill: #00ac6a
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(1) {
  fill: #a2e4ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(2) {
  fill: #74d7ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(3) {
  fill: #45c9ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(4) {
  fill: #16bbff
}

body.is-dev:not(.is-swBoot) .svgIcon--logoNew path,body.is-dev:not(.is-swBoot) .svgIcon--logoNew.svgIcon--green path {
  stroke: #16bbff;
  stroke-width: 1.2px;
  fill: transparent
}

body.is-swBoot .svgIcon--logoNew path:nth-child(1) {
  -webkit-animation: logo-loading-sw-1 1.26s;
  animation: logo-loading-sw-1 1.26s;
  -webkit-animation-delay: 324ms;
  animation-delay: 324ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(2) {
  -webkit-animation: logo-loading-sw-2 1.26s;
  animation: logo-loading-sw-2 1.26s;
  -webkit-animation-delay: 254ms;
  animation-delay: 254ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(3) {
  -webkit-animation: logo-loading-sw-3 1.26s;
  animation: logo-loading-sw-3 1.26s;
  -webkit-animation-delay: 170ms;
  animation-delay: 170ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(4) {
  -webkit-animation: logo-loading-sw-4 1.26s;
  animation: logo-loading-sw-4 1.26s;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

@-webkit-keyframes logo-loading-sw-1 {
  0%,10% {
    fill: #d0d2d3
  }

  55%,65% {
    fill: #32fc8d
  }

  100% {
    fill: #d0d2d3
  }
}

@keyframes logo-loading-sw-1 {
  0%,10% {
    fill: #d0d2d3
  }

  55%,65% {
    fill: #32fc8d
  }

  100% {
    fill: #d0d2d3
  }
}

@-webkit-keyframes logo-loading-sw-2 {
  0%,10% {
    fill: #a6a8ab
  }

  55%,65% {
    fill: #0be370
  }

  100% {
    fill: #a6a8ab
  }
}

@keyframes logo-loading-sw-2 {
  0%,10% {
    fill: #a6a8ab
  }

  55%,65% {
    fill: #0be370
  }

  100% {
    fill: #a6a8ab
  }
}

@-webkit-keyframes logo-loading-sw-3 {
  0%,10% {
    fill: #808184
  }

  55%,65% {
    fill: #14c767
  }

  100% {
    fill: #808184
  }
}

@keyframes logo-loading-sw-3 {
  0%,10% {
    fill: #808184
  }

  55%,65% {
    fill: #14c767
  }

  100% {
    fill: #808184
  }
}

@-webkit-keyframes logo-loading-sw-4 {
  0%,10% {
    fill: #58595b
  }

  55%,65% {
    fill: #00ac6a
  }

  100% {
    fill: #58595b
  }
}

@keyframes logo-loading-sw-4 {
  0%,10% {
    fill: #58595b
  }

  55%,65% {
    fill: #00ac6a
  }

  100% {
    fill: #58595b
  }
}

.streamItem-card {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 660px
}

.streamItem-card--hPadding20 {
  padding-right: 20px;
  padding-left: 20px
}

.streamItem .graf--figure,.streamItem .graf--mixtapeEmbed {
  margin-top: 0;
  margin-bottom: 0
}

.streamItem-card {
  margin-bottom: 10px
}

.streamItem-cardInner {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.streamItem-card.cardChromeless {
  -webkit-border-radius: 0;
  border-radius: 0
}

.streamItem-card.cardChromeless.streamItem-card--borderRadius3 {
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.cardChromeless>.streamItem-cardInner {
  padding-top: 10px;
  border-bottom: none
}

.streamItem-cardInner.streamItem-cardInner--compressedPostList,.streamItem-cardInner.streamItem-cardInner--inlineEditor,.streamItem-cardInner.streamItem-cardInner--quotePreview {
  padding-top: 0;
  padding-bottom: 0
}

.streamItem-cardInner.streamItem-cardInner--compressedPostListHeader {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none
}

.streamItem-cardInner.streamItem-cardInner--collectionPreview,.streamItem-cardInner.streamItem-cardInner--userPreview {
  padding-top: 15px
}

.compressedPostListItem {
  padding: 20px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  overflow: hidden
}

.compressedPostListItem:last-child {
  border-bottom: 0
}

.compressedPostListItem--withImage .compressedPostListItem-content {
  margin-right: 75px
}

.compressedPostListItem-social {
  margin-bottom: -5px
}

.compressedPostListItem-postStats {
  display: inline-block
}

.compressedPostListItem-readingTime {
  margin-right: 10px
}

.compressedPostListItem-recommendAndRespondCounts {
  display: inline-block;
  vertical-align: middle
}

.compressedPostListItem-recommendAndRespondCounts .label {
  line-height: 19px
}

.compressedPostListItem-title {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 5px;
  margin-bottom: 3px
}

.v-glyph--m2 .compressedPostListItem-title {
  font-weight: 600
}

.compressedPostListItem-author {
  font-size: 16px
}

.compressedPostListItem-previewImage {
  height: 65px;
  width: 65px;
  float: right
}

.streamItemConversation-divider {
  margin-bottom: 20px;
  border-top: 2px solid rgba(0,0,0,.54);
  width: 75px
}

.streamItemConversation .heading-title {
  color: rgba(0,0,0,.54)
}

.streamItemConversation-inner {
  margin-top: 20px
}

.streamItemConversationItem {
  padding: 15px 20px
}

.streamItemConversationItem--preview:not(:first-child) {
  border-top: 1px solid rgba(0,0,0,.09)
}

.streamItemConversationItem--summary {
  background-color: #fafafa
}

.streamItemConversationItem--summary:not(:first-child) {
  border-top: 1px solid rgba(0,0,0,.09)
}

.streamItem-card--catalogPreview {
  margin-bottom: 8px
}

.streamItem-card--catalogPreview.cardChromeless {
  margin-bottom: 20px
}

.streamItem-cardInner.streamItem-cardInner--catalogPreview {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none
}

.streamItem-cardInner--digestSectionPreview .streamItem-card:last-child .streamItem-cardInner {
  padding-bottom: 0;
  border-bottom: none
}

.streamItem-card--collectionManagerPost {
  max-width: 100%
}

.streamItem-cardInner--collectionManagerPost {
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.streamItem-card--collectionManagerPost .post-title {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 26px;
  line-height: 1.2;
  margin-top: 5px;
  margin-bottom: 3px
}

.v-glyph--m2 .streamItem-card--collectionManagerPost .post-title {
  font-weight: 600
}

.streamItem-card--collectionManagerPost .post-subtitle {
  display: block;
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  font-size: 20px;
  margin-left: -1.25px;
  margin: 2px 0 0;
  line-height: 1.3
}

.v-glyph--m2 .streamItem-card--collectionManagerPost .post-subtitle {
  font-weight: 400
}

.streamItem-card--collectionManagerPost .middotDivider {
  color: rgba(0,0,0,.54)
}

.followedStreamItems .streamItem--heading:not(:first-child),.suggestionSidebar .streamItem--heading:not(:first-child) {
  margin-top: 30px
}

.followedStreamItems .streamItem--tagList:not(:first-child) {
  margin-top: 20px;
  margin-bottom: 0
}

.streamItem--seriesHeroCarousel {
  width: 100%;
  padding-left: 30px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.seriesPreviewCard {
  padding: 5px
}

.streamItem--seriesHeroCarousel .seriesPreviewCard:first-child {
  margin-left: -30px;
  padding-left: 0;
  padding-right: 10px
}

.streamItem--seriesHeroCarousel .seriesPreviewCard:last-child {
  padding-right: 0;
  padding-left: 10px
}

.streamItem--seriesGridCard .seriesPreviewCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.streamItem--sequencePostPreview:last-child .link section {
  margin-bottom: 0!important;
  padding-bottom: 0!important
}

@media (max-width: 991px) {
  .streamItemConversation {
    padding-left:0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
  }

  .streamItemConversation .row {
    margin-left: 0;
    margin-right: 0
  }

  .streamItemConversation .postMetaInline-authorLockup {
    white-space: normal
  }
}

@media (max-width: 767px) {
  .compressedPostListItem-postStats {
    display:block
  }
}

.video-sizeFull {
  min-height: 562px
}

@media screen and (max-width: 991px) {
  .video-sizeFull {
    min-height:410px
  }
}

@media screen and (max-width: 767px) {
  .video-sizeFull {
    min-height:188px
  }
}

.titleLockup {
  font-size: 16px;
  line-height: 1.2
}

.titleLockup-title {
  color: rgba(0,0,0,.84)
}

.titleLockup-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: rgba(0,0,0,.54);
  padding-top: 1px
}

.titleLockup-creator {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.titleLockup-social {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%
}

.browser-ie .titleLockup-meta {
  display: block
}

.browser-ie .titleLockup-creator {
  float: left;
  width: 60%
}

.browser-ie .titleLockup-social {
  float: right;
  width: 40%
}

.userAnnotation {
  padding: 30px 20px;
  font-size: 18px;
  position: relative;
  background-color: #fafafa;
  border: 1px solid rgba(0,0,0,.09);
  border-bottom: none
}

.userAnnotation-text {
  display: table-cell;
  vertical-align: middle;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  color: rgba(0,0,0,.84);
  padding-left: 16px
}

.userAnnotation .avatar {
  display: table-cell;
  vertical-align: middle
}

@media (max-width: 767px) {
  .userAnnotation {
    padding:24px 20px
  }
}

.catalogPreview-header {
  margin: 0 30px 0 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0,0,0,.0785)
}

.catalogPreview-name {
  font-size: 16px;
  line-height: 1.2;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal
}

.catalogPreview-description {
  padding-top: 2px
}

.catalogPreview-footer {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal
}

.catalogPreview--card {
  margin-bottom: 20px
}

.catalogPreview--card .catalogPreview-header {
  margin: 0;
  padding: 30px;
  border-top: 2px solid rgba(0,0,0,.84);
  background: #fff
}

.catalogPreview--card .catalogPreview-name {
  color: rgba(0,0,0,.84);
  font-size: 20px
}

.catalogPreview--card .catalogPreview-description {
  color: rgba(0,0,0,.54);
  padding-top: 3px
}

.catalogPreview--card .catalogPreview-item {
  border-top: 1px solid rgba(0,0,0,.0785);
  padding: 16px 30px
}

.catalogPreview--card .catalogPreview-item:first-child {
  border-top: none
}

.catalogPreview--card .catalogPreview-item:last-child {
  padding-bottom: 0
}

.catalogPreview--borderless {
  margin-bottom: 40px
}

.catalogPreview--borderless .catalogPreview-name {
  color: rgba(0,0,0,.84);
  font-weight: 400
}

.catalogPreview--borderless .catalogPreview-description {
  color: rgba(0,0,0,.54)
}

.catalogPreview--borderless .catalogPreview-item {
  margin: 20px
}

@media all and (max-width: 991px) {
  .catalogPreview--card .catalogPreview-header {
    padding:20px
  }

  .catalogPreview--card .catalogPreview-item {
    padding-left: 20px;
    padding-right: 20px
  }
}

.graf--mixtapeEmbed {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  position: relative;
  overflow: hidden;
  max-height: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0,0,0,.54);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.04),inset 0 0 0 1px rgba(0,0,0,.09);
  box-shadow: 0 1px 4px rgba(0,0,0,.04),inset 0 0 0 1px rgba(0,0,0,.09);
  display: table;
  width: 100%
}

.markup--anchor.markup--mixtapeEmbed-anchor {
  -webkit-tap-highlight-color: transparent;
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
  text-decoration: none
}

body.is-withMagicUnderlines .markup--anchor.markup--mixtapeEmbed-anchor {
  background: rgba(255,255,255,0)
}

.is-backgrounded .graf--mixtapeEmbed {
  border: none;
  background-color: rgba(255,255,255,0)
}

.markup--mixtapeEmbed-strong {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.3;
  color: rgba(0,0,0,.9);
  display: block;
  margin-bottom: -8px
}

.markup--mixtapeEmbed-em {
  font-size: 16px;
  font-style: normal;
  color: rgba(0,0,0,.68);
  display: block;
  margin-top: -1px;
  margin-bottom: 10px;
  max-height: 120px;
  overflow: hidden
}

.mixtapeImage {
  display: table-cell;
  vertical-align: middle;
  width: 160px;
  height: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.09);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.09)
}

.mixtapeImage--empty {
  width: 0;
  height: 0
}

.catalogPreview .graf--mixtapeEmbed {
  font-size: 15px
}

.catalogPreview .markup--anchor.markup--mixtapeEmbed-anchor {
  padding: 10px 12px 10px
}

.catalogPreview .markup--mixtapeEmbed-em,.catalogPreview .markup--mixtapeEmbed-strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.catalogPreview .markup--mixtapeEmbed-strong {
  font-size: 16px
}

.catalogPreview .markup--mixtapeEmbed-em {
  font-size: 15px;
  margin-bottom: 5px
}

.catalogPreview .mixtapeImage {
  width: 110px;
  height: 110px
}

@media all and (max-width: 767px) {
  .graf--mixtapeEmbed {
    font-size:15px
  }

  .markup--anchor.markup--mixtapeEmbed-anchor {
    padding: 10px 12px 10px
  }

  .markup--mixtapeEmbed-em,.markup--mixtapeEmbed-strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
  }

  .markup--mixtapeEmbed-strong {
    font-size: 16px
  }

  .markup--mixtapeEmbed-em {
    font-size: 15px;
    margin-bottom: 5px
  }

  .mixtapeImage {
    width: 110px;
    height: 110px
  }
}

.creditCardForm {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  max-width: 600px
}

.creditCardForm-heading {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  color: rgba(0,0,0,.54);
  font-size: 16px
}

.creditCardForm--saved,.is-usesSavedCard .creditCardForm--input {
  display: none
}

.creditCardForm--input,.is-usesSavedCard .creditCardForm--saved {
  display: block
}

.creditCardForm--error {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  display: none;
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: 35px;
  color: #cc5454
}

.creditCardForm--error .svgIcon {
  margin-right: 5px;
  fill: #cc5454;
  margin-top: -4px;
  vertical-align: top
}

.is-errored .creditCardForm--error {
  display: block
}

.is-invalidCvc .creditCardForm-cvc,.is-invalidExpiration .creditCardForm-expiration,.is-invalidNumber .creditCardForm-number {
  border-bottom: solid 1px #cc5454
}

.creditCardForm-ccImage {
  height: 19px;
  width: 25px;
  margin-right: 5px
}

.creditCardForm-icon {
  position: absolute;
  left: 22px;
  top: 7px;
  width: 25px;
  height: 19px;
  overflow: hidden;
  -webkit-perspective: 80px;
  perspective: 80px;
  z-index: 900
}

.creditCardForm-icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 19px;
  background-image: url(https://cdn-static-1.medium.com/_/fp/img/payments/credit-card-sprite.aNIJTodZTkf86-MUkQX7Xw.png);
  background-repeat: no-repeat;
  background-size: 175px 19px;
  background-position: 0 0;
  -webkit-transition: background linear 1ms .1s,-webkit-transform linear .2s;
  transition: background linear 1ms .1s,-webkit-transform linear .2s;
  transition: transform linear .2s,background linear 1ms .1s;
  transition: transform linear .2s,background linear 1ms .1s,-webkit-transform linear .2s
}

.creditCardForm-icon:before {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.creditCardForm-icon[data-card-type]:before {
  -webkit-transform: rotateY(0);
  transform: rotateY(0)
}

.creditCardForm-icon[data-card-type=visa]:before {
  background-position: -25px 0
}

.creditCardForm-icon[data-card-type=mastercard]:before {
  background-position: -50px 0
}

.creditCardForm-icon[data-card-type=amex]:before {
  background-position: -75px 0
}

.creditCardForm-icon[data-card-type=jcb]:before {
  background-position: -100px 0
}

.creditCardForm-icon[data-card-type=discover]:before {
  background-position: -125px 0
}

.creditCardForm-icon[data-card-type=diners]:before {
  background-position: -150px 0
}

@media (max-width: 767px) {
  .container .creditCardForm-lastFour,.creditCardForm-useDiffCard {
    text-align:left
  }

  .creditCardForm-cvc,.creditCardForm-expiration {
    width: 100%
  }

  .creditCardForm .textInput {
    font-size: 18px
  }
}

.hightowerPaymentPeriodTimeline {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 3px;
  position: relative;
  text-align: left
}

.hightowerPaymentPeriodTimelineSquare {
  width: 15px;
  height: 15px;
  margin-right: 1px;
  display: inline-block;
  position: relative
}

.hightowerPaymentPeriodTimelinePopover {
  background: #fff;
  position: absolute;
  top: -88px;
  left: -45px;
  width: 75px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.1);
  font-size: 16px;
  line-height: 18px;
  text-align: center
}

.hightowerPaymentPeriodTimelinePopover-arrow {
  bottom: -11px;
  left: 45%;
  clip: rect(-4px 14px 18px 0);
  position: absolute
}

.hightowerPaymentPeriodTimelinePopover-arrowInner {
  height: 14px;
  width: 14px;
  background: #fff;
  -webkit-transform: rotate(45deg) translate(-5px,-5px);
  transform: rotate(45deg) translate(-5px,-5px);
  -webkit-box-shadow: 1px 1px 1px -1px rgba(0,0,0,.68);
  box-shadow: 1px 1px 1px -1px rgba(0,0,0,.68)
}

.clapUndo {
  opacity: 1;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.25,0,.6,1.4) 1s;
  transition: -webkit-transform .3s cubic-bezier(.25,0,.6,1.4) 1s;
  transition: transform .3s cubic-bezier(.25,0,.6,1.4) 1s;
  transition: transform .3s cubic-bezier(.25,0,.6,1.4) 1s,-webkit-transform .3s cubic-bezier(.25,0,.6,1.4) 1s
}

.clapUndo {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.clapButton--largePill:hover+.clapUndo,.clapUndo:hover {
  -webkit-transform: translateX(30px);
  transform: translateX(30px)
}

.clapButton--largePill:not(.is-active)+.clapUndo {
  display: none
}

.clapButton--largePill:active+.clapUndo {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: -webkit-transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: transform .2s cubic-bezier(.25,0,.6,1.4);
  transition: transform .2s cubic-bezier(.25,0,.6,1.4),-webkit-transform .2s cubic-bezier(.25,0,.6,1.4)
}

.clapButton .svgIcon--clap,.clapButton .svgIcon--clapFilled,.clapButton:hover .svgIcon--clap,.clapButton:hover .svgIcon--clapFilled {
  fill: #03a87c;
  color: #34e79a
}

.clapButton--largePill.is-active {
  background: #fff;
  color: #03a87c
}

.clapButton--largePill.is-active:hover,.clapButton--largePill:hover {
  border-color: #03a87c;
  color: #03a87c;
  fill: #03a87c
}

.clapButton--largePill:focus {
  border-color: rgba(0,0,0,.3)
}

.clapButton--largePill:focus .svgIcon {
  color: #03a87c;
  fill: #03a87c
}

.clapButton--largePill.is-active .button-activeState .svgIcon--clap,.clapButton--largePill.is-active .button-activeState .svgIcon--clapFilled {
  fill: #03a87c;
  color: #03a87c
}

.clapButton:disabled .svgIcon--clap,.clapButton:disabled .svgIcon--clapFilled {
  fill: #000!important;
  color: #000!important
}

.clapButton--largePill:not(.is-active):hover {
  -webkit-animation: pulse-shadow--collection 2s infinite;
  animation: pulse-shadow--collection 2s infinite
}

.clapButton--largePill:active,.clapButton--largePill:hover {
  -webkit-animation: none;
  animation: none
}

.clapRadial {
  position: absolute
}

.clapRadial--dot {
  top: calc(48%);
  left: -5px;
  -webkit-transform-origin: 35px;
  transform-origin: 35px;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 999em;
  border-radius: 999em;
  background-color: #218799
}

.clapRadial--triangle {
  top: calc(44%);
  left: -9px;
  -webkit-transform-origin: 39px;
  transform-origin: 39px;
  width: 0;
  height: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 6px solid #EE6F70
}

.clapRadial--dot.clapRadial--small {
  top: calc(48%);
  left: -5px;
  -webkit-transform-origin: 18px;
  transform-origin: 18px
}

.clapRadial--triangle.clapRadial--small {
  top: calc(44%);
  left: -9px;
  -webkit-transform-origin: 22px;
  transform-origin: 22px
}

.extreme-container14col {
  max-width: 1208px;
  width: 100%;
  margin: 0 auto
}

.extreme-container12col {
  max-width: 1032px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.extreme-container8col {
  max-width: 680px
}

.extreme-container4col {
  width: 328px
}

@media screen and (max-width: 1031px) {
  .extreme-container12col {
    padding:16px
  }
}

@media screen and (max-width: 855px) {
  .extreme-10colHide {
    display:none!important
  }

  .extreme-10colSizeFull {
    width: 100%;
    max-width: 100%
  }

  .extreme-10colPadding0 {
    padding: 0!important
  }
}

@media screen and (min-width: 856px) {
  .extreme-10colShow {
    display:none!important
  }
}

@media screen and (max-width: 503px) {
  .extreme-6colHide {
    display:none
  }
}

.extremePostPreview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 680px;
  width: 100%
}

.extremePostPreview-image {
  width: 152px
}

@media screen and (max-width: 855px) {
  .extremePostPreview {
    max-width:100%
  }

  .extremePostPreview-image {
    width: 140px
  }
}

@media screen and (max-width: 503px) {
  .extremePostPreview-image {
    width:80px;
    height: 72px
  }

  .extreme-6colFlexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.extremePopchunk {
  padding: 48px 56px 24px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.extremePopchunk {
  margin: 48px 0 48px -88px
}

.extremePromo {
  padding: 48px 56px 48px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 48px -88px;
  min-height: 164px!important
}

.extremePopchunk-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 12px);
  min-height: 250px;
  margin: 0 0 24px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff
}

.extremePopchunk-post--odd {
  margin-left: 24px
}

@media screen and (max-width: 1207px) {
  .extremePopchunk,.extremePromo {
    margin-left:0
  }
}

@media screen and (max-width: 679px) {
  .extremePopchunk,.extremePromo {
    padding:24px
  }

  .extremePopchunk-post {
    width: 100%
  }

  .extremePopchunk-post:last-child {
    margin-bottom: 0
  }

  .extremePopchunk-post--odd {
    margin-left: 0
  }
}

.extremeAdaptiveSection-imageHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px
}

.extremeAdaptiveSection--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.extremeAdaptiveSection--flex .extremeAdaptiveSection-imageHeader {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  padding: 24px;
  text-align: right
}

@media screen and (max-width: 503px) {
  .extremeAdaptiveSection--flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .extremeAdaptiveSection--flex .extremeAdaptiveSection-imageHeader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: auto;
    padding: 8px;
    text-align: left
  }

  .extremeAdaptiveSection--flex .extremeAdaptiveSection-imageHeader h2 {
    padding: 16px 24px 16px 16px
  }
}

@media screen and (min-width: 856px) {
  .extremeAdaptiveSection--main {
    display:none
  }
}

.extremeSidebar .streamItem--extremeAdaptiveSection {
  margin-bottom: 40px
}

.extremeHero-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  height: 350px;
  max-width: 1208px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 12px auto 0 auto
}

.extremeHero-post {
  width: 100%
}

.extremeHero-titleClamp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 16px
}

.extremeHero-largeCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  margin-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.extremeHero-largeCard .extremeHero-postContent {
  margin-left: 88px
}

.extremeHero-largeCard .extremeHero-titleClamp {
  max-height: 135px
}

.extremeHero-largeCard .extremeHero-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 150px;
  margin-bottom: 16px;
  position: relative
}

.extremeHero-post.extremeHero-noImage .extremeHero-postContent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.extremeHero-mediumCard {
  max-width: 323px;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative
}

.extremeHero-mediumCard .extremeHero-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 150px;
  margin-bottom: 16px
}

.extremeHero-mediumCard .extremeHero-postContent {
  width: 264px
}

.extremeHero-mediumCard .extremeHero-titleClamp {
  max-height: 75px;
  overflow: hidden
}

.extremeHero-smallCardContainer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-right: 24px
}

.extremeHero-smallCardContainer .extremeHero-smallCard:not(:last-child) {
  margin-bottom: 24px
}

.extremeHero-smallCard .extremeHero-postContent {
  min-width: 0;
  width: 265px
}

.extremeHero-smallCard .extremeHero-titleClamp {
  max-height: 50px;
  overflow: hidden
}

.extremeHero-smallCard .extremeHero-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100px;
  height: 100px;
  margin-right: 24px
}

.extremeHero-featuredLink {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 0 auto;
  width: 100%;
  max-width: 1032px
}

.extremeHero-divider {
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.15);
  max-width: 1032px;
  margin: 24px auto
}

.extremeHero-bookmark {
  display: none;
  margin-left: 16px
}

@media screen and (max-width: 1207px) {
  .extremeHero-container {
    padding:0 16px 16px 16px
  }

  .extremeHero-largeCard {
    -webkit-flex-basis: 340px;
    -ms-flex-preferred-size: 340px;
    flex-basis: 340px
  }

  .extremeHero-largeCard .extremeHero-postContent {
    margin-left: 24px
  }

  .extremeHero-mediumCard {
    -webkit-flex-basis: 240px;
    -ms-flex-preferred-size: 240px;
    flex-basis: 240px
  }
}

@media screen and (max-width: 1031px) {
  .extremeHero-largeCard {
    -webkit-box-flex:0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
  }

  .extremeHero-largeCard,.extremeHero-smallCardContainer {
    width: 50%
  }

  .extremeHero-featuredLink,.extremeHero-largeCard .extremeHero-postContent {
    padding-left: 12px
  }

  .extremeHero-largeCard .extremeHero-postContent {
    margin-left: 0
  }

  .extremeHero-mediumCard {
    display: none
  }

  .extremeHero-featuredLink {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    margin-top: 8px
  }

  .extremeHero-divider,.extremeHero-featuredLink {
    margin-right: 16px;
    margin-left: 16px;
    max-width: 1032px
  }
}

@media screen and (max-width: 855px) {
  .extremeHero-divider,.extremeHero-featuredLink {
    max-width:856px
  }

  .extremeHero-sequencePromo {
    margin-bottom: 24px
  }
}

@media screen and (max-width: 680px) {
  .extremeHero-container,.extremeHero-sequencePromo {
    height:auto
  }

  .extremeHero-largeCard,.extremeHero-sequencePromo,.extremeHero-smallCardContainer {
    width: 100%
  }

  .extremeHero-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .extremeHero-largeCard {
    margin-bottom: 40px;
    margin-left: 0
  }

  .extremeHero-largeCard .extremeHero-postContent {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
    margin-right: 164px
  }

  .extremeHero-smallCardContainer {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0
  }

  .extremeHero-smallCard {
    margin-bottom: 40px;
    width: 100%
  }

  .extremeHero-smallCard .extremeHero-post {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0
  }

  .extremeHero-smallCard .extremeHero-postContent {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 24px
  }

  .extremeHero-smallCard .extremeHero-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 140px;
    margin-right: 0
  }

  .extremeHero-bookmark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
  }

  .extremeHero-divider {
    margin: 24px 16px 0 16px
  }

  .extremeHero-featuredLink {
    margin: 0 16px
  }
}

@media screen and (max-width: 504px) {
  .extremeHero-largeCard .extremeHero-postContent {
    -webkit-box-align:start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
    margin-right: 104px
  }

  .extremeHero-smallCard .extremeHero-image {
    width: 80px;
    height: 80px
  }
}

.extremeHero-sequencePromo.sequencePromo {
  max-width: 416px;
  margin-right: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%
}

.sequencePromo-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.sequencePromo-verticalImage {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 157px;
  margin-right: 24px
}

.sequencePromo-horizontalImage {
  display: none;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 12px
}

.sequencePromo-imageFallback {
  height: 180px
}

.sequencePromo-desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%
}

.sequencePromo-author {
  margin-top: 12px
}

@media screen and (max-width: 1207px) {
  .sequencePromo-author,.sequencePromo-verticalImage {
    display:none
  }

  .sequencePromo-horizontalImage {
    display: block
  }
}

@media screen and (max-width: 1031px) {
  .sequencePromo-desc,.sequencePromo-header {
    padding-left:12px
  }
}

@media screen and (max-width: 679px) {
  .extremeHero-sequencePromo.sequencePromo {
    max-width:100%
  }

  .sequencePromo-desc,.sequencePromo-header {
    padding-left: 0
  }
}

.notificationsContainer .notificationsList-userAvatarIcon {
  left: 0
}

.notificationsContainer .notificationsList-button {
  padding-left: 60px;
  padding-right: 0
}

.notificationsContainer .notificationsList-userAvatarIcon {
  top: 50%;
  margin-top: -19px
}

.notificationsContainer .notificationsList-actions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  margin-bottom: 100px
}

.notificationsContainer .notificationsList-item--new:after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border-bottom: none;
  left: 580px;
  top: 50%;
  margin-top: -5px
}

.faqContent {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height ease-out 450ms;
  transition: max-height ease-out 450ms
}

.faqContent.is-active {
  max-height: 15em
}

.onboardingTopBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fafafa;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.15);
  box-shadow: 0 0 1px rgba(0,0,0,.15);
  z-index: 500
}

.onboardingTopBar .is-waitingForReadingList {
  display: none
}

.onboardingTopBar-greeting {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1
}

.onboardingTopBar-action {
  margin: 0 0 15px 10px;
  float: right
}

.onboardingTopBar-actionConfirmation {
  color: rgba(0,0,0,.68);
  background-color: #f0f0f0;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.54);
  box-shadow: 2px 2px 5px rgba(0,0,0,.54);
  border: 0;
  font-size: 16px;
  padding: 7px 10px 7px;
  margin: 10px 0 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.onboardingTopBar-confirmationAvatar {
  margin-right: 5px
}

.onboardingContent {
  margin: 120px auto 40px
}

.onboardingContent-title {
  color: rgba(0,0,0,.84);
  font-size: 26px;
  line-height: 1.1;
  margin-bottom: 6px
}

.onboardingContent-subtitle {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 40px;
  font-size: 20px
}

.onboardingContent-waiting {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.onboardingContent-waiting:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em
}

.onboardingContent-waitingInner {
  display: inline-block;
  text-align: center;
  width: 100%
}

.onboardingToken {
  position: relative
}

.onboardingToken>.button.is-active:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(3,168,124,.8);
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.onboardingTextToken {
  display: inline-block;
  border-bottom: 1px solid rgba(0,0,0,.05);
  -webkit-transition: border 125ms;
  transition: border 125ms
}

.onboardingTextToken.is-selecting {
  display: block;
  width: 100%;
  border-bottom: 1px solid #03a87c
}

.onboardingTextToken>.followButton {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 125ms,opacity 125ms 0s;
  transition: visibility 0s linear 125ms,opacity 125ms 0s
}

.onboardingTextToken.is-previewing>.followButton {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity 125ms 0s;
  transition: visibility 0s linear 0s,opacity 125ms 0s
}

.onboardingTextToken>.topicButton {
  font-size: 50px;
  color: rgba(0,0,0,.3);
  -webkit-transition: color 125ms,font-size 125ms,background-color .5s ease-in;
  transition: color 125ms,font-size 125ms,background-color .5s ease-in
}

.onboardingTextToken.is-previewing>.topicButton {
  font-size: 52px;
  color: #284255
}

.onboardingTextToken>.topicButton.is-active {
  color: #284255;
  background-color: rgba(12,242,150,.5)
}

.onboardingPreview {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 250ms ease-in;
  transition: max-height 250ms ease-in
}

.onboardingTextToken.is-previewing+.onboardingPreview {
  max-height: 500px
}

@media (max-width: 767px) {
  .onboardingTextToken:hover>.topicButton,.onboardingTextToken>.topicButton {
    font-size:34px
  }
}

.onboardingTopicCard {
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-transform .1s ease-in;
  transition: -webkit-transform .1s ease-in;
  transition: transform .1s ease-in;
  transition: transform .1s ease-in,-webkit-transform .1s ease-in
}

.onboardingTopicCard-background {
  position: absolute;
  top: 300px;
  left: 0;
  width: 1000px;
  height: 1000px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

@media screen and (min-width: 768px) {
  .onboardingTopicCard:hover {
    -webkit-transform:translateY(-3px);
    transform: translateY(-3px)
  }

  .onboardingTopicCard:hover>.onboardingTopicCard-background {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
  }
}

.onboardingTopicCard.is-active>.onboardingTopicCard-background {
  -webkit-transform: translateY(-300px);
  transform: translateY(-300px)
}

@media screen and (min-width: 768px) {
  .onboardingToken>.button:hover:not(.is-active) {
    opacity:.9
  }

  .onboardingTextToken:hover {
    border-bottom: 1px solid #03a87c
  }

  .onboardingTextToken:hover>.topicButton {
    font-size: 52px;
    color: #284255
  }
}

.stats-title {
  padding-bottom: 17px
}

.stats-title--page {
  line-height: 1;
  margin-top: 70px
}

.stats-title--chart {
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.stats-titleHeading {
  color: rgba(0,0,0,.68);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.stats-title--chart .stats-titleInner--all,.stats-title--chart.is-singlePost .stats-titleInner--post {
  display: block
}

.stats-title--chart .stats-titleInner--post,.stats-title--chart.is-singlePost .stats-titleInner--all {
  display: none
}

.stats-title--chart button {
  border: none;
  background: 0 0
}

.stats-titleHeading--post {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 420px;
  height: 1.3em;
  white-space: nowrap
}

.stats-description {
  margin: 5px 0;
  font-size: 16px
}

.stats-totalNumber {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 52px;
  display: block;
  line-height: 40px;
  height: 40px;
  margin-bottom: 5px;
  letter-spacing: 0
}

.stats--noPosts {
  color: rgba(0,0,0,.54);
  font-size: 20px;
  text-align: center
}

@media screen and (max-width: 991px) {
  .stats-title {
    margin:15px 0 0;
    padding: 0;
    font-size: 20px
  }

  .stats-title--page {
    margin: 5px 0 0;
    font-size: 26px;
    line-height: 2
  }

  .stats-title h2 {
    font-size: 20px;
    line-height: 2;
    height: 2em
  }

  .stats-totalNumber {
    font-size: 26px;
    height: 34px;
    margin-bottom: 0
  }
}

.welcomeContent-textAnimation {
  -webkit-animation-name: fade-in,shift-upwards-50;
  animation-name: fade-in,shift-upwards-50;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.welcomeContent-title {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.welcomeContent-subtitle {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s
}

.welcomeContent-button {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.postArticle {
  position: relative
}

.postArticle:after,.postArticle:before {
  display: table;
  content: " "
}

.postArticle:after {
  clear: both
}

.postArticle.is-expanded .postArticle-readMore {
  display: none
}

.postArticle-content {
  position: relative;
  margin-bottom: 0
}

.postArticle-content:after,.postArticle-content:before {
  display: table;
  content: " "
}

.postArticle-content:after {
  clear: both
}

.is-postEditMode .postArticle-content {
  margin-bottom: 50px
}

.postArticle-content,.postArticle-content:focus {
  outline: 0;
  word-break: break-word;
  word-wrap: break-word
}

.postArticle-content .graf--p {
  margin-bottom: 0
}

.graf--h2,.graf--h3,.graf--h4 {
  color: rgba(0,0,0,.84)
}

.graf--kicker,.graf--subtitle {
  color: rgba(0,0,0,.54)
}

.graf--blockquote {
  border-left: 3px solid rgba(0,0,0,.84);
  padding-left: 20px;
  margin-left: -23px;
  padding-bottom: 2px
}

.graf--pullquote {
  color: rgba(0,0,0,.68);
  border: none;
  padding: 0;
  padding-left: 50px;
  text-align: left
}

.postList {
  counter-reset: post
}

.postList>li:before {
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 78px;
  margin-left: -78px;
  text-align: right
}

ol.postList>li:before {
  font-feature-settings: "liga" on,"lnum" on;
  -moz-font-feature-settings: "liga" on,"lnum" on;
  -webkit-font-feature-settings: "liga" on,"lnum" on;
  padding-right: 12px;
  counter-increment: post;
  content: counter(post) "."
}

ul.postList>li:before {
  padding-top: 4px;
  padding-right: 15px;
  content: '\2022'
}

.graf--li {
  margin-left: 30px;
  margin-bottom: 14px
}

.graf--li:last-child {
  margin-bottom: 0
}

hr.section-divider {
  display: block;
  border: 0;
  text-align: center;
  overflow: visible
}

hr.section-divider:before {
  content: '...';
  display: inline-block;
  margin-left: .6em;
  color: rgba(0,0,0,.68);
  position: relative;
  top: -30px
}

.graf--pre {
  background: rgba(0,0,0,.05);
  padding: 20px;
  white-space: pre-wrap
}

.graf--pre+.graf--pre {
  margin-top: 0;
  padding-top: 4px
}

.markup--blockquote-code,.markup--li-code,.markup--p-code {
  background: rgba(0,0,0,.05);
  padding: 3px 4px;
  margin: 0 2px
}

.markup--audio {
  color: rgba(255,255,255,0);
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 0;
  position: relative;
  margin: 0 5px;
  text-indent: 0
}

.markup--audio:before {
  background-size: contain;
  background-image: url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-inactive.JUSjk6tbAM3TXmspwm4Gtw.png);
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -50%
}

.markup--audio:hover:before {
  background-image: url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-hover.S-Szx-93nxoBi0c2-rykUQ.png)
}

.markup--audio.is-playing:before {
  background-image: url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-active.4GSkS4zw9tXS7CDfabsViQ.png)
}

.graf--hasDropCap {
  clear: left
}

.graf-dropCap {
  display: block;
  position: relative;
  float: left
}

.graf--hasDropCapImage .graf-dropCapText {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

body.is-amp {
  position: relative
}

.markup--quote {
  -webkit-transition: .2s background-color;
  transition: .2s background-color;
  cursor: pointer
}

body.is-withMagicUnderlines .markup--h2-quote {
  background-repeat: repeat-x;
  background-size: 2px 56px;
  background-position: 0 6px
}

body.is-withMagicUnderlines .markup--h3-quote {
  background-repeat: repeat-x;
  background-size: 2px 43px;
  background-position: 0 2px
}

body.is-withMagicUnderlines .markup--h4-quote {
  background-repeat: repeat-x;
  background-size: 2px 36px;
  background-position: 0 0
}

.markup--quote.is-other {
  background-color: rgba(12,242,143,.2)
}

body.is-withMagicUnderlines .markup--quote.is-other {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(12,242,143,.2),rgba(12,242,143,.2))
}

.markup--quote.is-me {
  background-color: rgba(12,242,150,.5)
}

body.is-withMagicUnderlines .markup--quote.is-me {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(12,242,150,.5),rgba(12,242,150,.5))
}

.markup--quote.is-selected,.markup--quote.is-targeted {
  background-color: rgba(12,235,160,.9)
}

body.is-withMagicUnderlines .markup--quote.is-selected,body.is-withMagicUnderlines .markup--quote.is-targeted {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(12,235,160,.9),rgba(12,235,160,.9))
}

section.is-darkBackgrounded .markup--quote.is-other {
  background-color: rgba(255,255,255,.2)
}

body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-other {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.2))
}

section.is-darkBackgrounded .markup--quote.is-me {
  background-color: rgba(255,255,255,.5)
}

body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-me {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.5))
}

section.is-darkBackgrounded .markup--quote.is-selected,section.is-darkBackgrounded .markup--quote.is-targeted {
  background-color: rgba(255,255,255,.65)
}

body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-selected,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-targeted {
  background-color: transparent;
  background-image: linear-gradient(to bottom,rgba(255,255,255,.65),rgba(255,255,255,.65))
}

.is-postEditMode .graf[data-translationStatus=reference] {
  color: #788ca0
}

.is-postEditMode .section.is-darkBackgrounded .graf[data-translationStatus=reference] {
  color: #bac4ce
}

.postArticle-content>section {
  position: relative;
  clear: both
}

.section--cover+section>.section-divider,.section--first .section-divider,section.is-backgrounded+section>.section-divider,section:first-child>.section-divider {
  display: none
}

.postArticle-content .section--first:not(.is-imageBackgrounded) {
  padding-top: 75px
}

.postArticle--full.postArticle--response>.postArticle-content .section--first,.postArticle:not(.postArticle--letter)>.postArticle-content .section--first {
  margin-top: 20px;
  padding-top: 0
}

.section--last {
  padding-bottom: 5px
}

.section-inner {
  position: relative
}

.section--bottomCenter>.section-inner {
  vertical-align: bottom
}

section.is-backgrounded {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0
}

section.is-imageBackgrounded {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

section.is-imageBackgrounded.is-darkBackgrounded {
  background: rgba(0,0,0,.9);
  color: #fff
}

section.is-imageBackgrounded.is-darkBackgrounded.is-sectionUsingCanvas {
  background: rgba(255,255,255,0)
}

section.is-darkBackgrounded .graf--h2,section.is-darkBackgrounded .graf--h3 {
  color: #fff
}

section.is-darkBackgrounded .graf--pullquote,section.is-imageBackgrounded .graf--h4,section[data-background-color]:not([data-background-color$=Light]) .graf--h4 {
  color: rgba(255,255,255,.65)
}

section.is-darkBackgrounded .markup--comment {
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.65)
}

section.is-darkBackgrounded .graf--blockquote {
  border-left-color: rgba(255,255,255,.85)
}

section.section-image--fullBleed.is-sectionUsingCanvas {
  background: rgba(255,255,255,0)
}

section.section-image--fullBleed.is-backgrounded {
  padding-top: 110vh
}

section.section-image--coverFade.is-backgrounded,section.section-image--fullScreen.is-backgrounded {
  min-height: 100vh;
  padding-top: 50vh
}

section.section-image--coverFade {
  height: 100vh
}

section.section-image--aspectRatio.is-backgrounded,section.section-image--aspectRatioViewport.is-backgrounded {
  padding: 0
}

.section-image--aspectRatioViewport .section-backgroundImage:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.54)
}

section.section-image--coverFade.is-backgrounded {
  display: table;
  padding-top: 0;
  padding-bottom: 0
}

.section-coverFadePadding {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 160px
}

.section-doubleWidthTable {
  width: 200%;
  table-layout: fixed
}

.section-doubleWidthTable>.section-contentCell {
  width: 50%
}

.section-image--aspectRatio .section-content {
  padding-top: 80px;
  padding-bottom: 3%
}

section.is-sectionUsingCanvas.is-imageBackgrounded .section-backgroundImage {
  display: none
}

.section-doubleWidthTable {
  width: 200%
}

.section-doubleWidthTable>.section-contentCell {
  width: 50%
}

.section-image--aspectRatioViewport.section--topCenter .section-content {
  padding: 120px 0 80px
}

.section-image--aspectRatioViewport.section--middleCenter .section-content {
  padding: 100px 0
}

.section-image--aspectRatioViewport.section--bottomCenter .section-content {
  padding-bottom: 80px
}

section.is-sectionUsingCanvas.is-imageBackgrounded .section-backgroundImage {
  display: none
}

.section-aspectRatioViewportPlaceholder {
  max-height: 100vh
}

.section-aspectRatioViewportBottomPlaceholder,.section-aspectRatioViewportBottomSpacer {
  display: none;
  max-height: 50vh
}

.section--bottomCenter .section-aspectRatioViewportBottomPlaceholder,.section--bottomCenter .section-aspectRatioViewportBottomSpacer {
  display: block
}

.section--bottomCenter .section-aspectRatioViewportPlaceholder {
  display: none
}

.section--topCenter .section-contentCell {
  vertical-align: top
}

.section--bottomCenter .section-contentCell,.section--middleCenter .section-contentCell {
  vertical-align: middle
}

.section-aspectRatioViewportCropPlaceholder {
  max-height: 100vh
}

.postArticle--series {
  --section-card-gutter:1em;--section-card-width:23.5em;--section-drag-index-offset:0;--section-drop-index-offset:0;margin-left: calc((50vw - 1000px / 2));
  padding-right: calc((50vw - 1000px / 2) + var(--section-card-width) - var(--section-card-gutter))
}

.postArticle--series .postArticle-content {
  width: calc(var(--section-count) * var(--section-card-width));
  height: 40em
}

.postArticle--series .postArticle-after {
  -webkit-transform: translateX(calc(var(--section-count) * var(--section-card-width)));
  transform: translateX(calc(var(--section-count) * var(--section-card-width)))
}

.section--card {
  -webkit-box-shadow: 0 .25em .75em rgba(0,0,0,.05);
  box-shadow: 0 .25em .75em rgba(0,0,0,.05);
  -webkit-transform: translateX(calc((var(--section-index) + var(--section-drop-index-offset) + var(--section-drag-index-offset)) * var(--section-card-width)));
  transform: translateX(calc((var(--section-index) + var(--section-drop-index-offset) + var(--section-drag-index-offset)) * var(--section-card-width)));
  z-index: var(--section-index)
}

.section--card.is-dragging,.section--card.is-dragging~.section--card {
  --section-drag-index-offset:-1}

.section--card.is-dropTarget,.section--card.is-dropTarget~.section--card {
  --section-drop-index-offset:1}

.section--card.is-dragging {
  z-index: var(--section-count)
}

.section--card:hover {
  -webkit-box-shadow: 0 .375em 1em rgba(0,0,0,.1);
  box-shadow: 0 .375em 1em rgba(0,0,0,.1)
}

.section--card.is-withGrafSelection {
  -webkit-box-shadow: 0 .625em 1.5em rgba(0,0,0,.15);
  box-shadow: 0 .625em 1.5em rgba(0,0,0,.15)
}

.section--card.is-sectionFocused {
  -webkit-box-shadow: 0 .625em 1.5em rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.3);
  box-shadow: 0 .625em 1.5em rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.3)
}

.section--card.is-sectionFocused.is-imageBackgrounded {
  -webkit-box-shadow: 0 .625em 1.5em rgba(0,0,0,.15);
  box-shadow: 0 .625em 1.5em rgba(0,0,0,.15)
}

.section--card.is-sectionFocused.is-imageBackgrounded .section-backgroundImage {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.3);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.3)
}

.seriesEditor-addCard {
  -webkit-transition: color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
  transition: color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out,color .2s ease-in-out;
  transition: box-shadow .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
  -webkit-box-shadow: 0 .25em .75em rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05);
  box-shadow: 0 .25em .75em rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05)
}

.seriesEditor-addCard:hover {
  -webkit-box-shadow: 0 .375em 1em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);
  box-shadow: 0 .375em 1em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05)
}

.seriesEditor-cardDropPlaceholder {
  --section-index:-1;-webkit-transform: translateX(calc(var(--section-index) * var(--section-card-width)));
  transform: translateX(calc(var(--section-index) * var(--section-card-width)))
}

@media (max-width: 1040px) {
  .postArticle--series {
    margin-left:20px;
    padding-right: calc(20px + var(--section-card-width) - var(--section-card-gutter))
  }
}

.sectionLayout--insetColumn {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.postArticle--full .sectionLayout--insetColumn {
  max-width: 740px;
  padding-left: 20px;
  padding-right: 20px
}

.postArticle--series .sectionLayout--insetColumn {
  padding-left: 1.25em;
  padding-right: 1.25em
}

.postArticle--short .sectionLayout--insetColumn {
  padding-left: 0;
  padding-right: 0
}

.sectionLayout--outsetColumn,.sectionLayout--outsetRow {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.sectionLayout--outsetColumn:after,.sectionLayout--outsetColumn:before,.sectionLayout--outsetRow:after,.sectionLayout--outsetRow:before {
  display: table;
  content: " "
}

.sectionLayout--outsetColumn:after,.sectionLayout--outsetRow:after {
  clear: both
}

.sectionLayout--fullWidth {
  width: 100%
}

.markup--em:not(.markup--mixtapeEmbed-em) {
  font-feature-settings: "liga" on,"salt" on;
  -moz-font-feature-settings: "liga" on,"salt" on;
  -webkit-font-feature-settings: "liga" on,"salt" on
}

.markup--comment {
  display: none;
  margin: 0 2px 0 1px;
  background: rgba(80,171,201,.1);
  color: rgba(88,151,172,.9);
  border: 1px solid rgba(80,171,201,.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body.is-postEditMode .markup--comment {
  display: inline
}

.markup--blockquote-em,.markup--figure-em,.markup--h2-em,.markup--h3-em,.markup--h4-em,.markup--pullquote-em,.markup--sectionCaption-em {
  font-style: normal
}

.markup--h4-strong {
  font-weight: inherit
}

.markup--anchor {
  -webkit-tap-highlight-color: rgba(0,0,0,.54)
}

.markup--user {
  color: #03a87c;
  text-decoration: none
}

.is-postEditMode .postArticle-content a[rel=token],.markup--query {
  color: #03a87c;
  text-decoration: none;
  background-image: none!important
}

.supplementalPostContent {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .3s,opacity .3s 0s;
  transition: visibility 0s linear .3s,opacity .3s 0s
}

.is-supplementalPostContentLoaded .supplementalPostContent {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .3s 0s;
  transition: visibility 0s linear 0s,opacity .3s 0s
}

.graf--figure {
  position: relative;
  clear: both;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  z-index: 100
}

.graf--figure.is-partialWidth {
  clear: none;
  float: left;
  padding: 5px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.sectionLayout--outsetRow .graf--figure.is-partialWidth:first-child {
  padding-left: 0
}

.sectionLayout--outsetRow .graf--figure.is-partialWidth:last-child {
  padding-right: 0
}

.sectionLayout--outsetRow[data-paragraph-count="2"] {
  padding-left: 10px
}

.sectionLayout--outsetRow[data-paragraph-count="2"] .is-partialWidth:first-child {
  margin-left: -10px
}

.sectionLayout--outsetRow[data-paragraph-count="3"] {
  padding-left: 20px
}

.sectionLayout--outsetRow[data-paragraph-count="3"] .is-partialWidth:first-child {
  margin-left: -20px
}

.graf--figure.graf--layoutOutsetRow {
  clear: both
}

.graf-image,.graf-imageAnchor,.iframeContainer,.iframeContainer>iframe {
  display: block;
  position: relative;
  margin: auto;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.graf--layoutOutsetCenter {
  padding: 5px 0
}

.graf--layoutOutsetCenter .graf-image {
  margin: 0
}

.graf--layoutConstrainedHeightPreview {
  overflow: hidden
}

.graf--layoutConstrainedHeightPreview>.aspectRatioPlaceholder {
  float: left
}

.graf--layoutInsetLeft,.postArticle--full .graf--layoutOutsetLeft {
  float: left;
  margin-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px
}

.graf--layoutInsetRight {
  float: right;
  padding-top: 6px;
  padding-left: 20px;
  width: 35%
}

.graf--layoutInsetLeft {
  width: 50%
}

.streamItem .graf--layoutInsetLeft {
  width: 30%;
  margin-right: 10px
}

.postArticle--full .graf--layoutOutsetLeft {
  width: 75%
}

.postArticle--full .graf--layoutOutsetLeft {
  margin-left: -150px
}

.graf--layoutFillWidth .imageCaption {
  padding-bottom: 10px
}

.imageCaption {
  position: relative;
  left: 0;
  width: 100%;
  top: 0;
  margin-top: 10px;
  color: rgba(0,0,0,.68);
  outline: 0;
  text-align: center;
  z-index: 300
}

section.is-imageBackgrounded .imageCaption,section[data-background-color]:not([data-background-color$=Light]) .imageCaption {
  color: rgba(255,255,255,.65)
}

.graf--layoutFillWidth>.imageCaption:before,.graf--layoutOutsetCenter>.imageCaption:before,.is-partialWidth>.imageCaption:before,.postArticle--full .graf--layoutOutsetLeft>.imageCaption:before,.postArticle--short .imageCaption:before {
  content: none
}

.graf--layoutFillWidth>.imageCaption,.graf--layoutOutsetCenter>.imageCaption {
  text-align: center;
  margin: 10px auto 0
}

.graf--layoutFillWidth>.imageCaption {
  max-width: 1000px
}

.graf--sectionCaption {
  display: block;
  font-size: 18px;
  font-style: italic;
  text-align: center
}

.section-captionContent,section.is-darkBackgrounded>.section-captionContent {
  position: absolute;
  top: 100%;
  width: 100%;
  display: block;
  color: rgba(0,0,0,.68);
  left: 0;
  margin-top: 10px
}

.aspectRatioPlaceholder-fill {
  display: block
}

.aspectRatioPlaceholder {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block
}

.aspectRatioPlaceholder.is-locked .catalog-image,.aspectRatioPlaceholder.is-locked .graf-dropCapImage,.aspectRatioPlaceholder.is-locked .graf-image,.aspectRatioPlaceholder.is-locked .graf-imageAnchor,.aspectRatioPlaceholder.is-locked .iframeContainer,.aspectRatioPlaceholder.is-locked .iframeContainer>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.graf--li.graf--containsTK:after,.graf.graf--containsTK:not(.graf--li):before {
  content: 'TK';
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: .1em;
  color: #e7af0e;
  position: absolute;
  left: -48px;
  margin-top: 6px
}

.graf--blockquote.graf--containsTK:before {
  margin-left: -3px
}

.graf--layoutInsetLeft+.graf--containsTK:before,.postArticle--full .graf--layoutOutsetLeft+.graf--containsTK:before {
  margin-left: -160px
}

.postMetaHeader {
  padding-top: 35px
}

.postMetaHeader-socialProof2 .button--chromeless,.postMetaHeader-socialProof2 .link,.postMetaHeader-socialProof2 .postMetaInline {
  font-size: 15px
}

.postActionsBar {
  visibility: hidden;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  z-index: 500;
  -webkit-transition: visibility 0s linear .3s;
  transition: visibility 0s linear .3s
}

.postActionsBar.is-visible {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.postActionsBar-container {
  position: relative;
  height: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.postActionsBar-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.postActionsBar.is-visible .postActionsBar-content {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.postActions {
  background: #fff
}

.postActions .avatar-text,.postActionsBar .avatar-text {
  font-size: 16px;
  color: rgba(0,0,0,.68)
}

.postActionsBar .button--follow.is-active,.postActionsBar .middotDivider {
  font-size: 16px;
  color: rgba(0,0,0,.54)
}

.postActionsBar .followState.buttonSet-inner {
  margin-left: 0
}

.postActions .buttonSet-separator {
  background-color: rgba(0,0,0,.15);
  margin: 6px 16px
}

.openInAppButton {
  text-align: center;
  margin-bottom: 35px
}

.letterHeader {
  position: relative;
  line-height: 1.45
}

.postArticle--full.postArticle--letter>.postArticle-content .section--first {
  padding-top: 20px
}

.postArticle--full.postArticle--letter .postMetaHeader {
  display: none
}

.postArticle--full.postArticle--letter>.postArticle-content {
  padding-top: 0
}

.postArticle--full.postArticle--letter>.postArticle-content .section--first:not(.is-imageBackgrounded):before {
  content: '';
  text-align: center;
  display: block;
  margin: 0 auto 30px;
  height: 1px;
  max-width: 700px;
  background-color: rgba(0,0,0,.15)
}

.postArticle.postArticle--short:not(.postArticle--letter) {
  padding-top: 5px;
  padding-bottom: 0
}

.postArticle--short .postArticle-content {
  cursor: pointer
}

.postArticle--short .postArticle-content {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.postArticle--short .graf--blockquote {
  padding-left: 17px;
  margin-left: -20px
}

.postArticle--short .graf--pullquote {
  padding-left: 30px
}

.postArticle--short .graf--pre {
  padding: 15px
}

.postArticle--short .graf--pre+.graf--pre {
  margin-top: 0;
  padding-top: 3px
}

.postArticle--short .graf--layoutOutsetLeft {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  float: none
}

.postArticle #ad01,.postArticle #ad02 {
  display: block!important;
  visibility: visible!important
}

.iframeContainer {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.iframeContainer>iframe {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.v-thirdParty.graf--iframe {
  border: 2px solid #03a87c
}

.v-thirdParty.graf--iframe::after {
  content: "Third-party embed";
  position: absolute;
  right: -2px;
  background: #03a87c;
  border: 2px solid #03a87c;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 2px 5px;
  color: #fff;
  font-size: 15px
}

.postFade:before {
  content: '';
  position: relative;
  display: block;
  margin-top: -150px;
  height: 150px;
  width: 100%;
  background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
  margin-bottom: 10px;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px
}

@media (max-width: 991px) {
  .graf--layoutInsetLeft.graf--iframe,.graf--layoutOutsetCenter,.postArticle--full .graf--layoutOutsetLeft {
    width:100%;
    margin-left: 0;
    margin-right: 0;
    float: none
  }

  .graf--layoutInsetRight {
    width: 30%
  }

  .graf-image {
    width: 100%;
    height: auto
  }

  .graf--layoutFillWidth .imageCaption,.graf--layoutOutsetCenter .imageCaption,.sectionLayout--outsetRow .imageCaption {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media (max-width: 767px) {
  .postArticle-content {
    margin-bottom:10px
  }

  .postMetaHeader {
    padding-top: 20px
  }

  .graf--blockquote {
    padding-left: 17px;
    margin-left: -20px
  }

  .graf--pullquote {
    padding-left: 30px
  }

  .popover-upvotes[data-count="0"] {
    display: none
  }

  .popover-upvotes {
    display: block
  }

  .postArticle--full.postArticle--letter>.postArticle-content .section--first:not(.is-imageBackgrounded):before {
    margin-left: 20px;
    margin-right: 20px
  }

  .letterHeader .infoCard-actions {
    margin-top: -5px;
    margin-bottom: -10px
  }

  .postArticle.postArticle--short {
    padding-bottom: 10px
  }

  .postActionsBar-content {
    -webkit-border-radius: 0;
    border-radius: 0
  }

  .postActions .avatar-text,.postActionsBar .avatar-text,.postActionsBar .middotDivider {
    display: none
  }
}

@media print {
  body {
    overflow: hidden
  }

  body.postShowScreen * {
    visibility: hidden
  }

  body.postShowScreen .butterBar,body.postShowScreen .butterBar *,body.postShowScreen .postArticle-content,body.postShowScreen .postArticle-content *,body.postShowScreen .postMetaHeader,body.postShowScreen .postMetaHeader * {
    visibility: visible
  }

  @page {
    margin-top: .75in;
    margin-bottom: .75in
  }

  body.postShowScreen .sectionLayout--insetColumn {
    max-width: 4.95in
  }

  body {
    color: #000;
    orphans: 2;
    widows: 2
  }

  .graf--h2,.graf--h3 {
    color: #000
  }

  .graf--h4,section.is-imageBackgrounded .graf--h4,section[data-background-color]:not([data-background-color$=Light]) .graf--h4 {
    color: rgba(0,0,0,.68)
  }

  .graf--blockquote {
    border-left: .17em solid #000
  }

  ul.postList>li:before {
    padding-top: 3px
  }

  .graf--figure {
    page-break-inside: avoid
  }

  .is-sectionUsingCanvas.is-darkBackgrounded .section-background {
    display: none
  }

  .is-sectionUsingCanvas.is-darkBackgrounded:after,.is-sectionUsingCanvas.is-darkBackgrounded:not(.section--first):before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    background-color: rgba(0,0,0,.15)
  }

  .is-sectionUsingCanvas.is-darkBackgrounded:before {
    margin-top: -40px
  }

  .is-sectionUsingCanvas.is-darkBackgrounded:after {
    margin-top: 30px
  }

  .is-sectionUsingCanvas.is-darkBackgrounded .graf--h2,.is-sectionUsingCanvas.is-darkBackgrounded .graf--h3,.is-sectionUsingCanvas.is-darkBackgrounded .section-inner {
    color: #000
  }

  .markup--quote {
    background: 0 0!important
  }

  .section-image--aspectRatioViewport.section--bottomCenter .section-content,.section-image--aspectRatioViewport.section--middleCenter .section-content,.section-image--aspectRatioViewport.section--topCenter .section-content {
    padding: 0
  }

  .postArticle-content {
    padding-top: 0
  }

  .postArticle-content .section--first {
    padding-top: 200px
  }

  .postArticle--full.postArticle--response>.postArticle-content .section--first {
    padding-top: 0
  }

  .postArticle--full.postArticle--response>.postArticle-content .section--first:not(.is-imageBackgrounded):before {
    display: none
  }

  .infoCard-actions,.postActionsBar-content {
    display: none
  }
}

.compactPostPreview-avatar {
  display: table-cell;
  padding-right: 18px;
  vertical-align: top
}

.compactPostPreview-title {
  display: table-cell;
  vertical-align: top
}

.postArticle-content .graf--p {
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.58;
  letter-spacing: -.003em
}

.graf--h2 {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 42px;
  margin-left: -2.63px;
  line-height: 1.04;
  letter-spacing: -.015em
}

.v-glyph--m2 .graf--h2 {
  font-weight: 600
}

.graf--h3 {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 34px;
  margin-left: -2.13px;
  line-height: 1.15;
  letter-spacing: -.015em
}

.v-glyph--m2 .graf--h3 {
  font-weight: 600
}

.graf--h4 {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 26px;
  margin-left: -1.63px;
  line-height: 1.22;
  letter-spacing: -.012em
}

.v-glyph--m2 .graf--h4 {
  font-weight: 600
}

.graf--title {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 42px;
  margin-left: -2.63px;
  line-height: 1.04;
  letter-spacing: -.015em;
  padding-top: 5px!important
}

.v-glyph--m2 .graf--title {
  font-weight: 600
}

.graf--subtitle {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  font-size: 28px;
  margin-left: -1.75px;
  line-height: 1.22;
  letter-spacing: -.012em
}

.v-glyph--m2 .graf--subtitle {
  font-weight: 400
}

.graf--kicker {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  font-size: 22px;
  margin-left: -1.38px;
  line-height: 1.22;
  letter-spacing: -.01em
}

.v-glyph--m2 .graf--kicker {
  font-weight: 400
}

.graf--blockquote {
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: italic;
  font-size: 21px;
  line-height: 1.58;
  letter-spacing: -.003em
}

.graf--pullquote {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  font-weight: 400;
  font-style: italic;
  font-size: 30px;
  margin-left: -1.88px;
  line-height: 1.48;
  letter-spacing: -.012em
}

.markup--pullquote-em,.markup--pullquote-strong {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  font-weight: 400;
  font-style: italic
}

.graf--li {
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.58;
  letter-spacing: -.003em
}

ul.postList>li:before {
  font-size: 16.8px
}

.markup--code {
  font-family: inherit
}

.graf--pre,.markup--blockquote-code,.markup--li-code,.markup--p-code {
  font-family: Menlo,Monaco,"Courier New",Courier,monospace;
  font-size: 16px
}

.markup--blockquote-code {
  font-style: normal
}

hr.section-divider:before {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  font-weight: 400;
  font-style: italic;
  font-size: 30px;
  letter-spacing: .6em
}

.graf--p.graf--startsWithSingleQuote {
  text-indent: -.2em
}

.graf--p.graf--startsWithDoubleQuote {
  text-indent: -.4em
}

.graf--h4.graf--startsWithSingleQuote {
  text-indent: -.18em
}

.graf--h4.graf--startsWithDoubleQuote {
  text-indent: -.34em
}

.graf--h2.graf--startsWithSingleQuote,.graf--h3.graf--startsWithSingleQuote {
  text-indent: -.21em
}

.graf--h2.graf--startsWithDoubleQuote,.graf--h3.graf--startsWithDoubleQuote {
  text-indent: -.415em
}

.graf--pullquote.graf--startsWithSingleQuote {
  text-indent: -.18em
}

.graf--pullquote.graf--startsWithDoubleQuote {
  text-indent: -.32em
}

.graf--startsWithDoubleQuote[data-align=center],.graf--startsWithSingleQuote[data-align=center] {
  text-indent: 0
}

.graf-dropCap {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  font-size: 72px;
  padding-top: 6px;
  margin-left: -5px;
  margin-right: 7px;
  letter-spacing: -.03em;
  line-height: .83;
  margin-bottom: -.08em
}

.v-glyph--m2 .graf-dropCap {
  font-weight: 600
}

.graf--hasDropCapImage .graf-dropCap {
  padding-top: 10px;
  margin-left: 0;
  margin-right: 18px
}

.graf-dropCapQuote {
  font-size: 44px;
  line-height: .92;
  margin-left: -3px;
  margin-right: 3px;
  vertical-align: top
}

.graf--p.graf--startsWithSingleQuote>.graf-dropCap {
  text-indent: -.13em;
  margin-right: 6px
}

.graf--p.graf--startsWithDoubleQuote>.graf-dropCap {
  text-indent: -.28em;
  margin-right: 6px
}

.graf--p.graf--hasDropCap.graf--startsWithDoubleQuote,.graf--p.graf--hasDropCap.graf--startsWithSingleQuote {
  text-indent: 0
}

.graf--blockquote[data-align=center],.graf--h2[data-align=center],.graf--h3[data-align=center],.graf--h4[data-align=center],p[data-align=center] {
  text-align: center
}

.graf--sectionCaption,.imageCaption {
  --x-height-multiplier:0.342;--baseline-multiplier:0.22;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  letter-spacing: -.02em;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "liga" on,"lnum" on;
  -moz-font-feature-settings: "liga" on,"lnum" on;
  -webkit-font-feature-settings: "liga" on,"lnum" on;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(0,0,0,.68);
  letter-spacing: 0
}

.v-glyph--m2 .graf--sectionCaption,.v-glyph--m2 .imageCaption {
  font-weight: 400
}

.postArticle--short .postArticle-content .graf--p {
  font-size: 18px;
  line-height: 1.58;
  letter-spacing: -.004em
}

.postArticle--short .graf--h2 {
  font-size: 30px;
  margin-left: -1.88px;
  line-height: 1.04;
  letter-spacing: -.015em
}

.postArticle--short .graf--h3 {
  font-size: 26px;
  margin-left: -1.63px;
  line-height: 1.15;
  letter-spacing: -.015em
}

.postArticle--short .graf--h4 {
  font-size: 22px;
  margin-left: -1.38px;
  line-height: 1.22;
  letter-spacing: -.012em
}

.postArticle--short .graf--blockquote {
  font-size: 18px;
  line-height: 1.58;
  letter-spacing: -.004em
}

.postArticle--short .graf--pullquote {
  font-size: 26px;
  margin-left: -1.63px;
  line-height: 1.4;
  letter-spacing: -.005em
}

.postArticle--short .graf--li {
  font-size: 18px;
  line-height: 1.58;
  letter-spacing: -.004em
}

.postArticle--short ul.postList>li:before {
  font-size: 16px
}

.postArticle--short .graf--pre,.postArticle--short .markup--blockquote-code,.postArticle--short .markup--li-code,.postArticle--short .markup--p-code {
  font-size: 14px
}

.postArticle--short .graf[data-align=center] {
  text-align: left
}

.postArticle--short .graf--title {
  font-size: 30px;
  margin-left: -1.88px;
  line-height: 1.04;
  letter-spacing: -.015em
}

.postArticle--short .graf--subtitle {
  font-size: 24px;
  margin-left: -1.5px;
  line-height: 1.22;
  letter-spacing: -.012em
}

@media all and (max-width: 767px) {
  .postArticle-content .graf--p {
    font-size:18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  .graf--h2 {
    font-size: 34px;
    margin-left: -2.13px;
    line-height: 1.04;
    letter-spacing: -.015em
  }

  .graf--h3 {
    font-size: 30px;
    margin-left: -1.88px;
    line-height: 1.15;
    letter-spacing: -.015em
  }

  .graf--h4 {
    font-size: 24px;
    margin-left: -1.5px;
    line-height: 1.22;
    letter-spacing: -.012em
  }

  .graf--blockquote {
    font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  .graf--pullquote {
    font-size: 24px;
    margin-left: -1.5px;
    line-height: 1.4;
    letter-spacing: -.005em
  }

  .graf--li {
    font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  ul.postList>li:before {
    font-size: 14.4px
  }

  .graf--pre,.markup--p-code {
    font-size: 14px
  }

  .postArticle[lang] .graf--blockquote,.postArticle[lang] .graf--li,.postArticle[lang] .graf--p {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 2;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-lines: 2
  }

  .graf-dropCap {
    font-size: 54.85px;
    padding-top: 3.5px;
    margin-left: -4px;
    margin-right: 6px
  }

  .graf--hasDropCapImage .graf-dropCap {
    margin-right: 14px
  }

  .graf-dropCapQuote {
    margin-right: 2px
  }

  .graf--p.graf--startsWithDoubleQuote>.graf-dropCap {
    text-indent: -8px;
    margin-right: 6px
  }

  hr.section-divider {
    font-size: 24px;
    line-height: 1.4
  }

  .graf--title {
    font-size: 34px;
    margin-left: -2.13px;
    line-height: 1.04;
    letter-spacing: -.015em
  }

  .graf--subtitle {
    font-size: 24px;
    margin-left: -1.5px;
    line-height: 1.22;
    letter-spacing: -.012em
  }

  .postArticle--short .postArticle-content .graf--p {
    font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  .postArticle--short .graf--h2 {
    font-size: 30px;
    margin-left: -1.88px;
    line-height: 1.12;
    letter-spacing: -.005em
  }

  .postArticle--short .graf--h3 {
    font-size: 30px;
    margin-left: -1.88px;
    line-height: 1.12;
    letter-spacing: -.005em
  }

  .postArticle--short .graf--h4 {
    font-size: 26px;
    margin-left: -1.63px;
    line-height: 1.18;
    letter-spacing: -.005em
  }

  .postArticle--short .graf--blockquote {
    font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  .postArticle--short .graf--pullquote {
    font-size: 24px;
    margin-left: -1.5px;
    line-height: 1.4;
    letter-spacing: -.005em
  }

  .postArticle--short .graf--li {
    font-size: 18px;
    line-height: 1.58;
    letter-spacing: -.004em
  }

  .postArticle--short hr.section-divider {
    font-size: 24px;
    line-height: 1.4
  }
}

@media print {
  .postArticle-content .graf--p {
    font-size: 14.28px
  }

  .graf--h2 {
    font-size: 36.72px;
    margin-left: -2.3px
  }

  .graf--h3 {
    font-size: 25.84px;
    margin-left: -1.62px
  }

  .graf--h4 {
    font-size: 20.4px;
    margin-left: -1.27px
  }

  .graf--blockquote {
    font-size: 14.28px
  }

  .graf--pullquote {
    font-size: 20.4px;
    margin-left: -1.27px
  }

  .graf--li {
    font-size: 14.28px
  }

  ul.postList>li:before {
    font-size: 11.42px
  }

  .graf--pre {
    font-size: 10.88px
  }

  .markup--code {
    font-size: 10.88px
  }

  hr.section-divider:before {
    font-size: 20.4px
  }

  .graf-dropCap {
    font-size: 43.52px
  }

  .graf-dropCapQuote {
    font-size: 29.92px
  }

  .graf--sectionCaption,.imageCaption {
    font-size: 10.88px
  }
}

.postArticle[lang=ja] {
  font-feature-settings: "liga" on,"lnum" on;
  -moz-font-feature-settings: "liga" on,"lnum" on;
  -webkit-font-feature-settings: "liga" on,"lnum" on
}

.browser-chrome .postArticle[lang=ja],.browser-chrome .postArticle[lang=ko],.browser-chrome .postArticle[lang=zh-Hant],.browser-chrome .postArticle[lang=zh-TW],.browser-chrome .postArticle[lang=zh] {
  text-rendering: optimizeSpeed!important;
  font-feature-settings: normal!important
}

.postArticle-content .graf--p {
  margin-top: 38px
}

.graf--p.graf-after--blockquote,.postArticle-content .graf--p.graf-after--p,.postList+.graf--p {
  margin-top: 29px
}

.graf--p.graf-after--h2 {
  margin-top: 18px
}

.graf--p.graf-after--h3 {
  margin-top: 8px
}

.graf--p.graf-after--h4 {
  margin-top: 6px
}

.graf--p.graf-after--pullquote {
  margin-top: 54px
}

.graf--blockquote {
  margin-top: 38px
}

.graf--blockquote.graf-after--blockquote {
  margin-top: 0;
  padding-top: 27px
}

.postArticle-content .graf--blockquote.graf-after--p,.postList+.graf--blockquote {
  margin-top: 29px
}

.graf--blockquote.graf-after--h2 {
  margin-top: 18px
}

.graf--blockquote.graf-after--h3 {
  margin-top: 12px
}

.graf--blockquote.graf-after--h4 {
  margin-top: 10px
}

.graf--blockquote.graf-after--pullquote {
  margin-top: 54px
}

.postList {
  margin-top: 38px
}

.graf--blockquote+.postList,.postArticle-content .graf--p+.postList,.postList+.postList {
  margin-top: 29px
}

.graf--h2+.postList {
  margin-top: 18px
}

.graf--h3+.postList {
  margin-top: 12px
}

.graf--h4+.postList {
  margin-top: 10px
}

.graf--pullquote+.postList {
  margin-top: 54px
}

.graf--pullquote {
  margin-top: 64px
}

.graf--pullquote.graf-after--blockquote,.graf--pullquote.graf-after--p,.postList+.graf--pullquote {
  margin-top: 55px
}

.graf--pullquote.graf-after--h2 {
  margin-top: 58px
}

.graf--pullquote.graf-after--h3 {
  margin-top: 28px
}

.graf--pullquote.graf-after--h4 {
  margin-top: 28px
}

.graf--pullquote.graf-after--pullquote {
  margin-top: 24px
}

.graf--h2 {
  margin-top: 63px
}

.graf--h2.graf-after--blockquote,.graf--h2.graf-after--p,.postList+.graf--h2 {
  margin-top: 54px
}

.graf--h2.graf-after--h3 {
  margin-top: -3px
}

.graf--h2.graf-after--h4 {
  margin-top: -3px
}

.graf--h2.graf-after--pullquote {
  margin-top: 51px
}

.graf--h3 {
  margin-top: 53px
}

.graf--h3.graf-after--blockquote,.graf--h3.graf-after--p,.postList+.graf--h3 {
  margin-top: 56px
}

.graf--h3.graf-after--h2 {
  margin-top: 1px
}

.graf--h3.graf-after--h4 {
  margin-top: 31px
}

.graf--h3.graf-after--pullquote {
  margin-top: 53px
}

.graf--h4 {
  margin-top: 39px
}

.graf--h4.graf-after--blockquote,.graf--h4.graf-after--p,.postList+.graf--h4 {
  margin-top: 30px
}

.graf--h4.graf-after--h2 {
  margin-top: 3px
}

.graf--h4.graf-after--h3 {
  margin-top: 31px
}

.graf--h4.graf-after--pullquote {
  margin-top: 55px
}

.graf--title {
  margin-top: 39px
}

.graf--kicker+.graf--title {
  margin-top: 5px
}

.graf--subtitle.graf-after--h2,.graf--subtitle.graf-after--h3 {
  margin-top: 5px;
  margin-bottom: 22px
}

.graf--subtitle+.graf--h3 {
  margin-top: 45px
}

.graf--title+.graf--p {
  margin-top: 10px
}

.graf--subtitle+.graf--p {
  margin-top: 10px
}

.graf--figure,.graf--mixtapeEmbed,.graf--pre {
  margin-top: 52px
}

.graf--figure.graf-after--blockquote,.graf--figure.graf-after--p,.graf--mixtapeEmbed.graf-after--blockquote,.graf--mixtapeEmbed.graf-after--p,.graf--pre.graf-after--blockquote,.graf--pre.graf-after--p,.postList+.graf--figure,.postList+.graf--mixtapeEmbed,.postList+.graf--pre {
  margin-top: 43px
}

.graf--figure.graf-after--h2,.graf--mixtapeEmbed.graf-after--h2,.graf--pre.graf-after--h2 {
  margin-top: 46px
}

.graf--figure.graf-after--h3,.graf--mixtapeEmbed.graf-after--h3,.graf--pre.graf-after--h3 {
  margin-top: 44px
}

.graf--figure.graf-after--h4,.graf--mixtapeEmbed.graf-after--h4,.graf--pre.graf-after--h4 {
  margin-top: 44px
}

.graf--figure.graf-after--pullquote,.graf--mixtapeEmbed.graf-after--pullquote,.graf--pre.graf-after--pullquote {
  margin-top: 68px
}

.graf--layoutFillWidth,.graf--layoutFillWidth.graf-after--blockquote,.graf--layoutFillWidth.graf-after--p,.postList+.graf--layoutFillWidth {
  margin-top: 80px;
  margin-bottom: 80px
}

.graf--layoutFillWidth+.graf--layoutFillWidth {
  margin-top: -80px
}

hr.section-divider {
  margin-top: 52px;
  margin-bottom: 42px
}

section.is-backgrounded {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 80px;
  margin-bottom: 80px
}

section.is-imageBackgrounded {
  padding-bottom: 80px
}

section.is-backgrounded+section.is-backgrounded,section[data-background-color]+section .graf--leading.graf--layoutFillWidth,section[data-background-color]:not(.section--first) .graf--leading.graf--layoutFillWidth {
  margin-top: -80px
}

section.is-imageBackgrounded+section.is-imageBackgrounded {
  margin-top: -81px
}

.section--cover+section .graf--leading {
  margin-top: 13px
}

.sectionLayout--outsetColumn,.sectionLayout--outsetRow {
  margin-top: 52px
}

.sectionLayout--outsetColumn+.sectionLayout--fullWidth,.sectionLayout--outsetColumn+.sectionLayout--insetColumn,.sectionLayout--outsetRow+.sectionLayout--fullWidth,.sectionLayout--outsetRow+.sectionLayout--insetColumn {
  margin-top: 52px
}

.postArticle--short .postArticle-content .graf--p {
  margin-top: 24px
}

.postArticle--short .graf--p.graf-after--blockquote,.postArticle--short .postArticle-content .graf--p.graf-after--p,.postArticle--short .postList+.graf--p {
  margin-top: 15px
}

.postArticle--short .graf--p.graf-after--h2 {
  margin-top: 14px
}

.postArticle--short .graf--p.graf-after--h3 {
  margin-top: 6px
}

.postArticle--short .graf--p.graf-after--h4 {
  margin-top: 4px
}

.postArticle--short .graf--p.graf-after--pullquote {
  margin-top: 12px
}

.postArticle--short .graf--blockquote {
  margin-top: 24px
}

.postArticle--short .graf--blockquote.graf-after--blockquote {
  margin-top: 0;
  padding-top: 13px
}

.postArticle--short .postArticle-content .graf--blockquote.graf-after--p,.postArticle--short .postList+.graf--blockquote {
  margin-top: 15px
}

.postArticle--short .graf--blockquote.graf-after--h2 {
  margin-top: 14px
}

.postArticle--short .graf--blockquote.graf-after--h3 {
  margin-top: 8px
}

.postArticle--short .graf--blockquote.graf-after--h4 {
  margin-top: 6px
}

.postArticle--short .graf--blockquote.graf-after--pullquote {
  margin-top: 12px
}

.postArticle--short .postList {
  margin-top: 24px
}

.postArticle--short .graf--blockquote+.postList,.postArticle--short .postArticle-content .graf--p+.postList,.postArticle--short .postList+.postList {
  margin-top: 15px
}

.postArticle--short .graf--h2+.postList {
  margin-top: 14px
}

.postArticle--short .graf--h3+.postList {
  margin-top: 8px
}

.postArticle--short .graf--h4+.postList {
  margin-top: 6px
}

.postArticle--short .graf--pullquote+.postList {
  margin-top: 12px
}

.postArticle--short .graf--pullquote {
  margin-top: 22px
}

.postArticle--short .graf--blockquote+.postList,.postArticle--short .graf--pullquote.graf-after--blockquote,.postArticle--short .graf--pullquote.graf-after--p {
  margin-top: 13px
}

.postArticle--short .graf--pullquote.graf-after--h2 {
  margin-top: 16px
}

.postArticle--short .graf--pullquote.graf-after--h3 {
  margin-top: 20px
}

.postArticle--short .graf--pullquote.graf-after--h4 {
  margin-top: 20px
}

.postArticle--short .graf--pullquote.graf-after--pullquote {
  margin-top: 10px
}

.postArticle--short .graf--h2 {
  margin-top: 21px
}

.postArticle--short .graf--h2.graf-after--blockquote,.postArticle--short .graf--h2.graf-after--p,.postArticle--short .postList+.graf--h2 {
  margin-top: 12px
}

.postArticle--short .graf--h2.graf-after--h3 {
  margin-top: -3px
}

.postArticle--short .graf--h2.graf-after--h4 {
  margin-top: -3px
}

.postArticle--short .graf--h2.graf-after--pullquote {
  margin-top: 9px
}

.postArticle--short .graf--h3 {
  margin-top: 23px
}

.postArticle--short .graf--h3.graf-after--blockquote,.postArticle--short .graf--h3.graf-after--p,.postArticle--short .postList+.graf--h3 {
  margin-top: 14px
}

.postArticle--short .graf--h3.graf-after--h2 {
  margin-top: 1px
}

.postArticle--short .graf--h3.graf-after--h4 {
  margin-top: 3px
}

.postArticle--short .graf--h3.graf-after--pullquote {
  margin-top: 11px
}

.postArticle--short .graf--h4 {
  margin-top: 25px
}

.postArticle--short .graf--h4.graf-after--blockquote,.postArticle--short .graf--h4.graf-after--p,.postArticle--short .postList+.graf--h4 {
  margin-top: 16px
}

.postArticle--short .graf--h4.graf-after--h2 {
  margin-top: 3px
}

.postArticle--short .graf--h4.graf-after--h3 {
  margin-top: 9px
}

.postArticle--short .graf--h4.graf-after--pullquote {
  margin-top: 13px
}

.postArticle--short .graf--figure,.postArticle--short .graf--mixtapeEmbed,.postArticle--short .graf--pre {
  margin-top: 38px
}

.postArticle--short .graf--blockquote+.postList,.postArticle--short .graf--figure.graf-after--blockquote,.postArticle--short .graf--figure.graf-after--p,.postArticle--short .graf--mixtapeEmbed.graf-after--blockquote,.postArticle--short .graf--mixtapeEmbed.graf-after--p,.postArticle--short .graf--p+.postList,.postArticle--short .graf--pre.graf-after--blockquote,.postArticle--short .graf--pre.graf-after--p,.postArticle--short .postList+.graf--figure,.postArticle--short .postList+.graf--mixtapeEmbed,.postArticle--short .postList+.graf--pre,.postArticle--short .postList+.postList {
  margin-top: 29px
}

.postArticle--short .graf--figure.graf-after--h2,.postArticle--short .graf--mixtapeEmbed.graf-after--h2,.postArticle--short .graf--pre.graf-after--h2 {
  margin-top: 32px
}

.postArticle--short .graf--figure.graf-after--h3,.postArticle--short .graf--mixtapeEmbed.graf-after--h3,.postArticle--short .graf--pre.graf-after--h3 {
  margin-top: 30px
}

.postArticle--short .graf--figure.graf-after--h4,.postArticle--short .graf--mixtapeEmbed.graf-after--h4,.postArticle--short .graf--pre.graf-after--h4 {
  margin-top: 30px
}

.postArticle--short .graf--layoutFillWidth,.postArticle--short .graf--layoutFillWidth.graf-after--blockquote,.postArticle--short .graf--layoutFillWidth.graf-after--p {
  margin-top: 29px;
  margin-bottom: 29px
}

.postArticle--short .graf--figure.graf-after--pullquote,.postArticle--short .graf--mixtapeEmbed.graf-after--pullquote,.postArticle--short .graf--pre.graf-after--pullquote {
  margin-top: 26px
}

.postArticle--short .graf--figure.is-partialWidth {
  margin-top: 0
}

.postArticle--short .sectionLayout--outsetRow {
  margin-top: 22px
}

.postArticle--short .section--first .sectionLayout--outsetRow:first-child {
  margin-top: 0
}

.postArticle--short .sectionLayout--outsetColumn+.sectionLayout--fullWidth,.postArticle--short .sectionLayout--outsetColumn+.sectionLayout--insetColumn,.postArticle--short .sectionLayout--outsetRow+.sectionLayout--fullWidth,.postArticle--short .sectionLayout--outsetRow+.sectionLayout--insetColumn {
  margin-top: 22px
}

.postArticle--short hr.section-divider {
  margin-top: 38px;
  margin-bottom: 28px
}

.postArticle--short .postArticle-content .section--first {
  padding-top: 0
}

.postArticle--short .postArticle-content .graf--leading {
  margin-top: 0
}

.postArticle--short .graf--title {
  margin-top: 31px
}

.postArticle--short .graf--kicker+.graf--title {
  margin-top: 5px
}

.postArticle--short .graf--subtitle.graf-after--h2,.postArticle--short .graf--subtitle.graf-after--h3 {
  margin-top: 5px;
  margin-bottom: 7px
}

.postArticle--short .graf--subtitle+.graf--h3 {
  margin-top: 15px
}

.postArticle--short .graf--title+.graf--p {
  margin-top: 10px
}

.postArticle--short .graf--subtitle+.graf--p {
  margin-top: 10px
}

.postArticle--short .graf--leading {
  margin-top: 0
}

@media (max-width: 767px) {
  .postArticle-content .graf--p {
    margin-top:30px
  }

  .graf--p.graf-after--blockquote,.postArticle-content .graf--p.graf-after--p,.postList+.graf--p {
    margin-top: 21px
  }

  .graf--p.graf-after--h2 {
    margin-top: 14px
  }

  .graf--p.graf-after--h3 {
    margin-top: 8px
  }

  .graf--p.graf-after--h4 {
    margin-top: 6px
  }

  .graf--p.graf-after--pullquote {
    margin-top: 26px
  }

  .graf--blockquote {
    margin-top: 30px
  }

  .graf--blockquote.graf-after--blockquote {
    margin-top: 0;
    padding-top: 19px
  }

  .postArticle-content .graf--blockquote.graf-after--p,.postList+.graf--blockquote {
    margin-top: 21px
  }

  .graf--blockquote.graf-after--h2 {
    margin-top: 14px
  }

  .graf--blockquote.graf-after--h3 {
    margin-top: 8px
  }

  .graf--blockquote.graf-after--h4 {
    margin-top: 6px
  }

  .graf--blockquote.graf-after--pullquote {
    margin-top: 26px
  }

  .postList {
    margin-top: 30px
  }

  .graf--blockquote+.postList,.postArticle-content .graf--p+.postList,.postList+.postList {
    margin-top: 21px
  }

  .graf--h2+.postList {
    margin-top: 14px
  }

  .graf--h3+.postList {
    margin-top: 8px
  }

  .graf--h4+.postList {
    margin-top: 6px
  }

  .graf--pullquote+.postList {
    margin-top: 26px
  }

  .graf--pullquote {
    margin-top: 36px
  }

  .graf--pullquote.graf-after--blockquote,.graf--pullquote.graf-after--p,.postList+.graf--pullquote {
    margin-top: 27px
  }

  .graf--pullquote.graf-after--h2 {
    margin-top: 30px
  }

  .graf--pullquote.graf-after--h3 {
    margin-top: 20px
  }

  .graf--pullquote.graf-after--h4 {
    margin-top: 20px
  }

  .graf--pullquote.graf-after--pullquote {
    margin-top: 16px
  }

  .graf--h2 {
    margin-top: 35px
  }

  .graf--h2.graf-after--blockquote,.graf--h2.graf-after--p,.postList+.graf--h2 {
    margin-top: 26px
  }

  .graf--h2.graf-after--h3 {
    margin-top: -3px
  }

  .graf--h2.graf-after--h4 {
    margin-top: -3px
  }

  .graf--h2.graf-after--pullquote {
    margin-top: 23px
  }

  .graf--h3 {
    margin-top: 45px
  }

  .graf--h3.graf-after--blockquote,.graf--h3.graf-after--p,.postList+.graf--h3 {
    margin-top: 28px
  }

  .graf--h3.graf-after--h2 {
    margin-top: 1px
  }

  .graf--h3.graf-after--h4 {
    margin-top: 23px
  }

  .graf--h3.graf-after--pullquote {
    margin-top: 25px
  }

  .graf--h4 {
    margin-top: 31px
  }

  .graf--h4.graf-after--blockquote,.graf--h4.graf-after--p,.postList+.graf--h4 {
    margin-top: 22px
  }

  .graf--h4.graf-after--h2 {
    margin-top: 3px
  }

  .graf--h4.graf-after--h3 {
    margin-top: 23px
  }

  .graf--h4.graf-after--pullquote {
    margin-top: 27px
  }

  .graf--figure,.graf--mixtapeEmbed,.graf--pre {
    margin-top: 44px
  }

  .graf--figure.graf-after--blockquote,.graf--figure.graf-after--p,.graf--mixtapeEmbed.graf-after--blockquote,.graf--mixtapeEmbed.graf-after--p,.graf--pre.graf-after--blockquote,.graf--pre.graf-after--p,.postList+.graf--figure,.postList+.graf--mixtapeEmbed,.postList+.graf--pre {
    margin-top: 35px
  }

  .graf--figure.graf-after--h2,.graf--mixtapeEmbed.graf-after--h2,.graf--pre.graf-after--h2 {
    margin-top: 38px
  }

  .graf--figure.graf-after--h3,.graf--mixtapeEmbed.graf-after--h3,.graf--pre.graf-after--h3 {
    margin-top: 36px
  }

  .graf--figure.graf-after--h4,.graf--mixtapeEmbed.graf-after--h4,.graf--pre.graf-after--h4 {
    margin-top: 36px
  }

  .graf--figure.graf-after--pullquote,.graf--mixtapeEmbed.graf-after--pullquote,.graf--pre.graf-after--pullquote {
    margin-top: 40px
  }

  .graf--layoutFillWidth,.graf--layoutFillWidth.graf-after--blockquote,.graf--layoutFillWidth.graf-after--p,.postList+.graf--layoutFillWidth {
    margin-top: 52px;
    margin-bottom: 52px
  }

  .graf--layoutFillWidth+.graf--layoutFillWidth {
    margin-top: -52px
  }

  hr.section-divider {
    margin-top: 44px;
    margin-bottom: 34px
  }

  section.is-backgrounded {
    padding-top: 52px;
    padding-bottom: 52px;
    margin-top: 52px;
    margin-bottom: 52px
  }

  section.is-imageBackgrounded {
    padding-bottom: 52px
  }

  section.is-backgrounded+section.is-backgrounded,section[data-background-color]+section .graf--leading.graf--layoutFillWidth,section[data-background-color]:not(.section--first) .graf--leading.graf--layoutFillWidth {
    margin-top: -52px
  }

  section.is-imageBackgrounded+section.is-imageBackgrounded {
    margin-top: -53px
  }

  .sectionLayout--outsetColumn,.sectionLayout--outsetRow {
    margin-top: 44px
  }

  .sectionLayout--outsetColumn+.sectionLayout--fullWidth,.sectionLayout--outsetColumn+.sectionLayout--insetColumn,.sectionLayout--outsetRow+.sectionLayout--fullWidth,.sectionLayout--outsetRow+.sectionLayout--insetColumn {
    margin-top: 44px
  }

  .graf--title {
    margin-top: 31px
  }

  .graf--kicker+.graf--title {
    margin-top: 5px
  }

  .graf--subtitle.graf-after--h2,.graf--subtitle.graf-after--h3 {
    margin-top: 5px;
    margin-bottom: 22px
  }

  .graf--subtitle+.graf--h3 {
    margin-top: 37px
  }

  .graf--title+.graf--p {
    margin-top: 10px
  }

  .graf--subtitle+.graf--p {
    margin-top: 10px
  }
}

.graf--layoutInsetLeft,.graf--layoutInsetRight,.graf--layoutOutsetLeft,.graf--leading.graf--layoutInsetLeft,.graf--leading.graf--layoutInsetRight,.graf--leading.graf--layoutOutsetLeft,.section--card .graf--leading,.section--first .graf--leading,.section--first .graf--leading.graf--layoutFillWidth,.section--first .graf--leading.graf--layoutFillWidthCroppedCover,.section--first.is-backgrounded,.section-image--aspectRatioViewport .graf--leading,.sectionLayout--outsetColumn .graf--figure,.sectionLayout--outsetColumn+.sectionLayout--outsetRow,.sectionLayout--outsetRow .graf--figure,.sectionLayout--outsetRow+.sectionLayout--outsetColumn,.sectionLayout--outsetRow+.sectionLayout--outsetRow {
  --margin-top-multiplier:0;margin-top: 0
}

.section-image--aspectRatioViewport .graf--trailing,section.is-backgrounded:last-child,section[data-background-color] .graf--trailing.graf--layoutFillWidth {
  margin-bottom: 0
}

@media print {
  .graf--blockquote+.postList,.graf--blockquote.graf-after--blockquote,.graf--p.graf-after--blockquote,.postArticle-content .graf--blockquote.graf-after--p,.postArticle-content .graf--p+.postList,.postArticle-content .graf--p.graf-after--p,.postList+.graf--blockquote,.postList+.graf--p,.postList+.postList {
    margin-top: 20px
  }
}

.postArticle--series {
  font-size: 16px
}

.postArticle--series .graf {
  --font-size:1.125;--line-height:1.58;font-size: calc(1em * var(--font-size));
  line-height: var(--line-height)
}

.postArticle--series .graf[data-align=center] {
  text-align: center
}

.postArticle--series .graf--blockquote,.postArticle--series .graf--li,.postArticle--series .postArticle-content .graf--p {
  --font-size:1.125;--line-height:1.58;letter-spacing: -.003em
}

.postArticle--series .graf--h2 {
  --font-size:1.8125;--line-height:1.04;letter-spacing: -.015em;
  margin-left: -.0625em
}

.postArticle--series .graf--h3 {
  --font-size:2.5;--line-height:1.15;letter-spacing: -.015em;
  margin-left: -.0625em
}

.postArticle--series .graf--h4 {
  --font-size:1.75;--line-height:1.22;letter-spacing: -.012em;
  margin-left: -.0625em
}

.postArticle--series .graf--title {
  --font-size:1.8125;--line-height:1.04;letter-spacing: -.015em;
  margin-left: -.0625em
}

.postArticle--series .graf--subtitle {
  --font-size:1.4375;--line-height:1.22;letter-spacing: -.012em;
  margin-left: -.0625em
}

.postArticle--series .graf--blockquote {
  border-left: .1875em solid rgba(0,0,0,.84);
  padding-left: .875em;
  margin-left: -1.0625em;
  padding-bottom: .125em
}

.postArticle--series .graf--pullquote {
  --font-size:1.625;--line-height:1.48;padding-left: 0
}

.postArticle--series .postList>li:before {
  width: 4.875em;
  margin-left: -4.875em
}

.postArticle--series ol.postList>li:before {
  padding-right: .75em
}

.postArticle--series ul.postList>li:before {
  padding-top: .25em;
  padding-right: .9375em
}

.postArticle--series .graf--li {
  margin-left: 1.875em
}

@media (max-height: 820px) {
  .postArticle--series {
    font-size:16px
  }
}

@media (max-height: 780px) {
  .postArticle--series {
    font-size:15px
  }
}

@media (max-height: 740px) {
  .postArticle--series {
    font-size:14px
  }
}

@media (max-height: 700px) {
  .postArticle--series {
    font-size:13px
  }
}

@media (max-height: 660px) {
  .postArticle--series {
    font-size:12px
  }
}

@media (max-height: 620px) {
  .postArticle--series {
    font-size:11px
  }
}

@media (max-height: 580px) {
  .postArticle--series {
    font-size:10px
  }
}

.postArticle--series {
  --space-a:3.125;--space-b:2.375;--space-c:1.875;--margin-top-multiplier:1;--margin-bottom-multiplier:1;--padding-top-multiplier:0}

.postArticle--series .postArticle-content .postList {
  margin-top: 0;
  margin-bottom: 0
}

.postArticle--series .graf-after--blockquote.graf--blockquote {
  padding-top: 0
}

.postArticle--series .section--card {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0
}

.postArticle--series .postArticle-content .graf {
  margin-top: calc(1em * var(--margin-top-multiplier) * ((var(--space)/ var(--font-size)) - var(--x-height-multiplier) - ((var(--line-height) - 1)/ 2)));
  margin-bottom: calc(-1em * var(--margin-bottom-multiplier) * (var(--baseline-multiplier) + ((var(--line-height) - 1)/ 2)));
  padding-top: calc(1em * var(--padding-top-multiplier) * ((var(--space)/ var(--font-size)) - var(--x-height-multiplier) - ((var(--line-height) - 1)/ 2)))
}

.postArticle--series .graf {
  --space:var(--space-b)}

.postArticle--series .graf--pullquote {
  --space:var(--space-a)}

.postArticle--series .graf-after--pullquote.graf {
  --space:var(--space-a)}

.postArticle--series .graf-after--pullquote.graf--pullquote,.postArticle--series .postList+.postList .graf--li:first-child {
  --space:var(--space-b)}

.postArticle--series .graf-after--blockquote.graf--blockquote,.postArticle--series .graf-after--li.graf--li {
  --space:var(--space-c)}

.postArticle--series .graf-after--blockquote.graf--blockquote {
  --margin-top-multiplier:0;--padding-top-multiplier:1}

.postArticle--series .graf--trailing {
  --margin-bottom-multiplier:0}

.markup--anchor {
  text-decoration: underline
}

body.is-withMagicUnderlines .markup--anchor {
  text-decoration: none;
  background-image: linear-gradient(to bottom,rgba(0,0,0,.68) 50%,rgba(0,0,0,0) 50%);
  background-repeat: repeat-x;
  background-size: 2px .1em;
  background-position: 0 1.07em
}

body.is-withMagicUnderlines .markup--h2-anchor,body.is-withMagicUnderlines .markup--h3-anchor,body.is-withMagicUnderlines .markup--h4-anchor {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.84),rgba(0,0,0,.84))
}

body.is-withMagicUnderlines .graf--kicker .markup--anchor,body.is-withMagicUnderlines .graf--subtitle .markup--anchor,body.is-withMagicUnderlines .markup--pullquote-anchor {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.54) 50%,rgba(0,0,0,0) 50%)
}

body.is-withMagicUnderlines .markup--figure-anchor {
  background-image: linear-gradient(to bottom,#fff 50%,rgba(0,0,0,.54) 50%)
}

@media all and (max-width: 991px) {
  body.is-withMagicUnderlines .markup--anchor {
    background-size:2px 2px;
    background-position: 0 1.03em
  }
}

@media only screen and (max-width: 991px) and (min-device-pixel-ratio:2),only screen and (max-width:991px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:991px) and (min-resolution:2dppx) {
  body.is-withMagicUnderlines .markup--anchor {
    background-size:2px 1px;
    background-position: 0 1.03em
  }
}

body.is-withMagicUnderlines .postArticle--short .markup--anchor {
  background-size: 2px 2px;
  background-position: 0 1.03em
}

@media only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
  body.is-withMagicUnderlines .postArticle--short .markup--anchor {
    background-size:2px 1px;
    background-position: 0 1.03em
  }
}

body.is-withMagicUnderlines .markup--anchor.markup--h2-anchor,body.is-withMagicUnderlines .markup--anchor.markup--h3-anchor,body.is-withMagicUnderlines .markup--anchor.markup--pullquote-anchor {
  background-size: 2px .115em;
  background-position: 0 1.05em
}

body.is-withMagicUnderlines .markup--anchor.markup--h4-anchor {
  background-size: 2px .12em;
  background-position: 0 1.05em
}

body.is-withMagicUnderlines .markup--anchor.markup--figure-anchor {
  background-size: 2px 2px;
  background-position: 0 .98em
}

body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--anchor {
  background-image: linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%)
}

body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--h2-anchor,body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--h3-anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--h2-anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--h3-anchor {
  background-image: linear-gradient(to bottom,#fff,#fff)
}

body.is-withMagicUnderlines section.is-darkBackgrounded .markup--anchor {
  background-image: linear-gradient(to bottom,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 50%)
}

body.is-withMagicUnderlines section.is-darkBackgrounded .markup--h2-anchor,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--h3-anchor {
  background-image: linear-gradient(to bottom,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 50%)
}

body.is-withMagicUnderlines .markup--code .markup--anchor,body.is-withMagicUnderlines .markup--pre-anchor,body.is-withMagicUnderlines .quoteResponses .markup--anchor,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--pre-anchor,body.is-withMagicUnderlines section.section--card .markup--anchor {
  text-decoration: underline;
  background: 0 0
}

.markup--anchor.markup--mixtapeEmbed-anchor {
  background-image: none;
  text-decoration: none
}

@media print {
  .markup--anchor,.markup--figure-anchor,.markup--pre-anchor,.markup--pullquote-anchor,body.is-withMagicUnderlines .markup--figure-anchor,body.is-withMagicUnderlines .markup--pre-anchor,body.is-withMagicUnderlines .markup--pullquote-anchor {
    text-decoration: none;
    background: 0 0
  }
}

.responsesStreamWrapper {
  padding-bottom: 40px
}

.responsesStream-title {
  margin-bottom: 15px
}

.responsesStream-title .heading-title {
  font-size: 16px;
  color: rgba(0,0,0,.68)
}

.responsesStream .streamItem-card--postPreview,.responsesStream .streamItemConversation {
  margin-top: 20px;
  margin-bottom: 0
}

.responsesStream-editor {
  margin-top: 5px;
  padding: 0 20px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.03);
  box-shadow: 0 1px 4px rgba(0,0,0,.03)
}

.responsesStream-editor .inlineEditor.is-collapsed {
  height: 80px
}

.responsesStream-showOtherResponses.cardChromeless {
  padding: 20px;
  border: 1px solid rgba(0,0,0,.09)!important
}

.responsesStream-showOtherResponses.cardChromeless:hover {
  border-color: rgba(0,0,0,.15)!important
}

.quoteResponses {
  background-color: #fff;
  width: 400px
}

.quoteResponses-section {
  padding: 0 20px
}

.quoteResponses-section--fullBleed .quoteResponses-inner {
  padding: 5px 20px 0
}

.quoteResponses-section:not(.quoteResponses-section--fullBleed):first-child {
  padding-top: 20px
}

.quoteResponses-section:last-child {
  padding-bottom: 10px
}

.quoteResponses .inlineNewPostControl {
  margin-top: 10px
}

.quoteResponses .inlineEditor:last-child {
  margin-bottom: 5px
}

.quoteResponses .inlineEditor-header .avatar-text,.quoteResponses .inlineEditor-placeholder {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  font-size: 18px
}

.quoteResponses .inlineEditor-header .avatar-text {
  color: rgba(0,0,0,.84)
}

.quoteResponses .inlineEditor.is-collapsed {
  height: 75px
}

.quoteResponses .inlineEditor-placeholder {
  display: none
}

.quoteResponses .inlineEditor.is-collapsed .inlineEditor-placeholder {
  display: block;
  color: rgba(0,0,0,.54)
}

.quoteResponses .postArticle .graf--blockquote,.quoteResponses .postArticle .graf--li,.quoteResponses .postArticle .graf--p {
  font-size: 18px
}

.quoteResponses-section:not(.is-withEditor) .block:first-child {
  border-top: 0;
  padding-top: 0
}

.privateNotes {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.privateNotes-editor,.privateNotes-list {
  font-size: 16px;
  margin-top: 10px
}

.privateNotes-content {
  margin: 5px 0 0;
  word-break: break-word;
  word-wrap: break-word
}

.privateNotes-list>.privateNotes-item {
  margin-bottom: 35px
}

.privateNotes-list>.privateNotes-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.privateNotes-item .privateNotes-item {
  margin: 15px 0 0 20px
}

.privateNotes-actions {
  margin: 10px 0 0;
  padding: 10px 0;
  border-top: solid 1px rgba(0,0,0,.05)
}

.privateNotes-editor--reply {
  margin-left: 20px
}

.privateNotes-item.is-noteEditorVisible:last-child .privateNotes-actions:not(.privateNotes-actions--withDismiss),.privateNotes-list.is-empty+.privateNotes-actions {
  border-top: 0;
  padding-top: 0;
  margin-top: 5px
}

.privateNotes-editor .avatar {
  margin-bottom: 10px
}

.privateNotes-prompt:not(.button--primary) {
  color: rgba(0,0,0,.68)
}

.privateNotes-editor .graf--p .defaultValue {
  color: rgba(0,0,0,.54)
}

.privateNotes-actions.is-noteEditorVisible .privateNotes-prompt,.privateNotes-editor,.privateNotes-item.is-noteEditorVisible .privateNotes-prompt,.privateNotes-list:not(.is-empty)+.privateNotes-actions {
  display: none
}

.privateNotes-actions.is-noteEditorVisible .privateNotes-editor,.privateNotes-item.is-noteEditorVisible .privateNotes-editor {
  display: block
}

.privateNotes-editor .editable {
  outline: 0
}

.heading--privateNotes .svgIcon {
  fill: rgba(0,0,0,.54)
}

.heading--privateNotes {
  color: rgba(0,0,0,.54)
}

.privateNotes-content a {
  text-decoration: underline
}

.privateNotes-authorLockup,.privateNotes-item>.avatar {
  display: inline-block;
  vertical-align: middle
}

.privateNotes-authorLockup {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  margin-left: 10px;
  line-height: 1.3
}

.privateNotes-delete,.privateNotes-supplemental {
  color: rgba(0,0,0,.54);
  font-size: 15px
}

.privateNotes-author {
  color: rgba(0,0,0,.84)
}

.privateNotes-author--supplemental {
  color: rgba(0,0,0,.54)
}

.privateNotes-actions .privateNotes-delete {
  font-size: 16px
}

.quoteResponses-section--tips,.quoteResponses-section--tips:last-child {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  background: #fafafa;
  color: rgba(0,0,0,.68);
  border: 1px solid rgba(0,0,0,.05);
  height: 200px;
  padding: 20px 0
}

.quoteResponses-section--tipsInner {
  height: 200px
}

.quoteResponses-section--tipsContent {
  display: inline-block;
  width: 260px
}

.quoteResponses-tipAnimation {
  margin-top: 20px;
  width: 250px;
  height: 120px
}

.notesPositionContainer {
  position: relative;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.notesMarkers {
  position: absolute;
  top: 0;
  right: 0
}

.notesPositionContainer>.notesMarkers {
  z-index: 60;
  overflow: visible
}

.notesMarker {
  position: relative;
  left: 0;
  width: 20px;
  height: 24px;
  padding: 10px 0;
  margin: -4px 0 0 -4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  overflow: hidden
}

.notesMarker .svgIcon {
  fill: rgba(0,0,0,.54)
}

.markup--highlight {
  background: rgba(12,235,160,.9)
}

section.is-darkBackgrounded .markup--highlight {
  background: rgba(255,255,255,.65)
}

@media screen and (max-width: 767px) {
  .notesPositionContainer {
    z-index:700
  }

  .markup--highlight {
    position: relative;
    z-index: 600
  }
}

@media print {
  .markup--highlight {
    background: rgba(255,255,255,0)
  }
}

.quoteItem {
  padding: 28px 0
}

.quoteItem.cardChromeless {
  padding: 28px 20px
}

.quoteItem .graf--p {
  margin-bottom: 0
}

.quoteItem .markup--highlight {
  background-color: rgba(12,242,143,.2)
}

.quoteItem-attribution {
  color: rgba(0,0,0,.54);
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 17px
}

.quoteItem-attributionTitle:hover {
  color: rgba(0,0,0,.68)
}

.quoteItem-content {
  padding-top: 10px;
  display: block;
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: .005rem
}

.paragraphControls {
  position: absolute;
  white-space: nowrap;
  padding-left: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .3s,opacity .3s 0s;
  transition: visibility 0s linear .3s,opacity .3s 0s
}

.paragraphControls.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s,opacity .3s 0s;
  transition: visibility 0s linear 0s,opacity .3s 0s
}

.paragraphControls .paragraphControls-itemText,.paragraphControls-itemText .button {
  font-size: 15px;
  line-height: 19px;
  white-space: nowrap
}

.paragraphControls .paragraphControls-itemText,.paragraphControls-itemText .button {
  color: rgba(0,0,0,.54)
}

.paragraphControls-itemText .button:focus,.paragraphControls-itemText .button:hover,.paragraphControls-itemText a:focus,.paragraphControls-itemText a:hover {
  color: rgba(0,0,0,.84)
}

.paragraphControls.is-darkBackgrounded .paragraphControls-itemText,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button {
  color: rgba(255,255,255,.5)
}

.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:focus,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:hover,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:focus,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:hover {
  color: rgba(255,255,255,.85)
}

@media (max-width: 991px) {
  .paragraphControls .paragraphControls-itemText {
    display:none
  }
}

@media (max-width: 767px) {
  .paragraphControls {
    margin-left:-30px;
    margin-top: -5px
  }
}

@media (max-width: 1440px) {
  .sequencePostNotes .paragraphControls .paragraphControls-itemText {
    display:none
  }
}

.postArticle-content[data-color-theme=seaweed] .graf--h2,.postArticle-content[data-color-theme=seaweed] .graf--h3 {
  color: #47bcac
}

.postArticle-content[data-color-theme=midday] .graf--h2,.postArticle-content[data-color-theme=midday] .graf--h3 {
  color: #2fa5c6
}

.postArticle-content[data-color-theme=midnight] .graf--h2,.postArticle-content[data-color-theme=midnight] .graf--h3 {
  color: #5065a0
}

.postArticle-content[data-color-theme=grimace] .graf--h2,.postArticle-content[data-color-theme=grimace] .graf--h3 {
  color: #8764ae
}

.postArticle-content[data-color-theme=magic] .graf--h2,.postArticle-content[data-color-theme=magic] .graf--h3 {
  color: #a93f7f
}

.postArticle-content[data-color-theme=crush] .graf--h2,.postArticle-content[data-color-theme=crush] .graf--h3 {
  color: #c7465e
}

.postArticle-content[data-color-theme=warm] .graf--h2,.postArticle-content[data-color-theme=warm] .graf--h3 {
  color: #e57f4c
}

.postArticle-content[data-color-theme=lime] .graf--h2,.postArticle-content[data-color-theme=lime] .graf--h3 {
  color: #98bc6b
}

.postArticle-content[data-color-theme=fresh] .graf--h2,.postArticle-content[data-color-theme=fresh] .graf--h3 {
  color: #69cb91
}

.postArticle-content[data-color-theme=brook] .graf--h2,.postArticle-content[data-color-theme=brook] .graf--h3 {
  color: #86a89d
}

.postArticle-content[data-color-theme=lipstick] .graf--h2,.postArticle-content[data-color-theme=lipstick] .graf--h3 {
  color: #a84a4e
}

.postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--h3 {
  color: #a4ded6
}

.postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--h3 {
  color: #a4daea
}

.postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--h3 {
  color: #ccd6f0
}

.postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--h3 {
  color: #e2d9eb
}

.postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--h3 {
  color: #ebc9de
}

.postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--h3 {
  color: #f7c9d1
}

.postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--h3 {
  color: #fbdecf
}

.postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--h3 {
  color: #c9dcb1
}

.postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--h3 {
  color: #b5e5c9
}

.postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--h3 {
  color: #d0ddd9
}

.postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--h3 {
  color: #f2ccce
}

.postArticle-content[data-color-theme=seaweed] .graf--blockquote {
  border-left-color: #47bcac
}

.postArticle-content[data-color-theme=midday] .graf--blockquote {
  border-left-color: #2fa5c6
}

.postArticle-content[data-color-theme=midnight] .graf--blockquote {
  border-left-color: #5065a0
}

.postArticle-content[data-color-theme=grimace] .graf--blockquote {
  border-left-color: #8764ae
}

.postArticle-content[data-color-theme=magic] .graf--blockquote {
  border-left-color: #a93f7f
}

.postArticle-content[data-color-theme=crush] .graf--blockquote {
  border-left-color: #c7465e
}

.postArticle-content[data-color-theme=warm] .graf--blockquote {
  border-left-color: #e57f4c
}

.postArticle-content[data-color-theme=lime] .graf--blockquote {
  border-left-color: #98bc6b
}

.postArticle-content[data-color-theme=fresh] .graf--blockquote {
  border-left-color: #69cb91
}

.postArticle-content[data-color-theme=brook] .graf--blockquote {
  border-left-color: #86a89d
}

.postArticle-content[data-color-theme=lipstick] .graf--blockquote {
  border-left-color: #a84a4e
}

.postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #a4ded6
}

.postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #a4daea
}

.postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #ccd6f0
}

.postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #e2d9eb
}

.postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #ebc9de
}

.postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #f7c9d1
}

.postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #fbdecf
}

.postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #c9dcb1
}

.postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #b5e5c9
}

.postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #d0ddd9
}

.postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--blockquote {
  border-left-color: #f2ccce
}

.customTitleControl .inputGroup.inputGroup--selection {
  margin-top: 5px;
  white-space: normal;
  line-height: 1.4
}

.customTitleControl-field {
  font-size: 16px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal;
  width: 238px;
  padding: 5px 0 3px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.15)
}

.postMeterBar {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  z-index: 400
}

.postMeterBar.is-abovePostActions {
  -webkit-transform: translateY(-44px);
  transform: translateY(-44px)
}

.postMeterBar-details {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 250ms ease-in;
  transition: max-height 250ms ease-in
}

.postMeterBar-details.is-visible {
  max-height: 200px
}

.meterThumbnail {
  font-family: medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 36px;
  color: rgba(0,0,0,.3);
  fill: rgba(0,0,0,.3)
}

.meterThumbnail-image {
  opacity: 0
}

.meterThumbnail-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.3)
}

.meterThumbnail.is-read .meterThumbnail-image {
  opacity: 1
}

.meterThumbnail.is-read .meterThumbnail-text {
  color: #fff
}

@media screen and (max-width: 991px) {
  .postMeterBar.is-abovePostActions {
    -webkit-transform:translateY(-35px);
    transform: translateY(-35px)
  }
}

@media screen and (max-width: 767px) {
  .meterThumbnail {
    font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
  }
}

.elevate-jumbo {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 72px;
  color: rgba(0,0,0,.84);
  line-height: 88px;
  letter-spacing: 0
}

.elevate-h1 {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 56px;
  color: rgba(0,0,0,.84);
  line-height: 64px;
  letter-spacing: 0
}

.elevate-h2 {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 44px;
  color: rgba(0,0,0,.84);
  line-height: 49px;
  letter-spacing: 0
}

.elevate-h3 {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 32px;
  color: rgba(0,0,0,.84);
  line-height: 36px;
  letter-spacing: 0
}

.elevate-h4 {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 24px;
  color: rgba(0,0,0,.84);
  line-height: 32px;
  letter-spacing: 0
}

.elevate-summary {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 23px;
  color: rgba(0,0,0,.54);
  line-height: 28px;
  letter-spacing: -.18em
}

.v-glyph--m2 .elevate-summary {
  font-weight: 400!important
}

.elevate-body {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 400!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 19px;
  color: rgba(0,0,0,.76);
  line-height: 28px;
  letter-spacing: -.25em
}

.v-glyph--m2 .elevate-body {
  font-weight: 400!important
}

.elevate-caps {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px;
  color: rgba(0,0,0,.54);
  line-height: 20px;
  letter-spacing: .2em;
  text-transform: uppercase
}

.v-glyph--m2 .elevate-caps {
  font-weight: 600!important
}

.elevate-accent {
  --x-height-multiplier:0.342!important;--baseline-multiplier:0.22!important;font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
  letter-spacing: -.02em!important;
  font-weight: 700!important;
  font-style: normal!important;
  letter-spacing: 0!important;
  font-size: 16px;
  color: #03a87c;
  line-height: 20px;
  letter-spacing: .2em;
  text-transform: uppercase
}

.v-glyph--m2 .elevate-accent {
  font-weight: 600!important
}

.postArticle--elevate.v-enablePullquoteFont .graf--pullquote {
  font-family: elevate-pullquote-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  letter-spacing: .01rem!important;
  font-weight: 400!important
}

.elevate-actions .button {
  margin-left: -3px
}

.elevate-actions .clapButton-floatingCount {
  background-color: rgba(0,0,0,.84)!important
}

.elevate-actions .clapButton {
  margin-left: 0
}

.elevate-actions .button.clapButton--largePill {
  border-color: rgba(0,0,0,.54);
  color: rgba(0,0,0,.54);
  fill: rgba(0,0,0,.54)
}

.elevate-actions .button.clapButton--largePill:active,.elevate-actions .button.clapButton--largePill:focus,.elevate-actions .button.clapButton--largePill:hover {
  border-color: rgba(0,0,0,.84);
  color: rgba(0,0,0,.84);
  fill: rgba(0,0,0,.84)
}

.elevate-actions .button .svgIcon {
  fill: rgba(0,0,0,.76)
}

.elevate-actions .button:active .svgIcon,.elevate-actions .button:focus .svgIcon,.elevate-actions .button:hover .svgIcon {
  fill: rgba(0,0,0,.9)
}

.elevate-actions .button.clapButton--largePill .svgIcon--clapFilled {
  fill: rgba(0,0,0,.76)
}

.elevate-actions .button-label {
  font-size: 16px;
  color: rgba(0,0,0,.54);
  padding-left: 5px
}

.elevate-actions .clapUndo {
  background-color: #f5f5f5
}

.elevate-h1.ui-clamp3 {
  overflow: hidden!important;
  max-height: 192px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

.elevate-h2.ui-clamp3 {
  overflow: hidden!important;
  max-height: 147px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical
}

.elevate-summary.ui-clamp4 {
  overflow: hidden!important;
  max-height: 128px!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 4!important;
  -webkit-box-orient: vertical
}

.elevateCover .ds-link .elevate-caps:hover {
  text-decoration: underline
}

@media screen and (max-width: 1440px) {
  .elevate-jumbo {
    font-family:elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 48px;
    color: rgba(0,0,0,.84);
    line-height: 64px;
    letter-spacing: 0
  }
}

@media screen and (max-width: 1199px) {
  .elevate-h1 {
    font-size:36px;
    line-height: 40px
  }

  .elevate-h2 {
    font-size: 36px;
    line-height: 40px
  }

  .elevate-summary {
    font-size: 20px;
    line-height: 24px
  }

  .elevate-h1.ui-clamp3 {
    overflow: hidden!important;
    max-height: 120px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .elevate-h2.ui-clamp3 {
    overflow: hidden!important;
    max-height: 120px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }

  .elevate-summary.ui-clamp4 {
    overflow: hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical
  }
}

@media screen and (max-width: 991px) {
  .elevate-h2 {
    font-size:24px;
    line-height: 32px;
    letter-spacing: 0
  }

  .elevate-h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0
  }

  .elevate-h2.ui-clamp3 {
    overflow: hidden!important;
    max-height: 96px!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical
  }
}

.postArticle--elevate .section-content {
  max-width: 1224px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.postArticle--elevate .graf-dropCap {
  font-family: elevate-display-font,medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
  font-style: normal!important;
  font-weight: 500!important;
  font-size: 66px;
  padding-right: 7px;
  padding-top: 11px
}

.postArticle--elevate .graf--subtitle,.postArticle--elevate .graf--title {
  display: none
}

.postArticle--elevate .graf--pullquote {
  font-variant-ligatures: discretionary-ligatures
}

@media screen and (max-width: 1199px) {
  .postArticle--elevate .section-content {
    padding:0 10px
  }
}

.metabar-inner--elevate {
  max-width: 1224px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.elevateAudioPlayer {
  max-width: 700px;
  width: 100%;
  margin: 30px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.elevate {
  margin: 0 65px
}

.elevate-notesPositionContainer {
  position: relative;
  margin: auto;
  max-width: 740px
}

.elevate .notesMarkers {
  right: 0
}

.elevate-container {
  max-width: 1224px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.elevateCoverContainer.elevateCoverContainer--withImage {
  margin-bottom: 40px
}

.elevateCover {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch
}

.elevateCover .elevateCover-textOffset {
  width: 50%
}

.elevateCover .elevateCover-content {
  max-width: 612px;
  width: 100%;
  padding: 60px 60px 32px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.elevateCover-content.elevateCover-content--withImage {
  margin-left: auto
}

.elevateCover-content.elevateCover-content--withNoImage {
  padding-left: 0;
  max-width: 100%;
  margin: auto
}

.elevateCover .elevateCover-image {
  width: 50%;
  background: #E8F3EC;
  background-position: center;
  background-origin: border-box;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
  margin-top: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.elevateCover-imageCaption {
  padding-top: 10px;
  width: 50%;
  margin-left: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0
}

.elevateSidebar {
  width: 140px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 30px;
  z-index: 100
}

.elevateCoverShadow {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.08);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,.08)
}

.elevateFooter-coverTransform {
  position: relative;
  top: -1px;
  width: 220px;
  height: 294px
}

.elevateFooter-coverTransform .aspectRatioPlaceholder {
  margin: 0
}

.elevate-responses {
  max-width: 640px
}

.elevate-responses.is-collapsed {
  display: none
}

@media screen and (max-width: 1199px) {
  .elevate {
    margin:0
  }

  .elevate-container {
    padding: 0 20px
  }

  .metabar-inner--elevate {
    padding: 0 10px 0 0
  }

  .elevateCoverContainer.elevateCoverContainer--withImage {
    margin-bottom: 16px
  }

  .elevateCover {
    height: auto!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .elevateCover .elevateCover-textOffset {
    width: 100%
  }

  .elevateCover .elevateCover-content.elevateCover-content--withImage {
    margin: 0 auto;
    max-width: 700px;
    padding: 30px 0 0 0
  }

  .elevateCover .elevateCover-content.elevateCover-content--withNoImage {
    height: auto;
    margin: 16px 20px 20px 0
  }

  .elevateCover .elevateCover-image {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    min-height: 400px;
    height: auto;
    margin-top: 0
  }

  .elevateCover-imageCaption {
    width: 100%;
    margin-left: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    text-align: center
  }

  .elevateAudioPlayer {
    margin: 10px auto
  }
}

@media screen and (max-width: 767px) {
  .elevate .elevate-container {
    padding:0 10px
  }

  .elevateCoverContainer.elevateCoverContainer--withImage {
    min-height: 0
  }

  .elevateCover .elevateCover-content.elevateCover-content--withImage {
    padding: 30px 16px 0 16px
  }

  .elevateCover .elevateCover-content.elevateCover-content--withNoImage {
    padding: 20px
  }

  .elevateCover .elevateCover-image {
    min-height: 300px
  }

  .elevateAudioPlayer {
    padding: 0 10px
  }
}

.elevateIndex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 550px;
  width: 100%;
  position: relative
}

@media screen and (max-width: 1199px) {
  .elevateIndex {
    -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.elevateIndex-verticalImage {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%;
  background-color: rgba(0,0,0,.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 45%;
  overflow: hidden
}

.elevateIndex-verticalImage.elevateIndex-verticalImage--fixed {
  position: fixed;
  top: 65px;
  left: 0;
  background-color: #fff
}

.elevateIndex-verticalImage.elevateIndex-verticalImage--absolute {
  position: absolute;
  top: calc(-100vh + 65px);
  left: 0;
  overflow: visible
}

.elevateIndex-verticalImage .aspectRatioPlaceholder {
  min-height: 550px;
  min-width: 412px
}

.elevateIndex-verticalImage img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.elevateIndex-verticalImage .progressiveMedia-image {
  width: auto!important
}

.elevateIndex-horizontalImage {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.elevateIndex-horizontalImage .fallback {
  width: 100%;
  background: rgba(0,0,0,.05);
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.elevateIndex-contentContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 50%;
  min-width: 650px;
  background: #fff
}

@media screen and (max-width: 1199px) {
  .elevateIndex-contentContainer {
    width:100%;
    overflow-y: unset;
    min-width: 0
  }
}

.elevateIndex-content {
  margin: 200px 90px 90px 90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 848px
}

@media screen and (max-width: 1440px) {
  .elevateIndex-content {
    margin:64px 48px 48px 48px;
    max-width: 616px
  }
}

@media screen and (max-width: 1199px) {
  .elevateIndex-content {
    padding:24px 70px;
    margin: auto;
    max-width: 800px
  }
}

@media screen and (max-width: 767px) {
  .elevateIndex-content {
    padding:16px
  }
}

.editable .graf--sectionCaption,.editable .markup--anchor {
  cursor: text
}

.editable>p {
  margin-bottom: 0
}

.editable {
  font-variant-ligatures: none
}

.defaultValue {
  color: #b3b3b1
}

.defaultValue--prompt {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 20px
}

.hero.is-imageBackgrounded .defaultValue,section.is-imageBackgrounded .defaultValue,section[data-background-color]:not([data-background-color$=Light]) .defaultValue {
  color: rgba(255,255,255,.65)
}

.graf--sectionCaption.is-defaultValue .defaultValue {
  color: rgba(0,0,0,.54)
}

.graf--sectionCaption.is-defaultValue,figure.is-defaultValue .imageCaption {
  display: none
}

.graf--figure.is-defaultValue.is-selected .imageCaption,.graf--figure.is-mediaFocused .imageCaption,.graf--sectionCaption.is-defaultValue.is-selected,.section.is-sectionFocused .graf--sectionCaption {
  display: block
}

.graf--figure.is-defaultValue.is-selected.is-partialWidth .imageCaption,.graf--figure.is-mediaFocused.is-partialWidth .imageCaption {
  display: none
}

.graf--figure.is-defaultValue.is-selected.is-partialWidth:last-child .imageCaption,.is-mediaRowFocused>.graf--figure.is-partialWidth:last-child .imageCaption {
  display: block
}

.is-postEditMode .graf-image:before,.is-postEditMode .iframeContainer:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
  content: ''
}

.is-postEditMode iframe {
  border: 3px solid rgba(255,255,255,0)
}

.is-postEditMode .section--body .graf--figure .graf-image:hover {
  -webkit-box-shadow: 0 0 0 3px #34e79a;
  box-shadow: 0 0 0 3px #34e79a
}

.is-postEditMode .section--body .graf--figure.is-mediaFocused iframe {
  border: 3px solid #03a87c
}

.is-postEditMode .section--body .graf--figure.is-mediaFocused .graf-image {
  -webkit-box-shadow: 0 0 0 3px #03a87c;
  box-shadow: 0 0 0 3px #03a87c
}

.is-postEditMode .section--body .graf--figure.is-mediaFocused .graf-image[data-is-featured] {
  -webkit-box-shadow: 0 0 0 3px #029e74;
  box-shadow: 0 0 0 3px #029e74
}

.section-image--aspectRatioViewport.is-sectionFocused>.section-background {
  -webkit-box-shadow: 0 0 0 3px #03a87c inset;
  box-shadow: 0 0 0 3px #03a87c inset
}

.section-image--aspectRatioViewport.is-sectionFocused>.section-background[data-is-featured] {
  -webkit-box-shadow: 0 0 0 3px #cc5454 inset;
  box-shadow: 0 0 0 3px #cc5454 inset
}

.graf--hasDropCap.is-dropCapFocused .graf-dropCap {
  outline: 3px solid #03a87c
}

.is-postEditMode .graf-dropCap::-moz-selection {
  background-color: transparent
}

.is-postEditMode .graf-dropCap::selection {
  background-color: transparent
}

.crosshair {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -16.5px;
  margin-left: -16.5px;
  width: 30px;
  height: 30px;
  border: 3px solid #03a87c;
  -webkit-border-radius: 30px;
  border-radius: 30px
}

.graf-image[data-is-featured] .crosshair {
  border-color: #cc5454
}

.graf--figure.is-mediaFocused.is-focusPointed .crosshair {
  display: block
}

.markup--warning,.warning {
  background-color: rgba(150,50,32,.2)
}

.is-postEditMode .graf--figure[data-purpose="2"] {
  outline: 3px solid #e7af0e
}

.is-postEditMode .graf--figure[data-purpose="2"]::after {
  content: "Advertising";
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2px 5px;
  background: #f0f0f0;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 18px
}

@media print {
  .defaultValue {
    display: none
  }
}

.inlineEditor .block-streamText,.inlineEditor .postArticle-content,.inlineEditor-header {
  cursor: text
}

.inlineEditor .postArticle {
  padding-bottom: 10px
}

.inlineEditor .inlineEditor-actions {
  padding-top: 10px;
  padding-bottom: 15px
}

.inlineEditor .inlineEditor-actions:after,.inlineEditor .inlineEditor-actions:before {
  display: table;
  content: " "
}

.inlineEditor .inlineEditor-actions:after {
  clear: both
}

.inlineEditor .postArticle-content {
  min-height: 160px
}

.inlineEditor.is-collapsed {
  height: 110px;
  overflow: hidden
}

.inlineEditor.is-collapsed .block-streamText,.inlineEditor.is-collapsed .inlineEditor-actions {
  opacity: 0
}

.inlineEditor .inlineEditor-actions .button--primary {
  margin-right: 14px
}

.cardChromeless .inlineEditor.is-collapsed {
  height: 76px
}

.inlineEditor-header {
  height: 36px
}

.inlineEditor-avatar {
  display: inline-block;
  vertical-align: top
}

.inlineEditor-headerContent {
  display: inline-block
}

.inlineEditor-author,.inlineEditor-placeholder {
  line-height: 36px
}

.inlineEditor-placeholder {
  color: rgba(0,0,0,.54);
  font-size: 18px;
  --x-height-multiplier:0.375;--baseline-multiplier:0.17;font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal
}

.inlineEditor-author {
  color: #03a87c;
  font-size: 16px
}

.inlineEditor .inlineEditor-placeholder,.inlineEditor.is-collapsed .inlineEditor-author {
  opacity: 0
}

.inlineEditor .inlineEditor-author,.inlineEditor.is-collapsed .inlineEditor-placeholder {
  opacity: 1
}

.inlineEditor .inlineEditor-author,.inlineEditor .inlineEditor-placeholder {
  -webkit-transform: translateY(-36px);
  transform: translateY(-36px)
}

.inlineEditor.is-collapsed .inlineEditor-author,.inlineEditor.is-collapsed .inlineEditor-placeholder {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.inlineEditor.is-transitioning {
  -webkit-transition: opacity .2s,height .15s;
  transition: opacity .2s,height .15s
}

.inlineEditor .block-streamText,.inlineEditor .inlineEditor-actions {
  -webkit-transition: opacity .2s .15s;
  transition: opacity .2s .15s
}

.inlineEditor .inlineEditor-author,.inlineEditor .inlineEditor-placeholder {
  -webkit-transition: opacity .15s,-webkit-transform .15s;
  transition: opacity .15s,-webkit-transform .15s;
  transition: transform .15s,opacity .15s;
  transition: transform .15s,opacity .15s,-webkit-transform .15s
}

.inlineEditor.is-collapsed.is-transitioning {
  -webkit-transition: opacity .2s,height .2s;
  transition: opacity .2s,height .2s
}

.inlineEditor.is-collapsed .block-streamText,.inlineEditor.is-collapsed .inlineEditor-actions {
  -webkit-transition: opacity .15s;
  transition: opacity .15s
}

.inlineEditor-actions {
  width: 100%;
  color: rgba(0,0,0,.54)
}

.inlineNewPostControl--borderedBottom {
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.inlineEditor--letters:not(.is-collapsed) .inlineEditor-header {
  display: none
}

.block-streamText {
  margin: 10px 0 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.drawer {
  background-color: #fafafa;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 600;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.screenContent.is-showingDrawer .postArticle {
  margin-bottom: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.drawer,.drawer-inner {
  height: 300px
}

.drawer-imageContainer {
  position: relative;
  height: 110px;
  margin: 30px auto 0;
  width: 550px
}

.drawer-image {
  left: 0;
  position: absolute;
  width: 100%
}

.drawer-image--animated,.drawer:hover .drawer-image--static {
  opacity: 0;
  visibility: hidden
}

.drawer-image--static,.drawer:hover .drawer-image--animated {
  opacity: 1;
  visibility: visible
}

.drawer-content {
  color: rgba(0,0,0,.68);
  font-size: 26px;
  letter-spacing: -.04em;
  padding: 10px 50px;
  width: 800px;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-style: normal
}

.drawer-list {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-align: left;
  margin: 20px auto 0
}

.drawer-listCell {
  padding: 4px 10px
}

.drawer-listCell--keyboard {
  white-space: nowrap
}

.drawer-listCell+.drawer-listCell--keyboard {
  padding-left: 60px
}

.drawer-annotation {
  display: block;
  font-size: 15px;
  color: rgba(0,0,0,.54)
}

.drawer-keyboardKey {
  background: #fff;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,.15);
  min-width: 20px;
  text-align: center;
  display: inline-block
}

@media (max-width: 991px),(max-height:750px) {
  .drawer,.drawer-inner {
    height:280px
  }

  .drawer-content {
    font-size: 20px;
    width: 500px;
    padding: 10px 20px
  }

  .drawer-imageContainer {
    height: 97px;
    margin-top: 20px;
    width: 473px
  }

  .drawer-content .button--circle {
    width: 25px;
    height: 25px;
    line-height: 23px
  }

  .drawer-content .button--circle .svgIcon,.drawer-content .button--circle .svgIcon-use {
    width: 19px;
    height: 19px
  }

  .drawer-listCell {
    padding: 2px 6px
  }

  .drawer-list {
    font-size: 15px;
    margin-top: 10px
  }

  .drawer-keyboardKey {
    min-width: 15px;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
  }

  .drawer-listCell+.drawer-listCell--keyboard {
    padding-left: 20px
  }

  .drawer-annotation {
    font-size: 15px
  }
}

@media (max-width: 767px),(max-height:600px) {
  .drawer,.drawer-inner {
    height:150px
  }

  .drawer-content {
    width: 400px
  }

  .drawer-imageContainer {
    display: none
  }

  .drawer-list {
    font-size: 15px;
    margin-top: 5px
  }

  .drawer-keyboardKey {
    color: rgba(0,0,0,.84);
    background: 0 0;
    padding: 0;
    min-width: 0;
    border: none
  }

  .drawer-annotation {
    display: none
  }
}

.highlightMenu {
  position: absolute;
  visibility: hidden;
  display: none;
  z-index: 400;
  -webkit-transition: none;
  transition: none;
  top: 0;
  left: 0
}

.highlightMenu--quoteResponses {
  z-index: 800
}

.highlightMenu-inner {
  position: relative;
  background-image: linear-gradient(to bottom,rgba(49,49,47,.99),#262625);
  background-repeat: repeat-x;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px
}

.buttonSet .button--highlightMenu {
  height: 44px;
  line-height: 46px
}

.button--highlightMenu {
  display: inline-block;
  border: 0;
  color: #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: center
}

.button--highlightMenu .svgIcon {
  margin-top: -3px
}

.buttonSet .button--highlightMenu {
  margin: 0 8px
}

.buttonSet>.button--highlightMenu:last-child {
  margin-right: 8px
}

.button.button--highlightMenu .svgIcon {
  fill: #fff
}

.button--highlightMenu.is-active .svgIcon {
  fill: #34e79a
}

.button--highlightMenu.button--withSvgIcon .svgIcon {
  margin-left: -3px;
  margin-right: -3px
}

.button--highlightMenu.button--withSvgIcon .svgIcon--highlighter {
  margin-left: -7px;
  margin-right: -7px
}

.button--highlightMenu.button--withSvgIcon .svgIcon--italic {
  margin-left: -9px;
  margin-right: -9px
}

.buttonSet-separator {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  margin: 0 6px;
  height: 24px;
  background: rgba(255,255,255,.2)
}

.highlightMenu .highlightMenu-arrowClip {
  position: absolute;
  bottom: -10px;
  left: 50%;
  clip: rect(10px 20px 20px 0);
  margin-left: -10px
}

.highlightMenu .highlightMenu-arrowClip .highlightMenu-arrow {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #262625;
  -webkit-transform: rotate(45deg) scale(.5);
  transform: rotate(45deg) scale(.5)
}

.highlightMenu.is-flushTop .highlightMenu-arrowClip {
  display: none
}

.button--highlightMenu.is-active .svgIcon--blockquote {
  fill: #fff
}

.button--highlightMenu.is-blockquoteMode .svgIcon--blockquote path:nth-child(1) {
  fill: #34e79a
}

.button--highlightMenu.is-pullquoteMode .svgIcon--blockquote {
  fill: #34e79a
}

.button--highlightMenu.is-active .svgIcon--tt {
  fill: #fff
}

.button--highlightMenu.is-h4Mode .svgIcon--tt path:nth-child(1) {
  fill: #34e79a
}

.button--highlightMenu.is-h3Mode .svgIcon--tt {
  fill: #34e79a
}

.highlightMenu-linkinput {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.highlightMenu-linkinputField {
  background: rgba(0,0,0,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 13px 40px 11px 10px;
  color: #fff;
  border: none;
  outline: 0;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on
}

.highlightMenu-linkinput>.button {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: -3px
}

.highlightMenu--linkMode .buttonSet {
  visibility: hidden
}

.highlightMenu--linkMode .highlightMenu-linkinput {
  display: block;
  -webkit-animation: pop-upwards 180ms forwards linear;
  animation: pop-upwards 180ms forwards linear
}

.highlightMenu--measure {
  display: inline-block;
  visibility: hidden
}

.highlightMenu--active {
  display: inline-block;
  visibility: visible;
  -webkit-transition: top 75ms ease-out,left 75ms ease-out;
  transition: top 75ms ease-out,left 75ms ease-out;
  -webkit-animation: pop-upwards 180ms forwards linear;
  animation: pop-upwards 180ms forwards linear
}

.inlineTooltip {
  position: absolute;
  top: 0;
  margin-left: -58px;
  margin-top: 4px;
  padding: 0;
  width: 40px;
  height: 40px;
  z-index: 400;
  -webkit-transition: visibility 0s linear 250ms,opacity .1s,width 0s linear 250ms;
  transition: visibility 0s linear 250ms,opacity .1s,width 0s linear 250ms;
  visibility: hidden;
  opacity: 0
}

.inlineTooltip.is-active {
  -webkit-transition: visibility 0s linear 0s,opacity .1s,width 0s linear 0s;
  transition: visibility 0s linear 0s,opacity .1s,width 0s linear 0s;
  visibility: visible;
  opacity: 1
}

.inlineTooltip.is-scaled {
  width: 260px;
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.button--inlineTooltipControl {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s,-webkit-transform .1s
}

.inlineTooltip.is-scaled>.button--inlineTooltipControl {
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms,-webkit-transform 250ms;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.inlineTooltip-menu {
  display: inline-block;
  opacity: 0;
  padding-left: 22px
}

.inlineTooltip.is-scaled .inlineTooltip-menu {
  opacity: 1
}

.inlineTooltip.is-menuImmediatelyHidden .inlineTooltip-menu {
  display: none
}

.inlineTooltip-menu .button {
  margin-right: 9px
}

@media print {
  .inlineTooltip {
    display: none
  }
}

.unsplashInput {
  height: 35px;
  border-bottom: 1px solid rgba(0,0,0,.15);
  padding: 0;
  font-size: 20px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.unsplashImage {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.unsplashImage img {
  -webkit-animation: fade-in .6s;
  animation: fade-in .6s
}

.unsplashImageMetadata {
  display: none;
  position: absolute;
  font-size: 16px;
  top: 0;
  left: 0
}

.unsplashImage:hover .unsplashImageMetadata {
  -webkit-box-shadow: 0 0 0 3px #34e79a;
  box-shadow: 0 0 0 3px #34e79a;
  background: rgba(0,0,0,.54);
  display: inline-block
}

.unsplashImageAuthor {
  position: absolute;
  bottom: 2px;
  left: 6px
}

.missionPage-topicPostPreviewWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.missionPage-compareList--strike {
  text-decoration: line-through;
  color: #EE6F70!important
}

.missionPage-compareList--strike>ul {
  color: rgba(0,0,0,.84)!important
}

@media screen and (max-width: 991px) {
  .missionPage-topicPostPreviewWrapper {
    display:block
  }
}

@media screen and (max-width: 767px) {
  .missionPage-topicPostPreviewWrapper {
    display:-webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

.diagnostics {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  position: fixed;
  text-align: left;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  background: #fff;
  z-index: 900;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2);
  box-shadow: 0 0 1px rgba(0,0,0,.2)
}

body.is-diagnosticsVisible .diagnostics {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.diagnostics,.diagnostics .button--link {
  font-size: 15px;
  line-height: 1.2;
  color: rgba(0,0,0,.54)
}

@media (max-width: 767px) {
  .diagnostics {
    padding:12px 10px
  }

  .diagnostics,.diagnostics .button--link {
    font-size: 15px
  }
}

.plovr-error-report {
  position: absolute;
  z-index: 900;
  top: 0
}

.variants {
  font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal
}

.variants table {
  width: 100%
}

.variants td {
  width: 50%;
  border-bottom: 1px dotted rgba(0,0,0,.54);
  padding: 5px 0;
  vertical-align: top
}

@media print {
  .diagnostics {
    display: none
  }
}

.u-opacity30 {
  opacity: .3 !important;
}

.u-opacity50 {
  opacity: .5 !important;
}

.u-opacity60 {
  opacity: .6 !important;
}

.u-opacity70 {
  opacity: .7 !important;
}

.u-opacity80 {
  opacity: .8 !important;
}

.u-opacity90 {
  opacity: .9 !important;
}

.u-opacity95 {
  opacity: .95 !important;
}


@media (max-width: 767.98px) {
    .u-hiddenSm {
        display: none !important;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .u-hiddenMd {
        display: none !important;
    }
}


@media (max-width: 767.98px) {
  .u-flexDirectionColumnSm {
    flex-direction: column !important;
  }
}

@media (max-width: 991.98px) and (min-width: 768px) {
  .u-flexDirectionColumnMd {
    flex-direction: column !important;
  }
}


.u-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/*GRID*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}



@media (min-width: 768px) {
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}


@media (min-width: 992px) {
  .offset-lg-0 {
    margin-left: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

@media (min-width: 1200px) {
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}



/*OVERLAY TOP*/

.u-overlayGradient:before {
  display: block;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(#F9FAFC), to(#fff));
  background: linear-gradient(to bottom, #F9FAFC 0%, #fff 100%);
  height: 280px;
}