/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  margin: 0;
  border: 0;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
[hidden],
template {
  display: none;
}
.pa0 {
  padding: 0;
}
.pa1 {
  padding: 0.4rem;
}
.pa2 {
  padding: 0.8rem;
}
.pa3 {
  padding: 1.2rem;
}
.pa4 {
  padding: 1.6rem;
}
.pa5 {
  padding: 2rem;
}
.pa6 {
  padding: 2.4rem;
}
.pa7 {
  padding: 2.8rem;
}
.pa8 {
  padding: 3.2rem;
}
.pa9 {
  padding: 3.6rem;
}
.pa10 {
  padding: 4rem;
}
.pa11 {
  padding: 4.4rem;
}
.pa12 {
  padding: 4.8rem;
}
.pa13 {
  padding: 5.2rem;
}
.pa14 {
  padding: 5.6rem;
}
.pa15 {
  padding: 6rem;
}
.pa16 {
  padding: 6.4rem;
}
.pa17 {
  padding: 6.8rem;
}
.pa18 {
  padding: 7.2rem;
}
.pa19 {
  padding: 7.6rem;
}
.pa20 {
  padding: 8rem;
}
.pa25 {
  padding: 10rem;
}
.pa30 {
  padding: 12rem;
}
.pa40 {
  padding: 16rem;
}
.pa50 {
  padding: 20rem;
}
.pr0 {
  padding-right: 0;
}
.pr1 {
  padding-right: 0.4rem;
}
.pr2 {
  padding-right: 0.8rem;
}
.pr3 {
  padding-right: 1.2rem;
}
.pr4 {
  padding-right: 1.6rem;
}
.pr5 {
  padding-right: 2rem;
}
.pr6 {
  padding-right: 2.4rem;
}
.pr7 {
  padding-right: 2.8rem;
}
.pr8 {
  padding-right: 3.2rem;
}
.pr9 {
  padding-right: 3.6rem;
}
.pr10 {
  padding-right: 4rem;
}
.pr11 {
  padding-right: 4.4rem;
}
.pr12 {
  padding-right: 4.8rem;
}
.pr13 {
  padding-right: 5.2rem;
}
.pr14 {
  padding-right: 5.6rem;
}
.pr15 {
  padding-right: 6rem;
}
.pr16 {
  padding-right: 6.4rem;
}
.pr17 {
  padding-right: 6.8rem;
}
.pr18 {
  padding-right: 7.2rem;
}
.pr19 {
  padding-right: 7.6rem;
}
.pr20 {
  padding-right: 8rem;
}
.pr25 {
  padding-right: 10rem;
}
.pr30 {
  padding-right: 12rem;
}
.pr40 {
  padding-right: 16rem;
}
.pr50 {
  padding-right: 20rem;
}
.pb0 {
  padding-bottom: 0;
}
.pb1 {
  padding-bottom: 0.4rem;
}
.pb2 {
  padding-bottom: 0.8rem;
}
.pb3 {
  padding-bottom: 1.2rem;
}
.pb4 {
  padding-bottom: 1.6rem;
}
.pb5 {
  padding-bottom: 2rem;
}
.pb6 {
  padding-bottom: 2.4rem;
}
.pb7 {
  padding-bottom: 2.8rem;
}
.pb8 {
  padding-bottom: 3.2rem;
}
.pb9 {
  padding-bottom: 3.6rem;
}
.pb10 {
  padding-bottom: 4rem;
}
.pb11 {
  padding-bottom: 4.4rem;
}
.pb12 {
  padding-bottom: 4.8rem;
}
.pb13 {
  padding-bottom: 5.2rem;
}
.pb14 {
  padding-bottom: 5.6rem;
}
.pb15 {
  padding-bottom: 6rem;
}
.pb16 {
  padding-bottom: 6.4rem;
}
.pb17 {
  padding-bottom: 6.8rem;
}
.pb18 {
  padding-bottom: 7.2rem;
}
.pb19 {
  padding-bottom: 7.6rem;
}
.pb20 {
  padding-bottom: 8rem;
}
.pb25 {
  padding-bottom: 10rem;
}
.pb30 {
  padding-bottom: 12rem;
}
.pb40 {
  padding-bottom: 16rem;
}
.pb50 {
  padding-bottom: 20rem;
}
.pl0 {
  padding-left: 0;
}
.pl1 {
  padding-left: 0.4rem;
}
.pl2 {
  padding-left: 0.8rem;
}
.pl3 {
  padding-left: 1.2rem;
}
.pl4 {
  padding-left: 1.6rem;
}
.pl5 {
  padding-left: 2rem;
}
.pl6 {
  padding-left: 2.4rem;
}
.pl7 {
  padding-left: 2.8rem;
}
.pl8 {
  padding-left: 3.2rem;
}
.pl9 {
  padding-left: 3.6rem;
}
.pl10 {
  padding-left: 4rem;
}
.pl11 {
  padding-left: 4.4rem;
}
.pl12 {
  padding-left: 4.8rem;
}
.pl13 {
  padding-left: 5.2rem;
}
.pl14 {
  padding-left: 5.6rem;
}
.pl15 {
  padding-left: 6rem;
}
.pl16 {
  padding-left: 6.4rem;
}
.pl17 {
  padding-left: 6.8rem;
}
.pl18 {
  padding-left: 7.2rem;
}
.pl19 {
  padding-left: 7.6rem;
}
.pl20 {
  padding-left: 8rem;
}
.pl25 {
  padding-left: 10rem;
}
.pl30 {
  padding-left: 12rem;
}
.pl40 {
  padding-left: 16rem;
}
.pl50 {
  padding-left: 20rem;
}
.pt0 {
  padding-top: 0;
}
.pt1 {
  padding-top: 0.4rem;
}
.pt2 {
  padding-top: 0.8rem;
}
.pt3 {
  padding-top: 1.2rem;
}
.pt4 {
  padding-top: 1.6rem;
}
.pt5 {
  padding-top: 2rem;
}
.pt6 {
  padding-top: 2.4rem;
}
.pt7 {
  padding-top: 2.8rem;
}
.pt8 {
  padding-top: 3.2rem;
}
.pt9 {
  padding-top: 3.6rem;
}
.pt10 {
  padding-top: 4rem;
}
.pt11 {
  padding-top: 4.4rem;
}
.pt12 {
  padding-top: 4.8rem;
}
.pt13 {
  padding-top: 5.2rem;
}
.pt14 {
  padding-top: 5.6rem;
}
.pt15 {
  padding-top: 6rem;
}
.pt16 {
  padding-top: 6.4rem;
}
.pt17 {
  padding-top: 6.8rem;
}
.pt18 {
  padding-top: 7.2rem;
}
.pt19 {
  padding-top: 7.6rem;
}
.pt20 {
  padding-top: 8rem;
}
.pt25 {
  padding-top: 10rem;
}
.pt30 {
  padding-top: 12rem;
}
.pt40 {
  padding-top: 16rem;
}
.pt50 {
  padding-top: 20rem;
}
.ma0 {
  margin: 0;
}
.ma1 {
  margin: 0.4rem;
}
.ma2 {
  margin: 0.8rem;
}
.ma3 {
  margin: 1.2rem;
}
.ma4 {
  margin: 1.6rem;
}
.ma5 {
  margin: 2rem;
}
.ma6 {
  margin: 2.4rem;
}
.ma7 {
  margin: 2.8rem;
}
.ma8 {
  margin: 3.2rem;
}
.ma9 {
  margin: 3.6rem;
}
.ma10 {
  margin: 4rem;
}
.ma11 {
  margin: 4.4rem;
}
.ma12 {
  margin: 4.8rem;
}
.ma13 {
  margin: 5.2rem;
}
.ma14 {
  margin: 5.6rem;
}
.ma15 {
  margin: 6rem;
}
.ma16 {
  margin: 6.4rem;
}
.ma17 {
  margin: 6.8rem;
}
.ma18 {
  margin: 7.2rem;
}
.ma19 {
  margin: 7.6rem;
}
.ma20 {
  margin: 8rem;
}
.ma25 {
  margin: 10rem;
}
.ma30 {
  margin: 12rem;
}
.ma40 {
  margin: 16rem;
}
.ma50 {
  margin: 20rem;
}
.mr0 {
  margin-right: 0;
}
.mr1 {
  margin-right: 0.4rem;
}
.mr2 {
  margin-right: 0.8rem;
}
.mr3 {
  margin-right: 1.2rem;
}
.mr4 {
  margin-right: 1.6rem;
}
.mr5 {
  margin-right: 2rem;
}
.mr6 {
  margin-right: 2.4rem;
}
.mr7 {
  margin-right: 2.8rem;
}
.mr8 {
  margin-right: 3.2rem;
}
.mr9 {
  margin-right: 3.6rem;
}
.mr10 {
  margin-right: 4rem;
}
.mr11 {
  margin-right: 4.4rem;
}
.mr12 {
  margin-right: 4.8rem;
}
.mr13 {
  margin-right: 5.2rem;
}
.mr14 {
  margin-right: 5.6rem;
}
.mr15 {
  margin-right: 6rem;
}
.mr16 {
  margin-right: 6.4rem;
}
.mr17 {
  margin-right: 6.8rem;
}
.mr18 {
  margin-right: 7.2rem;
}
.mr19 {
  margin-right: 7.6rem;
}
.mr20 {
  margin-right: 8rem;
}
.mr25 {
  margin-right: 10rem;
}
.mr30 {
  margin-right: 12rem;
}
.mr40 {
  margin-right: 16rem;
}
.mr50 {
  margin-right: 20rem;
}
.mb0 {
  margin-bottom: 0;
}
.mb1 {
  margin-bottom: 0.4rem;
}
.mb2 {
  margin-bottom: 0.8rem;
}
.mb3 {
  margin-bottom: 1.2rem;
}
.mb4 {
  margin-bottom: 1.6rem;
}
.mb5 {
  margin-bottom: 2rem;
}
.mb6 {
  margin-bottom: 2.4rem;
}
.mb7 {
  margin-bottom: 2.8rem;
}
.mb8 {
  margin-bottom: 3.2rem;
}
.mb9 {
  margin-bottom: 3.6rem;
}
.mb10 {
  margin-bottom: 4rem;
}
.mb11 {
  margin-bottom: 4.4rem;
}
.mb12 {
  margin-bottom: 4.8rem;
}
.mb13 {
  margin-bottom: 5.2rem;
}
.mb14 {
  margin-bottom: 5.6rem;
}
.mb15 {
  margin-bottom: 6rem;
}
.mb16 {
  margin-bottom: 6.4rem;
}
.mb17 {
  margin-bottom: 6.8rem;
}
.mb18 {
  margin-bottom: 7.2rem;
}
.mb19 {
  margin-bottom: 7.6rem;
}
.mb20 {
  margin-bottom: 8rem;
}
.mb25 {
  margin-bottom: 10rem;
}
.mb30 {
  margin-bottom: 12rem;
}
.mb40 {
  margin-bottom: 16rem;
}
.mb50 {
  margin-bottom: 20rem;
}
.ml0 {
  margin-left: 0;
}
.ml1 {
  margin-left: 0.4rem;
}
.ml2 {
  margin-left: 0.8rem;
}
.ml3 {
  margin-left: 1.2rem;
}
.ml4 {
  margin-left: 1.6rem;
}
.ml5 {
  margin-left: 2rem;
}
.ml6 {
  margin-left: 2.4rem;
}
.ml7 {
  margin-left: 2.8rem;
}
.ml8 {
  margin-left: 3.2rem;
}
.ml9 {
  margin-left: 3.6rem;
}
.ml10 {
  margin-left: 4rem;
}
.ml11 {
  margin-left: 4.4rem;
}
.ml12 {
  margin-left: 4.8rem;
}
.ml13 {
  margin-left: 5.2rem;
}
.ml14 {
  margin-left: 5.6rem;
}
.ml15 {
  margin-left: 6rem;
}
.ml16 {
  margin-left: 6.4rem;
}
.ml17 {
  margin-left: 6.8rem;
}
.ml18 {
  margin-left: 7.2rem;
}
.ml19 {
  margin-left: 7.6rem;
}
.ml20 {
  margin-left: 8rem;
}
.ml25 {
  margin-left: 10rem;
}
.ml30 {
  margin-left: 12rem;
}
.ml40 {
  margin-left: 16rem;
}
.ml50 {
  margin-left: 20rem;
}
.mt0 {
  margin-top: 0;
}
.mt1 {
  margin-top: 0.4rem;
}
.mt2 {
  margin-top: 0.8rem;
}
.mt3 {
  margin-top: 1.2rem;
}
.mt4 {
  margin-top: 1.6rem;
}
.mt5 {
  margin-top: 2rem;
}
.mt6 {
  margin-top: 2.4rem;
}
.mt7 {
  margin-top: 2.8rem;
}
.mt8 {
  margin-top: 3.2rem;
}
.mt9 {
  margin-top: 3.6rem;
}
.mt10 {
  margin-top: 4rem;
}
.mt11 {
  margin-top: 4.4rem;
}
.mt12 {
  margin-top: 4.8rem;
}
.mt13 {
  margin-top: 5.2rem;
}
.mt14 {
  margin-top: 5.6rem;
}
.mt15 {
  margin-top: 6rem;
}
.mt16 {
  margin-top: 6.4rem;
}
.mt17 {
  margin-top: 6.8rem;
}
.mt18 {
  margin-top: 7.2rem;
}
.mt19 {
  margin-top: 7.6rem;
}
.mt20 {
  margin-top: 8rem;
}
.mt25 {
  margin-top: 10rem;
}
.mt30 {
  margin-top: 12rem;
}
.mt40 {
  margin-top: 16rem;
}
.mt50 {
  margin-top: 20rem;
}
@media screen and (min-width: 700px) {
  .pa0-ns {
    padding: 0;
  }
  .pa1-ns {
    padding: 0.4rem;
  }
  .pa2-ns {
    padding: 0.8rem;
  }
  .pa3-ns {
    padding: 1.2rem;
  }
  .pa4-ns {
    padding: 1.6rem;
  }
  .pa5-ns {
    padding: 2rem;
  }
  .pa6-ns {
    padding: 2.4rem;
  }
  .pa7-ns {
    padding: 2.8rem;
  }
  .pa8-ns {
    padding: 3.2rem;
  }
  .pa9-ns {
    padding: 3.6rem;
  }
  .pa10-ns {
    padding: 4rem;
  }
  .pa11-ns {
    padding: 4.4rem;
  }
  .pa12-ns {
    padding: 4.8rem;
  }
  .pa13-ns {
    padding: 5.2rem;
  }
  .pa14-ns {
    padding: 5.6rem;
  }
  .pa15-ns {
    padding: 6rem;
  }
  .pa16-ns {
    padding: 6.4rem;
  }
  .pa17-ns {
    padding: 6.8rem;
  }
  .pa18-ns {
    padding: 7.2rem;
  }
  .pa19-ns {
    padding: 7.6rem;
  }
  .pa20-ns {
    padding: 8rem;
  }
  .pa25-ns {
    padding: 10rem;
  }
  .pa30-ns {
    padding: 12rem;
  }
  .pa40-ns {
    padding: 16rem;
  }
  .pa50-ns {
    padding: 20rem;
  }
  .pr0-ns {
    padding-right: 0;
  }
  .pr1-ns {
    padding-right: 0.4rem;
  }
  .pr2-ns {
    padding-right: 0.8rem;
  }
  .pr3-ns {
    padding-right: 1.2rem;
  }
  .pr4-ns {
    padding-right: 1.6rem;
  }
  .pr5-ns {
    padding-right: 2rem;
  }
  .pr6-ns {
    padding-right: 2.4rem;
  }
  .pr7-ns {
    padding-right: 2.8rem;
  }
  .pr8-ns {
    padding-right: 3.2rem;
  }
  .pr9-ns {
    padding-right: 3.6rem;
  }
  .pr10-ns {
    padding-right: 4rem;
  }
  .pr11-ns {
    padding-right: 4.4rem;
  }
  .pr12-ns {
    padding-right: 4.8rem;
  }
  .pr13-ns {
    padding-right: 5.2rem;
  }
  .pr14-ns {
    padding-right: 5.6rem;
  }
  .pr15-ns {
    padding-right: 6rem;
  }
  .pr16-ns {
    padding-right: 6.4rem;
  }
  .pr17-ns {
    padding-right: 6.8rem;
  }
  .pr18-ns {
    padding-right: 7.2rem;
  }
  .pr19-ns {
    padding-right: 7.6rem;
  }
  .pr20-ns {
    padding-right: 8rem;
  }
  .pr25-ns {
    padding-right: 10rem;
  }
  .pr30-ns {
    padding-right: 12rem;
  }
  .pr40-ns {
    padding-right: 16rem;
  }
  .pr50-ns {
    padding-right: 20rem;
  }
  .pb0-ns {
    padding-bottom: 0;
  }
  .pb1-ns {
    padding-bottom: 0.4rem;
  }
  .pb2-ns {
    padding-bottom: 0.8rem;
  }
  .pb3-ns {
    padding-bottom: 1.2rem;
  }
  .pb4-ns {
    padding-bottom: 1.6rem;
  }
  .pb5-ns {
    padding-bottom: 2rem;
  }
  .pb6-ns {
    padding-bottom: 2.4rem;
  }
  .pb7-ns {
    padding-bottom: 2.8rem;
  }
  .pb8-ns {
    padding-bottom: 3.2rem;
  }
  .pb9-ns {
    padding-bottom: 3.6rem;
  }
  .pb10-ns {
    padding-bottom: 4rem;
  }
  .pb11-ns {
    padding-bottom: 4.4rem;
  }
  .pb12-ns {
    padding-bottom: 4.8rem;
  }
  .pb13-ns {
    padding-bottom: 5.2rem;
  }
  .pb14-ns {
    padding-bottom: 5.6rem;
  }
  .pb15-ns {
    padding-bottom: 6rem;
  }
  .pb16-ns {
    padding-bottom: 6.4rem;
  }
  .pb17-ns {
    padding-bottom: 6.8rem;
  }
  .pb18-ns {
    padding-bottom: 7.2rem;
  }
  .pb19-ns {
    padding-bottom: 7.6rem;
  }
  .pb20-ns {
    padding-bottom: 8rem;
  }
  .pb25-ns {
    padding-bottom: 10rem;
  }
  .pb30-ns {
    padding-bottom: 12rem;
  }
  .pb40-ns {
    padding-bottom: 16rem;
  }
  .pb50-ns {
    padding-bottom: 20rem;
  }
  .pl0-ns {
    padding-left: 0;
  }
  .pl1-ns {
    padding-left: 0.4rem;
  }
  .pl2-ns {
    padding-left: 0.8rem;
  }
  .pl3-ns {
    padding-left: 1.2rem;
  }
  .pl4-ns {
    padding-left: 1.6rem;
  }
  .pl5-ns {
    padding-left: 2rem;
  }
  .pl6-ns {
    padding-left: 2.4rem;
  }
  .pl7-ns {
    padding-left: 2.8rem;
  }
  .pl8-ns {
    padding-left: 3.2rem;
  }
  .pl9-ns {
    padding-left: 3.6rem;
  }
  .pl10-ns {
    padding-left: 4rem;
  }
  .pl11-ns {
    padding-left: 4.4rem;
  }
  .pl12-ns {
    padding-left: 4.8rem;
  }
  .pl13-ns {
    padding-left: 5.2rem;
  }
  .pl14-ns {
    padding-left: 5.6rem;
  }
  .pl15-ns {
    padding-left: 6rem;
  }
  .pl16-ns {
    padding-left: 6.4rem;
  }
  .pl17-ns {
    padding-left: 6.8rem;
  }
  .pl18-ns {
    padding-left: 7.2rem;
  }
  .pl19-ns {
    padding-left: 7.6rem;
  }
  .pl20-ns {
    padding-left: 8rem;
  }
  .pl25-ns {
    padding-left: 10rem;
  }
  .pl30-ns {
    padding-left: 12rem;
  }
  .pl40-ns {
    padding-left: 16rem;
  }
  .pl50-ns {
    padding-left: 20rem;
  }
  .pt0-ns {
    padding-top: 0;
  }
  .pt1-ns {
    padding-top: 0.4rem;
  }
  .pt2-ns {
    padding-top: 0.8rem;
  }
  .pt3-ns {
    padding-top: 1.2rem;
  }
  .pt4-ns {
    padding-top: 1.6rem;
  }
  .pt5-ns {
    padding-top: 2rem;
  }
  .pt6-ns {
    padding-top: 2.4rem;
  }
  .pt7-ns {
    padding-top: 2.8rem;
  }
  .pt8-ns {
    padding-top: 3.2rem;
  }
  .pt9-ns {
    padding-top: 3.6rem;
  }
  .pt10-ns {
    padding-top: 4rem;
  }
  .pt11-ns {
    padding-top: 4.4rem;
  }
  .pt12-ns {
    padding-top: 4.8rem;
  }
  .pt13-ns {
    padding-top: 5.2rem;
  }
  .pt14-ns {
    padding-top: 5.6rem;
  }
  .pt15-ns {
    padding-top: 6rem;
  }
  .pt16-ns {
    padding-top: 6.4rem;
  }
  .pt17-ns {
    padding-top: 6.8rem;
  }
  .pt18-ns {
    padding-top: 7.2rem;
  }
  .pt19-ns {
    padding-top: 7.6rem;
  }
  .pt20-ns {
    padding-top: 8rem;
  }
  .pt25-ns {
    padding-top: 10rem;
  }
  .pt30-ns {
    padding-top: 12rem;
  }
  .pt40-ns {
    padding-top: 16rem;
  }
  .pt50-ns {
    padding-top: 20rem;
  }
  .ma0-ns {
    margin: 0;
  }
  .ma1-ns {
    margin: 0.4rem;
  }
  .ma2-ns {
    margin: 0.8rem;
  }
  .ma3-ns {
    margin: 1.2rem;
  }
  .ma4-ns {
    margin: 1.6rem;
  }
  .ma5-ns {
    margin: 2rem;
  }
  .ma6-ns {
    margin: 2.4rem;
  }
  .ma7-ns {
    margin: 2.8rem;
  }
  .ma8-ns {
    margin: 3.2rem;
  }
  .ma9-ns {
    margin: 3.6rem;
  }
  .ma10-ns {
    margin: 4rem;
  }
  .ma11-ns {
    margin: 4.4rem;
  }
  .ma12-ns {
    margin: 4.8rem;
  }
  .ma13-ns {
    margin: 5.2rem;
  }
  .ma14-ns {
    margin: 5.6rem;
  }
  .ma15-ns {
    margin: 6rem;
  }
  .ma16-ns {
    margin: 6.4rem;
  }
  .ma17-ns {
    margin: 6.8rem;
  }
  .ma18-ns {
    margin: 7.2rem;
  }
  .ma19-ns {
    margin: 7.6rem;
  }
  .ma20-ns {
    margin: 8rem;
  }
  .ma25-ns {
    margin: 10rem;
  }
  .ma30-ns {
    margin: 12rem;
  }
  .ma40-ns {
    margin: 16rem;
  }
  .ma50-ns {
    margin: 20rem;
  }
  .mr0-ns {
    margin-right: 0;
  }
  .mr1-ns {
    margin-right: 0.4rem;
  }
  .mr2-ns {
    margin-right: 0.8rem;
  }
  .mr3-ns {
    margin-right: 1.2rem;
  }
  .mr4-ns {
    margin-right: 1.6rem;
  }
  .mr5-ns {
    margin-right: 2rem;
  }
  .mr6-ns {
    margin-right: 2.4rem;
  }
  .mr7-ns {
    margin-right: 2.8rem;
  }
  .mr8-ns {
    margin-right: 3.2rem;
  }
  .mr9-ns {
    margin-right: 3.6rem;
  }
  .mr10-ns {
    margin-right: 4rem;
  }
  .mr11-ns {
    margin-right: 4.4rem;
  }
  .mr12-ns {
    margin-right: 4.8rem;
  }
  .mr13-ns {
    margin-right: 5.2rem;
  }
  .mr14-ns {
    margin-right: 5.6rem;
  }
  .mr15-ns {
    margin-right: 6rem;
  }
  .mr16-ns {
    margin-right: 6.4rem;
  }
  .mr17-ns {
    margin-right: 6.8rem;
  }
  .mr18-ns {
    margin-right: 7.2rem;
  }
  .mr19-ns {
    margin-right: 7.6rem;
  }
  .mr20-ns {
    margin-right: 8rem;
  }
  .mr25-ns {
    margin-right: 10rem;
  }
  .mr30-ns {
    margin-right: 12rem;
  }
  .mr40-ns {
    margin-right: 16rem;
  }
  .mr50-ns {
    margin-right: 20rem;
  }
  .mb0-ns {
    margin-bottom: 0;
  }
  .mb1-ns {
    margin-bottom: 0.4rem;
  }
  .mb2-ns {
    margin-bottom: 0.8rem;
  }
  .mb3-ns {
    margin-bottom: 1.2rem;
  }
  .mb4-ns {
    margin-bottom: 1.6rem;
  }
  .mb5-ns {
    margin-bottom: 2rem;
  }
  .mb6-ns {
    margin-bottom: 2.4rem;
  }
  .mb7-ns {
    margin-bottom: 2.8rem;
  }
  .mb8-ns {
    margin-bottom: 3.2rem;
  }
  .mb9-ns {
    margin-bottom: 3.6rem;
  }
  .mb10-ns {
    margin-bottom: 4rem;
  }
  .mb11-ns {
    margin-bottom: 4.4rem;
  }
  .mb12-ns {
    margin-bottom: 4.8rem;
  }
  .mb13-ns {
    margin-bottom: 5.2rem;
  }
  .mb14-ns {
    margin-bottom: 5.6rem;
  }
  .mb15-ns {
    margin-bottom: 6rem;
  }
  .mb16-ns {
    margin-bottom: 6.4rem;
  }
  .mb17-ns {
    margin-bottom: 6.8rem;
  }
  .mb18-ns {
    margin-bottom: 7.2rem;
  }
  .mb19-ns {
    margin-bottom: 7.6rem;
  }
  .mb20-ns {
    margin-bottom: 8rem;
  }
  .mb25-ns {
    margin-bottom: 10rem;
  }
  .mb30-ns {
    margin-bottom: 12rem;
  }
  .mb40-ns {
    margin-bottom: 16rem;
  }
  .mb50-ns {
    margin-bottom: 20rem;
  }
  .ml0-ns {
    margin-left: 0;
  }
  .ml1-ns {
    margin-left: 0.4rem;
  }
  .ml2-ns {
    margin-left: 0.8rem;
  }
  .ml3-ns {
    margin-left: 1.2rem;
  }
  .ml4-ns {
    margin-left: 1.6rem;
  }
  .ml5-ns {
    margin-left: 2rem;
  }
  .ml6-ns {
    margin-left: 2.4rem;
  }
  .ml7-ns {
    margin-left: 2.8rem;
  }
  .ml8-ns {
    margin-left: 3.2rem;
  }
  .ml9-ns {
    margin-left: 3.6rem;
  }
  .ml10-ns {
    margin-left: 4rem;
  }
  .ml11-ns {
    margin-left: 4.4rem;
  }
  .ml12-ns {
    margin-left: 4.8rem;
  }
  .ml13-ns {
    margin-left: 5.2rem;
  }
  .ml14-ns {
    margin-left: 5.6rem;
  }
  .ml15-ns {
    margin-left: 6rem;
  }
  .ml16-ns {
    margin-left: 6.4rem;
  }
  .ml17-ns {
    margin-left: 6.8rem;
  }
  .ml18-ns {
    margin-left: 7.2rem;
  }
  .ml19-ns {
    margin-left: 7.6rem;
  }
  .ml20-ns {
    margin-left: 8rem;
  }
  .ml25-ns {
    margin-left: 10rem;
  }
  .ml30-ns {
    margin-left: 12rem;
  }
  .ml40-ns {
    margin-left: 16rem;
  }
  .ml50-ns {
    margin-left: 20rem;
  }
  .mt0-ns {
    margin-top: 0;
  }
  .mt1-ns {
    margin-top: 0.4rem;
  }
  .mt2-ns {
    margin-top: 0.8rem;
  }
  .mt3-ns {
    margin-top: 1.2rem;
  }
  .mt4-ns {
    margin-top: 1.6rem;
  }
  .mt5-ns {
    margin-top: 2rem;
  }
  .mt6-ns {
    margin-top: 2.4rem;
  }
  .mt7-ns {
    margin-top: 2.8rem;
  }
  .mt8-ns {
    margin-top: 3.2rem;
  }
  .mt9-ns {
    margin-top: 3.6rem;
  }
  .mt10-ns {
    margin-top: 4rem;
  }
  .mt11-ns {
    margin-top: 4.4rem;
  }
  .mt12-ns {
    margin-top: 4.8rem;
  }
  .mt13-ns {
    margin-top: 5.2rem;
  }
  .mt14-ns {
    margin-top: 5.6rem;
  }
  .mt15-ns {
    margin-top: 6rem;
  }
  .mt16-ns {
    margin-top: 6.4rem;
  }
  .mt17-ns {
    margin-top: 6.8rem;
  }
  .mt18-ns {
    margin-top: 7.2rem;
  }
  .mt19-ns {
    margin-top: 7.6rem;
  }
  .mt20-ns {
    margin-top: 8rem;
  }
  .mt25-ns {
    margin-top: 10rem;
  }
  .mt30-ns {
    margin-top: 12rem;
  }
  .mt40-ns {
    margin-top: 16rem;
  }
  .mt50-ns {
    margin-top: 20rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .pa0-m {
    padding: 0;
  }
  .pa1-m {
    padding: 0.4rem;
  }
  .pa2-m {
    padding: 0.8rem;
  }
  .pa3-m {
    padding: 1.2rem;
  }
  .pa4-m {
    padding: 1.6rem;
  }
  .pa5-m {
    padding: 2rem;
  }
  .pa6-m {
    padding: 2.4rem;
  }
  .pa7-m {
    padding: 2.8rem;
  }
  .pa8-m {
    padding: 3.2rem;
  }
  .pa9-m {
    padding: 3.6rem;
  }
  .pa10-m {
    padding: 4rem;
  }
  .pa11-m {
    padding: 4.4rem;
  }
  .pa12-m {
    padding: 4.8rem;
  }
  .pa13-m {
    padding: 5.2rem;
  }
  .pa14-m {
    padding: 5.6rem;
  }
  .pa15-m {
    padding: 6rem;
  }
  .pa16-m {
    padding: 6.4rem;
  }
  .pa17-m {
    padding: 6.8rem;
  }
  .pa18-m {
    padding: 7.2rem;
  }
  .pa19-m {
    padding: 7.6rem;
  }
  .pa20-m {
    padding: 8rem;
  }
  .pa25-m {
    padding: 10rem;
  }
  .pa30-m {
    padding: 12rem;
  }
  .pa40-m {
    padding: 16rem;
  }
  .pa50-m {
    padding: 20rem;
  }
  .pr0-m {
    padding-right: 0;
  }
  .pr1-m {
    padding-right: 0.4rem;
  }
  .pr2-m {
    padding-right: 0.8rem;
  }
  .pr3-m {
    padding-right: 1.2rem;
  }
  .pr4-m {
    padding-right: 1.6rem;
  }
  .pr5-m {
    padding-right: 2rem;
  }
  .pr6-m {
    padding-right: 2.4rem;
  }
  .pr7-m {
    padding-right: 2.8rem;
  }
  .pr8-m {
    padding-right: 3.2rem;
  }
  .pr9-m {
    padding-right: 3.6rem;
  }
  .pr10-m {
    padding-right: 4rem;
  }
  .pr11-m {
    padding-right: 4.4rem;
  }
  .pr12-m {
    padding-right: 4.8rem;
  }
  .pr13-m {
    padding-right: 5.2rem;
  }
  .pr14-m {
    padding-right: 5.6rem;
  }
  .pr15-m {
    padding-right: 6rem;
  }
  .pr16-m {
    padding-right: 6.4rem;
  }
  .pr17-m {
    padding-right: 6.8rem;
  }
  .pr18-m {
    padding-right: 7.2rem;
  }
  .pr19-m {
    padding-right: 7.6rem;
  }
  .pr20-m {
    padding-right: 8rem;
  }
  .pr25-m {
    padding-right: 10rem;
  }
  .pr30-m {
    padding-right: 12rem;
  }
  .pr40-m {
    padding-right: 16rem;
  }
  .pr50-m {
    padding-right: 20rem;
  }
  .pb0-m {
    padding-bottom: 0;
  }
  .pb1-m {
    padding-bottom: 0.4rem;
  }
  .pb2-m {
    padding-bottom: 0.8rem;
  }
  .pb3-m {
    padding-bottom: 1.2rem;
  }
  .pb4-m {
    padding-bottom: 1.6rem;
  }
  .pb5-m {
    padding-bottom: 2rem;
  }
  .pb6-m {
    padding-bottom: 2.4rem;
  }
  .pb7-m {
    padding-bottom: 2.8rem;
  }
  .pb8-m {
    padding-bottom: 3.2rem;
  }
  .pb9-m {
    padding-bottom: 3.6rem;
  }
  .pb10-m {
    padding-bottom: 4rem;
  }
  .pb11-m {
    padding-bottom: 4.4rem;
  }
  .pb12-m {
    padding-bottom: 4.8rem;
  }
  .pb13-m {
    padding-bottom: 5.2rem;
  }
  .pb14-m {
    padding-bottom: 5.6rem;
  }
  .pb15-m {
    padding-bottom: 6rem;
  }
  .pb16-m {
    padding-bottom: 6.4rem;
  }
  .pb17-m {
    padding-bottom: 6.8rem;
  }
  .pb18-m {
    padding-bottom: 7.2rem;
  }
  .pb19-m {
    padding-bottom: 7.6rem;
  }
  .pb20-m {
    padding-bottom: 8rem;
  }
  .pb25-m {
    padding-bottom: 10rem;
  }
  .pb30-m {
    padding-bottom: 12rem;
  }
  .pb40-m {
    padding-bottom: 16rem;
  }
  .pb50-m {
    padding-bottom: 20rem;
  }
  .pl0-m {
    padding-left: 0;
  }
  .pl1-m {
    padding-left: 0.4rem;
  }
  .pl2-m {
    padding-left: 0.8rem;
  }
  .pl3-m {
    padding-left: 1.2rem;
  }
  .pl4-m {
    padding-left: 1.6rem;
  }
  .pl5-m {
    padding-left: 2rem;
  }
  .pl6-m {
    padding-left: 2.4rem;
  }
  .pl7-m {
    padding-left: 2.8rem;
  }
  .pl8-m {
    padding-left: 3.2rem;
  }
  .pl9-m {
    padding-left: 3.6rem;
  }
  .pl10-m {
    padding-left: 4rem;
  }
  .pl11-m {
    padding-left: 4.4rem;
  }
  .pl12-m {
    padding-left: 4.8rem;
  }
  .pl13-m {
    padding-left: 5.2rem;
  }
  .pl14-m {
    padding-left: 5.6rem;
  }
  .pl15-m {
    padding-left: 6rem;
  }
  .pl16-m {
    padding-left: 6.4rem;
  }
  .pl17-m {
    padding-left: 6.8rem;
  }
  .pl18-m {
    padding-left: 7.2rem;
  }
  .pl19-m {
    padding-left: 7.6rem;
  }
  .pl20-m {
    padding-left: 8rem;
  }
  .pl25-m {
    padding-left: 10rem;
  }
  .pl30-m {
    padding-left: 12rem;
  }
  .pl40-m {
    padding-left: 16rem;
  }
  .pl50-m {
    padding-left: 20rem;
  }
  .pt0-m {
    padding-top: 0;
  }
  .pt1-m {
    padding-top: 0.4rem;
  }
  .pt2-m {
    padding-top: 0.8rem;
  }
  .pt3-m {
    padding-top: 1.2rem;
  }
  .pt4-m {
    padding-top: 1.6rem;
  }
  .pt5-m {
    padding-top: 2rem;
  }
  .pt6-m {
    padding-top: 2.4rem;
  }
  .pt7-m {
    padding-top: 2.8rem;
  }
  .pt8-m {
    padding-top: 3.2rem;
  }
  .pt9-m {
    padding-top: 3.6rem;
  }
  .pt10-m {
    padding-top: 4rem;
  }
  .pt11-m {
    padding-top: 4.4rem;
  }
  .pt12-m {
    padding-top: 4.8rem;
  }
  .pt13-m {
    padding-top: 5.2rem;
  }
  .pt14-m {
    padding-top: 5.6rem;
  }
  .pt15-m {
    padding-top: 6rem;
  }
  .pt16-m {
    padding-top: 6.4rem;
  }
  .pt17-m {
    padding-top: 6.8rem;
  }
  .pt18-m {
    padding-top: 7.2rem;
  }
  .pt19-m {
    padding-top: 7.6rem;
  }
  .pt20-m {
    padding-top: 8rem;
  }
  .pt25-m {
    padding-top: 10rem;
  }
  .pt30-m {
    padding-top: 12rem;
  }
  .pt40-m {
    padding-top: 16rem;
  }
  .pt50-m {
    padding-top: 20rem;
  }
  .ma0-m {
    margin: 0;
  }
  .ma1-m {
    margin: 0.4rem;
  }
  .ma2-m {
    margin: 0.8rem;
  }
  .ma3-m {
    margin: 1.2rem;
  }
  .ma4-m {
    margin: 1.6rem;
  }
  .ma5-m {
    margin: 2rem;
  }
  .ma6-m {
    margin: 2.4rem;
  }
  .ma7-m {
    margin: 2.8rem;
  }
  .ma8-m {
    margin: 3.2rem;
  }
  .ma9-m {
    margin: 3.6rem;
  }
  .ma10-m {
    margin: 4rem;
  }
  .ma11-m {
    margin: 4.4rem;
  }
  .ma12-m {
    margin: 4.8rem;
  }
  .ma13-m {
    margin: 5.2rem;
  }
  .ma14-m {
    margin: 5.6rem;
  }
  .ma15-m {
    margin: 6rem;
  }
  .ma16-m {
    margin: 6.4rem;
  }
  .ma17-m {
    margin: 6.8rem;
  }
  .ma18-m {
    margin: 7.2rem;
  }
  .ma19-m {
    margin: 7.6rem;
  }
  .ma20-m {
    margin: 8rem;
  }
  .ma25-m {
    margin: 10rem;
  }
  .ma30-m {
    margin: 12rem;
  }
  .ma40-m {
    margin: 16rem;
  }
  .ma50-m {
    margin: 20rem;
  }
  .mr0-m {
    margin-right: 0;
  }
  .mr1-m {
    margin-right: 0.4rem;
  }
  .mr2-m {
    margin-right: 0.8rem;
  }
  .mr3-m {
    margin-right: 1.2rem;
  }
  .mr4-m {
    margin-right: 1.6rem;
  }
  .mr5-m {
    margin-right: 2rem;
  }
  .mr6-m {
    margin-right: 2.4rem;
  }
  .mr7-m {
    margin-right: 2.8rem;
  }
  .mr8-m {
    margin-right: 3.2rem;
  }
  .mr9-m {
    margin-right: 3.6rem;
  }
  .mr10-m {
    margin-right: 4rem;
  }
  .mr11-m {
    margin-right: 4.4rem;
  }
  .mr12-m {
    margin-right: 4.8rem;
  }
  .mr13-m {
    margin-right: 5.2rem;
  }
  .mr14-m {
    margin-right: 5.6rem;
  }
  .mr15-m {
    margin-right: 6rem;
  }
  .mr16-m {
    margin-right: 6.4rem;
  }
  .mr17-m {
    margin-right: 6.8rem;
  }
  .mr18-m {
    margin-right: 7.2rem;
  }
  .mr19-m {
    margin-right: 7.6rem;
  }
  .mr20-m {
    margin-right: 8rem;
  }
  .mr25-m {
    margin-right: 10rem;
  }
  .mr30-m {
    margin-right: 12rem;
  }
  .mr40-m {
    margin-right: 16rem;
  }
  .mr50-m {
    margin-right: 20rem;
  }
  .mb0-m {
    margin-bottom: 0;
  }
  .mb1-m {
    margin-bottom: 0.4rem;
  }
  .mb2-m {
    margin-bottom: 0.8rem;
  }
  .mb3-m {
    margin-bottom: 1.2rem;
  }
  .mb4-m {
    margin-bottom: 1.6rem;
  }
  .mb5-m {
    margin-bottom: 2rem;
  }
  .mb6-m {
    margin-bottom: 2.4rem;
  }
  .mb7-m {
    margin-bottom: 2.8rem;
  }
  .mb8-m {
    margin-bottom: 3.2rem;
  }
  .mb9-m {
    margin-bottom: 3.6rem;
  }
  .mb10-m {
    margin-bottom: 4rem;
  }
  .mb11-m {
    margin-bottom: 4.4rem;
  }
  .mb12-m {
    margin-bottom: 4.8rem;
  }
  .mb13-m {
    margin-bottom: 5.2rem;
  }
  .mb14-m {
    margin-bottom: 5.6rem;
  }
  .mb15-m {
    margin-bottom: 6rem;
  }
  .mb16-m {
    margin-bottom: 6.4rem;
  }
  .mb17-m {
    margin-bottom: 6.8rem;
  }
  .mb18-m {
    margin-bottom: 7.2rem;
  }
  .mb19-m {
    margin-bottom: 7.6rem;
  }
  .mb20-m {
    margin-bottom: 8rem;
  }
  .mb25-m {
    margin-bottom: 10rem;
  }
  .mb30-m {
    margin-bottom: 12rem;
  }
  .mb40-m {
    margin-bottom: 16rem;
  }
  .mb50-m {
    margin-bottom: 20rem;
  }
  .ml0-m {
    margin-left: 0;
  }
  .ml1-m {
    margin-left: 0.4rem;
  }
  .ml2-m {
    margin-left: 0.8rem;
  }
  .ml3-m {
    margin-left: 1.2rem;
  }
  .ml4-m {
    margin-left: 1.6rem;
  }
  .ml5-m {
    margin-left: 2rem;
  }
  .ml6-m {
    margin-left: 2.4rem;
  }
  .ml7-m {
    margin-left: 2.8rem;
  }
  .ml8-m {
    margin-left: 3.2rem;
  }
  .ml9-m {
    margin-left: 3.6rem;
  }
  .ml10-m {
    margin-left: 4rem;
  }
  .ml11-m {
    margin-left: 4.4rem;
  }
  .ml12-m {
    margin-left: 4.8rem;
  }
  .ml13-m {
    margin-left: 5.2rem;
  }
  .ml14-m {
    margin-left: 5.6rem;
  }
  .ml15-m {
    margin-left: 6rem;
  }
  .ml16-m {
    margin-left: 6.4rem;
  }
  .ml17-m {
    margin-left: 6.8rem;
  }
  .ml18-m {
    margin-left: 7.2rem;
  }
  .ml19-m {
    margin-left: 7.6rem;
  }
  .ml20-m {
    margin-left: 8rem;
  }
  .ml25-m {
    margin-left: 10rem;
  }
  .ml30-m {
    margin-left: 12rem;
  }
  .ml40-m {
    margin-left: 16rem;
  }
  .ml50-m {
    margin-left: 20rem;
  }
  .mt0-m {
    margin-top: 0;
  }
  .mt1-m {
    margin-top: 0.4rem;
  }
  .mt2-m {
    margin-top: 0.8rem;
  }
  .mt3-m {
    margin-top: 1.2rem;
  }
  .mt4-m {
    margin-top: 1.6rem;
  }
  .mt5-m {
    margin-top: 2rem;
  }
  .mt6-m {
    margin-top: 2.4rem;
  }
  .mt7-m {
    margin-top: 2.8rem;
  }
  .mt8-m {
    margin-top: 3.2rem;
  }
  .mt9-m {
    margin-top: 3.6rem;
  }
  .mt10-m {
    margin-top: 4rem;
  }
  .mt11-m {
    margin-top: 4.4rem;
  }
  .mt12-m {
    margin-top: 4.8rem;
  }
  .mt13-m {
    margin-top: 5.2rem;
  }
  .mt14-m {
    margin-top: 5.6rem;
  }
  .mt15-m {
    margin-top: 6rem;
  }
  .mt16-m {
    margin-top: 6.4rem;
  }
  .mt17-m {
    margin-top: 6.8rem;
  }
  .mt18-m {
    margin-top: 7.2rem;
  }
  .mt19-m {
    margin-top: 7.6rem;
  }
  .mt20-m {
    margin-top: 8rem;
  }
  .mt25-m {
    margin-top: 10rem;
  }
  .mt30-m {
    margin-top: 12rem;
  }
  .mt40-m {
    margin-top: 16rem;
  }
  .mt50-m {
    margin-top: 20rem;
  }
}
@media screen and (min-width: 1080px) {
  .pa0-l {
    padding: 0;
  }
  .pa1-l {
    padding: 0.4rem;
  }
  .pa2-l {
    padding: 0.8rem;
  }
  .pa3-l {
    padding: 1.2rem;
  }
  .pa4-l {
    padding: 1.6rem;
  }
  .pa5-l {
    padding: 2rem;
  }
  .pa6-l {
    padding: 2.4rem;
  }
  .pa7-l {
    padding: 2.8rem;
  }
  .pa8-l {
    padding: 3.2rem;
  }
  .pa9-l {
    padding: 3.6rem;
  }
  .pa10-l {
    padding: 4rem;
  }
  .pa11-l {
    padding: 4.4rem;
  }
  .pa12-l {
    padding: 4.8rem;
  }
  .pa13-l {
    padding: 5.2rem;
  }
  .pa14-l {
    padding: 5.6rem;
  }
  .pa15-l {
    padding: 6rem;
  }
  .pa16-l {
    padding: 6.4rem;
  }
  .pa17-l {
    padding: 6.8rem;
  }
  .pa18-l {
    padding: 7.2rem;
  }
  .pa19-l {
    padding: 7.6rem;
  }
  .pa20-l {
    padding: 8rem;
  }
  .pa25-l {
    padding: 10rem;
  }
  .pa30-l {
    padding: 12rem;
  }
  .pa40-l {
    padding: 16rem;
  }
  .pa50-l {
    padding: 20rem;
  }
  .pr0-l {
    padding-right: 0;
  }
  .pr1-l {
    padding-right: 0.4rem;
  }
  .pr2-l {
    padding-right: 0.8rem;
  }
  .pr3-l {
    padding-right: 1.2rem;
  }
  .pr4-l {
    padding-right: 1.6rem;
  }
  .pr5-l {
    padding-right: 2rem;
  }
  .pr6-l {
    padding-right: 2.4rem;
  }
  .pr7-l {
    padding-right: 2.8rem;
  }
  .pr8-l {
    padding-right: 3.2rem;
  }
  .pr9-l {
    padding-right: 3.6rem;
  }
  .pr10-l {
    padding-right: 4rem;
  }
  .pr11-l {
    padding-right: 4.4rem;
  }
  .pr12-l {
    padding-right: 4.8rem;
  }
  .pr13-l {
    padding-right: 5.2rem;
  }
  .pr14-l {
    padding-right: 5.6rem;
  }
  .pr15-l {
    padding-right: 6rem;
  }
  .pr16-l {
    padding-right: 6.4rem;
  }
  .pr17-l {
    padding-right: 6.8rem;
  }
  .pr18-l {
    padding-right: 7.2rem;
  }
  .pr19-l {
    padding-right: 7.6rem;
  }
  .pr20-l {
    padding-right: 8rem;
  }
  .pr25-l {
    padding-right: 10rem;
  }
  .pr30-l {
    padding-right: 12rem;
  }
  .pr40-l {
    padding-right: 16rem;
  }
  .pr50-l {
    padding-right: 20rem;
  }
  .pb0-l {
    padding-bottom: 0;
  }
  .pb1-l {
    padding-bottom: 0.4rem;
  }
  .pb2-l {
    padding-bottom: 0.8rem;
  }
  .pb3-l {
    padding-bottom: 1.2rem;
  }
  .pb4-l {
    padding-bottom: 1.6rem;
  }
  .pb5-l {
    padding-bottom: 2rem;
  }
  .pb6-l {
    padding-bottom: 2.4rem;
  }
  .pb7-l {
    padding-bottom: 2.8rem;
  }
  .pb8-l {
    padding-bottom: 3.2rem;
  }
  .pb9-l {
    padding-bottom: 3.6rem;
  }
  .pb10-l {
    padding-bottom: 4rem;
  }
  .pb11-l {
    padding-bottom: 4.4rem;
  }
  .pb12-l {
    padding-bottom: 4.8rem;
  }
  .pb13-l {
    padding-bottom: 5.2rem;
  }
  .pb14-l {
    padding-bottom: 5.6rem;
  }
  .pb15-l {
    padding-bottom: 6rem;
  }
  .pb16-l {
    padding-bottom: 6.4rem;
  }
  .pb17-l {
    padding-bottom: 6.8rem;
  }
  .pb18-l {
    padding-bottom: 7.2rem;
  }
  .pb19-l {
    padding-bottom: 7.6rem;
  }
  .pb20-l {
    padding-bottom: 8rem;
  }
  .pb25-l {
    padding-bottom: 10rem;
  }
  .pb30-l {
    padding-bottom: 12rem;
  }
  .pb40-l {
    padding-bottom: 16rem;
  }
  .pb50-l {
    padding-bottom: 20rem;
  }
  .pl0-l {
    padding-left: 0;
  }
  .pl1-l {
    padding-left: 0.4rem;
  }
  .pl2-l {
    padding-left: 0.8rem;
  }
  .pl3-l {
    padding-left: 1.2rem;
  }
  .pl4-l {
    padding-left: 1.6rem;
  }
  .pl5-l {
    padding-left: 2rem;
  }
  .pl6-l {
    padding-left: 2.4rem;
  }
  .pl7-l {
    padding-left: 2.8rem;
  }
  .pl8-l {
    padding-left: 3.2rem;
  }
  .pl9-l {
    padding-left: 3.6rem;
  }
  .pl10-l {
    padding-left: 4rem;
  }
  .pl11-l {
    padding-left: 4.4rem;
  }
  .pl12-l {
    padding-left: 4.8rem;
  }
  .pl13-l {
    padding-left: 5.2rem;
  }
  .pl14-l {
    padding-left: 5.6rem;
  }
  .pl15-l {
    padding-left: 6rem;
  }
  .pl16-l {
    padding-left: 6.4rem;
  }
  .pl17-l {
    padding-left: 6.8rem;
  }
  .pl18-l {
    padding-left: 7.2rem;
  }
  .pl19-l {
    padding-left: 7.6rem;
  }
  .pl20-l {
    padding-left: 8rem;
  }
  .pl25-l {
    padding-left: 10rem;
  }
  .pl30-l {
    padding-left: 12rem;
  }
  .pl40-l {
    padding-left: 16rem;
  }
  .pl50-l {
    padding-left: 20rem;
  }
  .pt0-l {
    padding-top: 0;
  }
  .pt1-l {
    padding-top: 0.4rem;
  }
  .pt2-l {
    padding-top: 0.8rem;
  }
  .pt3-l {
    padding-top: 1.2rem;
  }
  .pt4-l {
    padding-top: 1.6rem;
  }
  .pt5-l {
    padding-top: 2rem;
  }
  .pt6-l {
    padding-top: 2.4rem;
  }
  .pt7-l {
    padding-top: 2.8rem;
  }
  .pt8-l {
    padding-top: 3.2rem;
  }
  .pt9-l {
    padding-top: 3.6rem;
  }
  .pt10-l {
    padding-top: 4rem;
  }
  .pt11-l {
    padding-top: 4.4rem;
  }
  .pt12-l {
    padding-top: 4.8rem;
  }
  .pt13-l {
    padding-top: 5.2rem;
  }
  .pt14-l {
    padding-top: 5.6rem;
  }
  .pt15-l {
    padding-top: 6rem;
  }
  .pt16-l {
    padding-top: 6.4rem;
  }
  .pt17-l {
    padding-top: 6.8rem;
  }
  .pt18-l {
    padding-top: 7.2rem;
  }
  .pt19-l {
    padding-top: 7.6rem;
  }
  .pt20-l {
    padding-top: 8rem;
  }
  .pt25-l {
    padding-top: 10rem;
  }
  .pt30-l {
    padding-top: 12rem;
  }
  .pt40-l {
    padding-top: 16rem;
  }
  .pt50-l {
    padding-top: 20rem;
  }
  .ma0-l {
    margin: 0;
  }
  .ma1-l {
    margin: 0.4rem;
  }
  .ma2-l {
    margin: 0.8rem;
  }
  .ma3-l {
    margin: 1.2rem;
  }
  .ma4-l {
    margin: 1.6rem;
  }
  .ma5-l {
    margin: 2rem;
  }
  .ma6-l {
    margin: 2.4rem;
  }
  .ma7-l {
    margin: 2.8rem;
  }
  .ma8-l {
    margin: 3.2rem;
  }
  .ma9-l {
    margin: 3.6rem;
  }
  .ma10-l {
    margin: 4rem;
  }
  .ma11-l {
    margin: 4.4rem;
  }
  .ma12-l {
    margin: 4.8rem;
  }
  .ma13-l {
    margin: 5.2rem;
  }
  .ma14-l {
    margin: 5.6rem;
  }
  .ma15-l {
    margin: 6rem;
  }
  .ma16-l {
    margin: 6.4rem;
  }
  .ma17-l {
    margin: 6.8rem;
  }
  .ma18-l {
    margin: 7.2rem;
  }
  .ma19-l {
    margin: 7.6rem;
  }
  .ma20-l {
    margin: 8rem;
  }
  .ma25-l {
    margin: 10rem;
  }
  .ma30-l {
    margin: 12rem;
  }
  .ma40-l {
    margin: 16rem;
  }
  .ma50-l {
    margin: 20rem;
  }
  .mr0-l {
    margin-right: 0;
  }
  .mr1-l {
    margin-right: 0.4rem;
  }
  .mr2-l {
    margin-right: 0.8rem;
  }
  .mr3-l {
    margin-right: 1.2rem;
  }
  .mr4-l {
    margin-right: 1.6rem;
  }
  .mr5-l {
    margin-right: 2rem;
  }
  .mr6-l {
    margin-right: 2.4rem;
  }
  .mr7-l {
    margin-right: 2.8rem;
  }
  .mr8-l {
    margin-right: 3.2rem;
  }
  .mr9-l {
    margin-right: 3.6rem;
  }
  .mr10-l {
    margin-right: 4rem;
  }
  .mr11-l {
    margin-right: 4.4rem;
  }
  .mr12-l {
    margin-right: 4.8rem;
  }
  .mr13-l {
    margin-right: 5.2rem;
  }
  .mr14-l {
    margin-right: 5.6rem;
  }
  .mr15-l {
    margin-right: 6rem;
  }
  .mr16-l {
    margin-right: 6.4rem;
  }
  .mr17-l {
    margin-right: 6.8rem;
  }
  .mr18-l {
    margin-right: 7.2rem;
  }
  .mr19-l {
    margin-right: 7.6rem;
  }
  .mr20-l {
    margin-right: 8rem;
  }
  .mr25-l {
    margin-right: 10rem;
  }
  .mr30-l {
    margin-right: 12rem;
  }
  .mr40-l {
    margin-right: 16rem;
  }
  .mr50-l {
    margin-right: 20rem;
  }
  .mb0-l {
    margin-bottom: 0;
  }
  .mb1-l {
    margin-bottom: 0.4rem;
  }
  .mb2-l {
    margin-bottom: 0.8rem;
  }
  .mb3-l {
    margin-bottom: 1.2rem;
  }
  .mb4-l {
    margin-bottom: 1.6rem;
  }
  .mb5-l {
    margin-bottom: 2rem;
  }
  .mb6-l {
    margin-bottom: 2.4rem;
  }
  .mb7-l {
    margin-bottom: 2.8rem;
  }
  .mb8-l {
    margin-bottom: 3.2rem;
  }
  .mb9-l {
    margin-bottom: 3.6rem;
  }
  .mb10-l {
    margin-bottom: 4rem;
  }
  .mb11-l {
    margin-bottom: 4.4rem;
  }
  .mb12-l {
    margin-bottom: 4.8rem;
  }
  .mb13-l {
    margin-bottom: 5.2rem;
  }
  .mb14-l {
    margin-bottom: 5.6rem;
  }
  .mb15-l {
    margin-bottom: 6rem;
  }
  .mb16-l {
    margin-bottom: 6.4rem;
  }
  .mb17-l {
    margin-bottom: 6.8rem;
  }
  .mb18-l {
    margin-bottom: 7.2rem;
  }
  .mb19-l {
    margin-bottom: 7.6rem;
  }
  .mb20-l {
    margin-bottom: 8rem;
  }
  .mb25-l {
    margin-bottom: 10rem;
  }
  .mb30-l {
    margin-bottom: 12rem;
  }
  .mb40-l {
    margin-bottom: 16rem;
  }
  .mb50-l {
    margin-bottom: 20rem;
  }
  .ml0-l {
    margin-left: 0;
  }
  .ml1-l {
    margin-left: 0.4rem;
  }
  .ml2-l {
    margin-left: 0.8rem;
  }
  .ml3-l {
    margin-left: 1.2rem;
  }
  .ml4-l {
    margin-left: 1.6rem;
  }
  .ml5-l {
    margin-left: 2rem;
  }
  .ml6-l {
    margin-left: 2.4rem;
  }
  .ml7-l {
    margin-left: 2.8rem;
  }
  .ml8-l {
    margin-left: 3.2rem;
  }
  .ml9-l {
    margin-left: 3.6rem;
  }
  .ml10-l {
    margin-left: 4rem;
  }
  .ml11-l {
    margin-left: 4.4rem;
  }
  .ml12-l {
    margin-left: 4.8rem;
  }
  .ml13-l {
    margin-left: 5.2rem;
  }
  .ml14-l {
    margin-left: 5.6rem;
  }
  .ml15-l {
    margin-left: 6rem;
  }
  .ml16-l {
    margin-left: 6.4rem;
  }
  .ml17-l {
    margin-left: 6.8rem;
  }
  .ml18-l {
    margin-left: 7.2rem;
  }
  .ml19-l {
    margin-left: 7.6rem;
  }
  .ml20-l {
    margin-left: 8rem;
  }
  .ml25-l {
    margin-left: 10rem;
  }
  .ml30-l {
    margin-left: 12rem;
  }
  .ml40-l {
    margin-left: 16rem;
  }
  .ml50-l {
    margin-left: 20rem;
  }
  .mt0-l {
    margin-top: 0;
  }
  .mt1-l {
    margin-top: 0.4rem;
  }
  .mt2-l {
    margin-top: 0.8rem;
  }
  .mt3-l {
    margin-top: 1.2rem;
  }
  .mt4-l {
    margin-top: 1.6rem;
  }
  .mt5-l {
    margin-top: 2rem;
  }
  .mt6-l {
    margin-top: 2.4rem;
  }
  .mt7-l {
    margin-top: 2.8rem;
  }
  .mt8-l {
    margin-top: 3.2rem;
  }
  .mt9-l {
    margin-top: 3.6rem;
  }
  .mt10-l {
    margin-top: 4rem;
  }
  .mt11-l {
    margin-top: 4.4rem;
  }
  .mt12-l {
    margin-top: 4.8rem;
  }
  .mt13-l {
    margin-top: 5.2rem;
  }
  .mt14-l {
    margin-top: 5.6rem;
  }
  .mt15-l {
    margin-top: 6rem;
  }
  .mt16-l {
    margin-top: 6.4rem;
  }
  .mt17-l {
    margin-top: 6.8rem;
  }
  .mt18-l {
    margin-top: 7.2rem;
  }
  .mt19-l {
    margin-top: 7.6rem;
  }
  .mt20-l {
    margin-top: 8rem;
  }
  .mt25-l {
    margin-top: 10rem;
  }
  .mt30-l {
    margin-top: 12rem;
  }
  .mt40-l {
    margin-top: 16rem;
  }
  .mt50-l {
    margin-top: 20rem;
  }
}
.border-box,
a,
article,
aside,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='url'],
legend,
li,
main,
nav,
ol,
p,
pre,
section,
table,
td,
textarea,
th,
tr,
ul {
  box-sizing: border-box;
}
.aspect-ratio {
  height: 0;
  position: relative;
}
.aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}
.aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}
.aspect-ratio--4x3 {
  padding-bottom: 75%;
}
.aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}
.aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}
.aspect-ratio--4x6 {
  padding-bottom: 150%;
}
.aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}
.aspect-ratio--5x8 {
  padding-bottom: 160%;
}
.aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}
.aspect-ratio--5x7 {
  padding-bottom: 140%;
}
.aspect-ratio--1x1 {
  padding-bottom: 100%;
}
.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media screen and (min-width: 700px) {
  .aspect-ratio-ns {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-ns {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-ns {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-ns {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-ns {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-ns {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-ns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .aspect-ratio-m {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-m {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-m {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-m {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-m {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-m {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-m {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-m {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-m {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-m {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-m {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-m {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 1080px) {
  .aspect-ratio-l {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-l {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-l {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-l {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-l {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-l {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-l {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-l {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-l {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-l {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-l {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-l {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-l {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
img {
  max-width: 100%;
}
.cover {
  background-size: cover !important;
}
.contain {
  background-size: contain !important;
}
@media screen and (min-width: 700px) {
  .cover-ns {
    background-size: cover !important;
  }
  .contain-ns {
    background-size: contain !important;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .cover-m {
    background-size: cover !important;
  }
  .contain-m {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1080px) {
  .cover-l {
    background-size: cover !important;
  }
  .contain-l {
    background-size: contain !important;
  }
}
.bg-center {
  background-position: 50%;
}
.bg-center,
.bg-top {
  background-repeat: no-repeat;
}
.bg-top {
  background-position: top;
}
.bg-right {
  background-position: 100%;
}
.bg-bottom,
.bg-right {
  background-repeat: no-repeat;
}
.bg-bottom {
  background-position: bottom;
}
.bg-left {
  background-repeat: no-repeat;
  background-position: 0;
}
@media screen and (min-width: 700px) {
  .bg-center-ns {
    background-position: 50%;
  }
  .bg-center-ns,
  .bg-top-ns {
    background-repeat: no-repeat;
  }
  .bg-top-ns {
    background-position: top;
  }
  .bg-right-ns {
    background-position: 100%;
  }
  .bg-bottom-ns,
  .bg-right-ns {
    background-repeat: no-repeat;
  }
  .bg-bottom-ns {
    background-position: bottom;
  }
  .bg-left-ns {
    background-repeat: no-repeat;
    background-position: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .bg-center-m {
    background-position: 50%;
  }
  .bg-center-m,
  .bg-top-m {
    background-repeat: no-repeat;
  }
  .bg-top-m {
    background-position: top;
  }
  .bg-right-m {
    background-position: 100%;
  }
  .bg-bottom-m,
  .bg-right-m {
    background-repeat: no-repeat;
  }
  .bg-bottom-m {
    background-position: bottom;
  }
  .bg-left-m {
    background-repeat: no-repeat;
    background-position: 0;
  }
}
@media screen and (min-width: 1080px) {
  .bg-center-l {
    background-position: 50%;
  }
  .bg-center-l,
  .bg-top-l {
    background-repeat: no-repeat;
  }
  .bg-top-l {
    background-position: top;
  }
  .bg-right-l {
    background-position: 100%;
  }
  .bg-bottom-l,
  .bg-right-l {
    background-repeat: no-repeat;
  }
  .bg-bottom-l {
    background-position: bottom;
  }
  .bg-left-l {
    background-repeat: no-repeat;
    background-position: 0;
  }
}
.outline {
  outline: 1px solid;
}
.outline-transparent {
  outline: 1px solid transparent;
}
.outline-0 {
  outline: 0;
}
@media screen and (min-width: 700px) {
  .outline-ns {
    outline: 1px solid;
  }
  .outline-transparent-ns {
    outline: 1px solid transparent;
  }
  .outline-0-ns {
    outline: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .outline-m {
    outline: 1px solid;
  }
  .outline-transparent-m {
    outline: 1px solid transparent;
  }
  .outline-0-m {
    outline: 0;
  }
}
@media screen and (min-width: 1080px) {
  .outline-l {
    outline: 1px solid;
  }
  .outline-transparent-l {
    outline: 1px solid transparent;
  }
  .outline-0-l {
    outline: 0;
  }
}
.ba {
  border-style: solid;
  border-width: 1px;
}
.bt {
  border-top-style: solid;
  border-top-width: 1px;
}
.br {
  border-right-style: solid;
  border-right-width: 1px;
}
.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.bl {
  border-left-style: solid;
  border-left-width: 1px;
}
.bn {
  border-style: none;
  border-width: 0;
}
.oln {
  outline: none;
}
@media screen and (min-width: 700px) {
  .ba-ns {
    border-style: solid;
    border-width: 1px;
  }
  .bt-ns {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-ns {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-ns {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-ns {
    border-style: none;
    border-width: 0;
  }
  .oln-ns {
    outline: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .ba-m {
    border-style: solid;
    border-width: 1px;
  }
  .bt-m {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-m {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-m {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-m {
    border-style: none;
    border-width: 0;
  }
  .oln-m {
    outline: none;
  }
}
@media screen and (min-width: 1080px) {
  .ba-l {
    border-style: solid;
    border-width: 1px;
  }
  .bt-l {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-l {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-l {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-l {
    border-style: none;
    border-width: 0;
  }
  .oln-l {
    outline: none;
  }
}
.b--blue {
  border-color: #14b8ff;
}
.b--green {
  border-color: #30cf43;
}
.b--purple {
  border-color: #8e42ff;
}
.b--yellow {
  border-color: #ffb41f;
}
.b--red {
  border-color: #f50b23;
}
.b--pink {
  border-color: #fb2d8d;
}
.b--white {
  border-color: #fff;
}
.b--white-10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.b--white-20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.b--white-30 {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.b--white-40 {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.b--white-50 {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.b--white-60 {
  border-color: hsla(0, 0%, 100%, 0.6);
}
.b--white-70 {
  border-color: hsla(0, 0%, 100%, 0.7);
}
.b--white-80 {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.b--white-90 {
  border-color: hsla(0, 0%, 100%, 0.9);
}
.b--black-10 {
  border-color: rgba(21, 23, 26, 0.1);
}
.b--black-20 {
  border-color: rgba(21, 23, 26, 0.2);
}
.b--black-30 {
  border-color: rgba(21, 23, 26, 0.3);
}
.b--black-40 {
  border-color: rgba(21, 23, 26, 0.4);
}
.b--black-50 {
  border-color: rgba(21, 23, 26, 0.5);
}
.b--black-60 {
  border-color: rgba(21, 23, 26, 0.6);
}
.b--black-70 {
  border-color: rgba(21, 23, 26, 0.7);
}
.b--black-80 {
  border-color: rgba(21, 23, 26, 0.8);
}
.b--black-90 {
  border-color: rgba(21, 23, 26, 0.9);
}
.b--darkgrey {
  border-color: #394047;
}
.b--middarkgrey {
  border-color: #626d79;
}
.b--midgrey {
  border-color: #7c8b9a;
}
.b--midlightgrey {
  border-color: #abb4be;
}
.b--lightgrey {
  border-color: #ced4d9;
}
.b--whitegrey {
  border-color: #ebeef0;
}
.b--blue-l3 {
  border-color: #61cfff;
}
.b--blue-l2 {
  border-color: #47c7ff;
}
.b--blue-l1 {
  border-color: #2ec0ff;
}
.b--blue-d1 {
  border-color: #00aefa;
}
.b--blue-d2 {
  border-color: #009ce0;
}
.b--blue-d3 {
  border-color: #008bc7;
}
.b--green-l3 {
  border-color: #6edd7b;
}
.b--green-l2 {
  border-color: #59d969;
}
.b--green-l1 {
  border-color: #45d456;
}
.b--green-d1 {
  border-color: #2bba3c;
}
.b--green-d2 {
  border-color: #26a636;
}
.b--green-d3 {
  border-color: #22912f;
}
.b--purple-l3 {
  border-color: #bc8fff;
}
.b--purple-l2 {
  border-color: #ac75ff;
}
.b--purple-l1 {
  border-color: #9d5cff;
}
.b--purple-d1 {
  border-color: #7f29ff;
}
.b--purple-d2 {
  border-color: #700fff;
}
.b--purple-d3 {
  border-color: #6200f5;
}
.b--yellow-l3 {
  border-color: #ffce6b;
}
.b--yellow-l2 {
  border-color: #ffc552;
}
.b--yellow-l1 {
  border-color: #ffbd38;
}
.b--yellow-d1 {
  border-color: #ffab05;
}
.b--yellow-d2 {
  border-color: #faa600;
}
.b--yellow-d3 {
  border-color: #dc9200;
}
.b--red-l3 {
  border-color: #f85465;
}
.b--red-l2 {
  border-color: #f73c4f;
}
.b--red-l1 {
  border-color: #f62339;
}
.b--red-d1 {
  border-color: #dd091f;
}
.b--red-d2 {
  border-color: #c5081b;
}
.b--red-d3 {
  border-color: #ac0718;
}
.b--pink-l3 {
  border-color: #fc78b6;
}
.b--pink-l2 {
  border-color: #fc5fa8;
}
.b--pink-l1 {
  border-color: #fb469b;
}
.b--pink-d1 {
  border-color: #fb147f;
}
.b--pink-d2 {
  border-color: #f00572;
}
.b--pink-d3 {
  border-color: #d70467;
}
.b--darkgrey-l2 {
  border-color: #49525b;
}
.b--darkgrey-l1 {
  border-color: #40474f;
}
.b--darkgrey-d1 {
  border-color: #32383f;
}
.b--darkgrey-d2 {
  border-color: #2b3136;
}
.b--middarkgrey-l2 {
  border-color: #727e8d;
}
.b--middarkgrey-l1 {
  border-color: #6b7684;
}
.b--middarkgrey-d1 {
  border-color: #5b6571;
}
.b--middarkgrey-d2 {
  border-color: #525b65;
}
.b--midgrey-l2 {
  border-color: #8e9cac;
}
.b--midgrey-l1 {
  border-color: #8695a4;
}
.b--midgrey-d1 {
  border-color: #738393;
}
.b--midgrey-d2 {
  border-color: #697989;
}
.b--midlightgrey-l2 {
  border-color: #c1c9d1;
}
.b--midlightgrey-l1 {
  border-color: #b6bfc8;
}
.b--midlightgrey-d1 {
  border-color: #a3acb7;
}
.b--midlightgrey-d2 {
  border-color: #99a3ad;
}
.b--lightgrey-l2 {
  border-color: #e4e8ec;
}
.b--lightgrey-l1 {
  border-color: #dee3e7;
}
.b--lightgrey-d1 {
  border-color: #c3cad0;
}
.b--lightgrey-d2 {
  border-color: #bbc3c8;
}
.b--whitegrey-l2 {
  border-color: #fafafb;
}
.b--whitegrey-l1 {
  border-color: #f1f3f4;
}
.b--whitegrey-d1 {
  border-color: #e6e9eb;
}
.b--whitegrey-d2 {
  border-color: #dddedf;
}
.b--transparent {
  border-color: transparent;
}
.b--inherit {
  border-color: inherit;
}
.br0 {
  border-radius: 0;
}
.br1 {
  border-radius: 0.2rem;
}
.br2 {
  border-radius: 0.3rem;
}
.br3 {
  border-radius: 0.5rem;
}
.br4 {
  border-radius: 0.9rem;
}
.br-100 {
  border-radius: 100%;
}
.br-pill {
  border-radius: 9999px;
}
.br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.br--top {
  border-bottom-right-radius: 0;
}
.br--right,
.br--top {
  border-bottom-left-radius: 0;
}
.br--right {
  border-top-left-radius: 0;
}
.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (min-width: 700px) {
  .br0-ns {
    border-radius: 0;
  }
  .br1-ns {
    border-radius: 0.2rem;
  }
  .br2-ns {
    border-radius: 0.3rem;
  }
  .br3-ns {
    border-radius: 0.5rem;
  }
  .br4-ns {
    border-radius: 0.8rem;
  }
  .br-100-ns {
    border-radius: 100%;
  }
  .br-pill-ns {
    border-radius: 9999px;
  }
  .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-ns {
    border-bottom-right-radius: 0;
  }
  .br--right-ns,
  .br--top-ns {
    border-bottom-left-radius: 0;
  }
  .br--right-ns {
    border-top-left-radius: 0;
  }
  .br--left-ns {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .br0-m {
    border-radius: 0;
  }
  .br1-m {
    border-radius: 0.2rem;
  }
  .br2-m {
    border-radius: 0.3rem;
  }
  .br3-m {
    border-radius: 0.5rem;
  }
  .br4-m {
    border-radius: 0.8rem;
  }
  .br-100-m {
    border-radius: 100%;
  }
  .br-pill-m {
    border-radius: 9999px;
  }
  .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-m {
    border-bottom-right-radius: 0;
  }
  .br--right-m,
  .br--top-m {
    border-bottom-left-radius: 0;
  }
  .br--right-m {
    border-top-left-radius: 0;
  }
  .br--left-m {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (min-width: 1080px) {
  .br0-l {
    border-radius: 0;
  }
  .br1-l {
    border-radius: 0.2rem;
  }
  .br2-l {
    border-radius: 0.3rem;
  }
  .br3-l {
    border-radius: 0.5rem;
  }
  .br4-l {
    border-radius: 0.8rem;
  }
  .br-100-l {
    border-radius: 100%;
  }
  .br-pill-l {
    border-radius: 9999px;
  }
  .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-l {
    border-bottom-right-radius: 0;
  }
  .br--right-l,
  .br--top-l {
    border-bottom-left-radius: 0;
  }
  .br--right-l {
    border-top-left-radius: 0;
  }
  .br--left-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.b--dotted {
  border-style: dotted;
}
.b--dashed {
  border-style: dashed;
}
.b--solid {
  border-style: solid;
}
.b--none {
  border-style: none;
}
@media screen and (min-width: 700px) {
  .b--dotted-ns {
    border-style: dotted;
  }
  .b--dashed-ns {
    border-style: dashed;
  }
  .b--solid-ns {
    border-style: solid;
  }
  .b--none-ns {
    border-style: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .b--dotted-m {
    border-style: dotted;
  }
  .b--dashed-m {
    border-style: dashed;
  }
  .b--solid-m {
    border-style: solid;
  }
  .b--none-m {
    border-style: none;
  }
}
@media screen and (min-width: 1080px) {
  .b--dotted-l {
    border-style: dotted;
  }
  .b--dashed-l {
    border-style: dashed;
  }
  .b--solid-l {
    border-style: solid;
  }
  .b--none-l {
    border-style: none;
  }
}
.bw0 {
  border-width: 0;
}
.bw1 {
  border-width: 0.125rem;
}
.bw2 {
  border-width: 0.25rem;
}
.bw3 {
  border-width: 0.5rem;
}
.bw4 {
  border-width: 1rem;
}
.bw5 {
  border-width: 2rem;
}
.bt-0 {
  border-top-width: 0;
}
.br-0 {
  border-right-width: 0;
}
.bb-0 {
  border-bottom-width: 0;
}
.bl-0 {
  border-left-width: 0;
}
@media screen and (min-width: 700px) {
  .bw0-ns {
    border-width: 0;
  }
  .bw1-ns {
    border-width: 0.125rem;
  }
  .bw2-ns {
    border-width: 0.25rem;
  }
  .bw3-ns {
    border-width: 0.5rem;
  }
  .bw4-ns {
    border-width: 1rem;
  }
  .bw5-ns {
    border-width: 2rem;
  }
  .bt-0-ns {
    border-top-width: 0;
  }
  .br-0-ns {
    border-right-width: 0;
  }
  .bb-0-ns {
    border-bottom-width: 0;
  }
  .bl-0-ns {
    border-left-width: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .bw0-m {
    border-width: 0;
  }
  .bw1-m {
    border-width: 0.125rem;
  }
  .bw2-m {
    border-width: 0.25rem;
  }
  .bw3-m {
    border-width: 0.5rem;
  }
  .bw4-m {
    border-width: 1rem;
  }
  .bw5-m {
    border-width: 2rem;
  }
  .bt-0-m {
    border-top-width: 0;
  }
  .br-0-m {
    border-right-width: 0;
  }
  .bb-0-m {
    border-bottom-width: 0;
  }
  .bl-0-m {
    border-left-width: 0;
  }
}
@media screen and (min-width: 1080px) {
  .bw0-l {
    border-width: 0;
  }
  .bw1-l {
    border-width: 0.125rem;
  }
  .bw2-l {
    border-width: 0.25rem;
  }
  .bw3-l {
    border-width: 0.5rem;
  }
  .bw4-l {
    border-width: 1rem;
  }
  .bw5-l {
    border-width: 2rem;
  }
  .bt-0-l {
    border-top-width: 0;
  }
  .br-0-l {
    border-right-width: 0;
  }
  .bb-0-l {
    border-bottom-width: 0;
  }
  .bl-0-l {
    border-left-width: 0;
  }
}
.shadow-1 {
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.14),
    0 1px 6px rgba(0, 0, 0, 0.05),
    0 6px 10px -8px rgba(0, 0, 0, 0.14);
}
.shadow-2 {
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.05),
    0 5px 18px rgba(0, 0, 0, 0.08);
}
.shadow-3 {
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.05),
    0 8px 28px rgba(0, 0, 0, 0.12);
}
.pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: 0.4rem;
}
.top-2 {
  top: 0.8rem;
}
.top-3 {
  top: 1.2rem;
}
.top-4 {
  top: 1.6rem;
}
.top-5 {
  top: 2rem;
}
.top-6 {
  top: 2.4rem;
}
.top-7 {
  top: 2.8rem;
}
.top-8 {
  top: 3.2rem;
}
.top-9 {
  top: 3.6rem;
}
.top-10 {
  top: 4rem;
}
.top-11 {
  top: 4.4rem;
}
.top-12 {
  top: 4.8rem;
}
.top-13 {
  top: 5.2rem;
}
.top-14 {
  top: 5.6rem;
}
.top-15 {
  top: 6rem;
}
.top-16 {
  top: 6.4rem;
}
.top-17 {
  top: 6.8rem;
}
.top-18 {
  top: 7.2rem;
}
.top-19 {
  top: 7.6rem;
}
.top-20 {
  top: 8rem;
}
.top-25 {
  top: 10rem;
}
.top-30 {
  top: 12rem;
}
.top-40 {
  top: 16rem;
}
.top-50 {
  top: 20rem;
}
.right-0 {
  right: 0;
}
.right-1 {
  right: 0.4rem;
}
.right-2 {
  right: 0.8rem;
}
.right-3 {
  right: 1.2rem;
}
.right-4 {
  right: 1.6rem;
}
.right-5 {
  right: 2rem;
}
.right-6 {
  right: 2.4rem;
}
.right-7 {
  right: 2.8rem;
}
.right-8 {
  right: 3.2rem;
}
.right-9 {
  right: 3.6rem;
}
.right-10 {
  right: 4rem;
}
.right-11 {
  right: 4.4rem;
}
.right-12 {
  right: 4.8rem;
}
.right-13 {
  right: 5.2rem;
}
.right-14 {
  right: 5.6rem;
}
.right-15 {
  right: 6rem;
}
.right-16 {
  right: 6.4rem;
}
.right-17 {
  right: 6.8rem;
}
.right-18 {
  right: 7.2rem;
}
.right-19 {
  right: 7.6rem;
}
.right-20 {
  right: 8rem;
}
.right-25 {
  right: 10rem;
}
.right-30 {
  right: 12rem;
}
.right-40 {
  right: 16rem;
}
.right-50 {
  right: 20rem;
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: 0.4rem;
}
.bottom-2 {
  bottom: 0.8rem;
}
.bottom-3 {
  bottom: 1.2rem;
}
.bottom-4 {
  bottom: 1.6rem;
}
.bottom-5 {
  bottom: 2rem;
}
.bottom-6 {
  bottom: 2.4rem;
}
.bottom-7 {
  bottom: 2.8rem;
}
.bottom-8 {
  bottom: 3.2rem;
}
.bottom-9 {
  bottom: 3.6rem;
}
.bottom-10 {
  bottom: 4rem;
}
.bottom-11 {
  bottom: 4.4rem;
}
.bottom-12 {
  bottom: 4.8rem;
}
.bottom-13 {
  bottom: 5.2rem;
}
.bottom-14 {
  bottom: 5.6rem;
}
.bottom-15 {
  bottom: 6rem;
}
.bottom-16 {
  bottom: 6.4rem;
}
.bottom-17 {
  bottom: 6.8rem;
}
.bottom-18 {
  bottom: 7.2rem;
}
.bottom-19 {
  bottom: 7.6rem;
}
.bottom-20 {
  bottom: 8rem;
}
.bottom-25 {
  bottom: 10rem;
}
.bottom-30 {
  bottom: 12rem;
}
.bottom-40 {
  bottom: 16rem;
}
.bottom-50 {
  bottom: 20rem;
}
.left-0 {
  left: 0;
}
.left-1 {
  left: 0.4rem;
}
.left-2 {
  left: 0.8rem;
}
.left-3 {
  left: 1.2rem;
}
.left-4 {
  left: 1.6rem;
}
.left-5 {
  left: 2rem;
}
.left-6 {
  left: 2.4rem;
}
.left-7 {
  left: 2.8rem;
}
.left-8 {
  left: 3.2rem;
}
.left-9 {
  left: 3.6rem;
}
.left-10 {
  left: 4rem;
}
.left-11 {
  left: 4.4rem;
}
.left-12 {
  left: 4.8rem;
}
.left-13 {
  left: 5.2rem;
}
.left-14 {
  left: 5.6rem;
}
.left-15 {
  left: 6rem;
}
.left-16 {
  left: 6.4rem;
}
.left-17 {
  left: 6.8rem;
}
.left-18 {
  left: 7.2rem;
}
.left-19 {
  left: 7.6rem;
}
.left-20 {
  left: 8rem;
}
.left-25 {
  left: 10rem;
}
.left-30 {
  left: 12rem;
}
.left-40 {
  left: 16rem;
}
.left-50 {
  left: 20rem;
}
.absolute--fill {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 700px) {
  .top-0-ns {
    top: 0;
  }
  .top-1-ns {
    top: 0.4rem;
  }
  .top-2-ns {
    top: 0.8rem;
  }
  .top-3-ns {
    top: 1.2rem;
  }
  .top-4-ns {
    top: 1.6rem;
  }
  .top-5-ns {
    top: 2rem;
  }
  .top-6-ns {
    top: 2.4rem;
  }
  .top-7-ns {
    top: 2.8rem;
  }
  .top-8-ns {
    top: 3.2rem;
  }
  .top-9-ns {
    top: 3.6rem;
  }
  .top-10-ns {
    top: 4rem;
  }
  .top-11-ns {
    top: 4.4rem;
  }
  .top-12-ns {
    top: 4.8rem;
  }
  .top-13-ns {
    top: 5.2rem;
  }
  .top-14-ns {
    top: 5.6rem;
  }
  .top-15-ns {
    top: 6rem;
  }
  .top-16-ns {
    top: 6.4rem;
  }
  .top-17-ns {
    top: 6.8rem;
  }
  .top-18-ns {
    top: 7.2rem;
  }
  .top-19-ns {
    top: 7.6rem;
  }
  .top-20-ns {
    top: 8rem;
  }
  .top-25-ns {
    top: 10rem;
  }
  .top-30-ns {
    top: 12rem;
  }
  .top-40-ns {
    top: 16rem;
  }
  .top-50-ns {
    top: 20rem;
  }
  .right-0-ns {
    right: 0;
  }
  .right-1-ns {
    right: 0.4rem;
  }
  .right-2-ns {
    right: 0.8rem;
  }
  .right-3-ns {
    right: 1.2rem;
  }
  .right-4-ns {
    right: 1.6rem;
  }
  .right-5-ns {
    right: 2rem;
  }
  .right-6-ns {
    right: 2.4rem;
  }
  .right-7-ns {
    right: 2.8rem;
  }
  .right-8-ns {
    right: 3.2rem;
  }
  .right-9-ns {
    right: 3.6rem;
  }
  .right-10-ns {
    right: 4rem;
  }
  .right-11-ns {
    right: 4.4rem;
  }
  .right-12-ns {
    right: 4.8rem;
  }
  .right-13-ns {
    right: 5.2rem;
  }
  .right-14-ns {
    right: 5.6rem;
  }
  .right-15-ns {
    right: 6rem;
  }
  .right-16-ns {
    right: 6.4rem;
  }
  .right-17-ns {
    right: 6.8rem;
  }
  .right-18-ns {
    right: 7.2rem;
  }
  .right-19-ns {
    right: 7.6rem;
  }
  .right-20-ns {
    right: 8rem;
  }
  .right-25-ns {
    right: 10rem;
  }
  .right-30-ns {
    right: 12rem;
  }
  .right-40-ns {
    right: 16rem;
  }
  .right-50-ns {
    right: 20rem;
  }
  .bottom-0-ns {
    bottom: 0;
  }
  .bottom-1-ns {
    bottom: 0.4rem;
  }
  .bottom-2-ns {
    bottom: 0.8rem;
  }
  .bottom-3-ns {
    bottom: 1.2rem;
  }
  .bottom-4-ns {
    bottom: 1.6rem;
  }
  .bottom-5-ns {
    bottom: 2rem;
  }
  .bottom-6-ns {
    bottom: 2.4rem;
  }
  .bottom-7-ns {
    bottom: 2.8rem;
  }
  .bottom-8-ns {
    bottom: 3.2rem;
  }
  .bottom-9-ns {
    bottom: 3.6rem;
  }
  .bottom-10-ns {
    bottom: 4rem;
  }
  .bottom-11-ns {
    bottom: 4.4rem;
  }
  .bottom-12-ns {
    bottom: 4.8rem;
  }
  .bottom-13-ns {
    bottom: 5.2rem;
  }
  .bottom-14-ns {
    bottom: 5.6rem;
  }
  .bottom-15-ns {
    bottom: 6rem;
  }
  .bottom-16-ns {
    bottom: 6.4rem;
  }
  .bottom-17-ns {
    bottom: 6.8rem;
  }
  .bottom-18-ns {
    bottom: 7.2rem;
  }
  .bottom-19-ns {
    bottom: 7.6rem;
  }
  .bottom-20-ns {
    bottom: 8rem;
  }
  .bottom-25-ns {
    bottom: 10rem;
  }
  .bottom-30-ns {
    bottom: 12rem;
  }
  .bottom-40-ns {
    bottom: 16rem;
  }
  .bottom-50-ns {
    bottom: 20rem;
  }
  .left-0-ns {
    left: 0;
  }
  .left-1-ns {
    left: 0.4rem;
  }
  .left-2-ns {
    left: 0.8rem;
  }
  .left-3-ns {
    left: 1.2rem;
  }
  .left-4-ns {
    left: 1.6rem;
  }
  .left-5-ns {
    left: 2rem;
  }
  .left-6-ns {
    left: 2.4rem;
  }
  .left-7-ns {
    left: 2.8rem;
  }
  .left-8-ns {
    left: 3.2rem;
  }
  .left-9-ns {
    left: 3.6rem;
  }
  .left-10-ns {
    left: 4rem;
  }
  .left-11-ns {
    left: 4.4rem;
  }
  .left-12-ns {
    left: 4.8rem;
  }
  .left-13-ns {
    left: 5.2rem;
  }
  .left-14-ns {
    left: 5.6rem;
  }
  .left-15-ns {
    left: 6rem;
  }
  .left-16-ns {
    left: 6.4rem;
  }
  .left-17-ns {
    left: 6.8rem;
  }
  .left-18-ns {
    left: 7.2rem;
  }
  .left-19-ns {
    left: 7.6rem;
  }
  .left-20-ns {
    left: 8rem;
  }
  .left-25-ns {
    left: 10rem;
  }
  .left-30-ns {
    left: 12rem;
  }
  .left-40-ns {
    left: 16rem;
  }
  .left-50-ns {
    left: 20rem;
  }
  .absolute--fill-ns {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .top-0-m {
    top: 0;
  }
  .top-1-m {
    top: 0.4rem;
  }
  .top-2-m {
    top: 0.8rem;
  }
  .top-3-m {
    top: 1.2rem;
  }
  .top-4-m {
    top: 1.6rem;
  }
  .top-5-m {
    top: 2rem;
  }
  .top-6-m {
    top: 2.4rem;
  }
  .top-7-m {
    top: 2.8rem;
  }
  .top-8-m {
    top: 3.2rem;
  }
  .top-9-m {
    top: 3.6rem;
  }
  .top-10-m {
    top: 4rem;
  }
  .top-11-m {
    top: 4.4rem;
  }
  .top-12-m {
    top: 4.8rem;
  }
  .top-13-m {
    top: 5.2rem;
  }
  .top-14-m {
    top: 5.6rem;
  }
  .top-15-m {
    top: 6rem;
  }
  .top-16-m {
    top: 6.4rem;
  }
  .top-17-m {
    top: 6.8rem;
  }
  .top-18-m {
    top: 7.2rem;
  }
  .top-19-m {
    top: 7.6rem;
  }
  .top-20-m {
    top: 8rem;
  }
  .top-25-m {
    top: 10rem;
  }
  .top-30-m {
    top: 12rem;
  }
  .top-40-m {
    top: 16rem;
  }
  .top-50-m {
    top: 20rem;
  }
  .right-0-m {
    right: 0;
  }
  .right-1-m {
    right: 0.4rem;
  }
  .right-2-m {
    right: 0.8rem;
  }
  .right-3-m {
    right: 1.2rem;
  }
  .right-4-m {
    right: 1.6rem;
  }
  .right-5-m {
    right: 2rem;
  }
  .right-6-m {
    right: 2.4rem;
  }
  .right-7-m {
    right: 2.8rem;
  }
  .right-8-m {
    right: 3.2rem;
  }
  .right-9-m {
    right: 3.6rem;
  }
  .right-10-m {
    right: 4rem;
  }
  .right-11-m {
    right: 4.4rem;
  }
  .right-12-m {
    right: 4.8rem;
  }
  .right-13-m {
    right: 5.2rem;
  }
  .right-14-m {
    right: 5.6rem;
  }
  .right-15-m {
    right: 6rem;
  }
  .right-16-m {
    right: 6.4rem;
  }
  .right-17-m {
    right: 6.8rem;
  }
  .right-18-m {
    right: 7.2rem;
  }
  .right-19-m {
    right: 7.6rem;
  }
  .right-20-m {
    right: 8rem;
  }
  .right-25-m {
    right: 10rem;
  }
  .right-30-m {
    right: 12rem;
  }
  .right-40-m {
    right: 16rem;
  }
  .right-50-m {
    right: 20rem;
  }
  .bottom-0-m {
    bottom: 0;
  }
  .bottom-1-m {
    bottom: 0.4rem;
  }
  .bottom-2-m {
    bottom: 0.8rem;
  }
  .bottom-3-m {
    bottom: 1.2rem;
  }
  .bottom-4-m {
    bottom: 1.6rem;
  }
  .bottom-5-m {
    bottom: 2rem;
  }
  .bottom-6-m {
    bottom: 2.4rem;
  }
  .bottom-7-m {
    bottom: 2.8rem;
  }
  .bottom-8-m {
    bottom: 3.2rem;
  }
  .bottom-9-m {
    bottom: 3.6rem;
  }
  .bottom-10-m {
    bottom: 4rem;
  }
  .bottom-11-m {
    bottom: 4.4rem;
  }
  .bottom-12-m {
    bottom: 4.8rem;
  }
  .bottom-13-m {
    bottom: 5.2rem;
  }
  .bottom-14-m {
    bottom: 5.6rem;
  }
  .bottom-15-m {
    bottom: 6rem;
  }
  .bottom-16-m {
    bottom: 6.4rem;
  }
  .bottom-17-m {
    bottom: 6.8rem;
  }
  .bottom-18-m {
    bottom: 7.2rem;
  }
  .bottom-19-m {
    bottom: 7.6rem;
  }
  .bottom-20-m {
    bottom: 8rem;
  }
  .bottom-25-m {
    bottom: 10rem;
  }
  .bottom-30-m {
    bottom: 12rem;
  }
  .bottom-40-m {
    bottom: 16rem;
  }
  .bottom-50-m {
    bottom: 20rem;
  }
  .left-0-m {
    left: 0;
  }
  .left-1-m {
    left: 0.4rem;
  }
  .left-2-m {
    left: 0.8rem;
  }
  .left-3-m {
    left: 1.2rem;
  }
  .left-4-m {
    left: 1.6rem;
  }
  .left-5-m {
    left: 2rem;
  }
  .left-6-m {
    left: 2.4rem;
  }
  .left-7-m {
    left: 2.8rem;
  }
  .left-8-m {
    left: 3.2rem;
  }
  .left-9-m {
    left: 3.6rem;
  }
  .left-10-m {
    left: 4rem;
  }
  .left-11-m {
    left: 4.4rem;
  }
  .left-12-m {
    left: 4.8rem;
  }
  .left-13-m {
    left: 5.2rem;
  }
  .left-14-m {
    left: 5.6rem;
  }
  .left-15-m {
    left: 6rem;
  }
  .left-16-m {
    left: 6.4rem;
  }
  .left-17-m {
    left: 6.8rem;
  }
  .left-18-m {
    left: 7.2rem;
  }
  .left-19-m {
    left: 7.6rem;
  }
  .left-20-m {
    left: 8rem;
  }
  .left-25-m {
    left: 10rem;
  }
  .left-30-m {
    left: 12rem;
  }
  .left-40-m {
    left: 16rem;
  }
  .left-50-m {
    left: 20rem;
  }
  .absolute--fill-m {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1080px) {
  .top-0-l {
    top: 0;
  }
  .top-1-l {
    top: 0.4rem;
  }
  .top-2-l {
    top: 0.8rem;
  }
  .top-3-l {
    top: 1.2rem;
  }
  .top-4-l {
    top: 1.6rem;
  }
  .top-5-l {
    top: 2rem;
  }
  .top-6-l {
    top: 2.4rem;
  }
  .top-7-l {
    top: 2.8rem;
  }
  .top-8-l {
    top: 3.2rem;
  }
  .top-9-l {
    top: 3.6rem;
  }
  .top-10-l {
    top: 4rem;
  }
  .top-11-l {
    top: 4.4rem;
  }
  .top-12-l {
    top: 4.8rem;
  }
  .top-13-l {
    top: 5.2rem;
  }
  .top-14-l {
    top: 5.6rem;
  }
  .top-15-l {
    top: 6rem;
  }
  .top-16-l {
    top: 6.4rem;
  }
  .top-17-l {
    top: 6.8rem;
  }
  .top-18-l {
    top: 7.2rem;
  }
  .top-19-l {
    top: 7.6rem;
  }
  .top-20-l {
    top: 8rem;
  }
  .top-25-l {
    top: 10rem;
  }
  .top-30-l {
    top: 12rem;
  }
  .top-40-l {
    top: 16rem;
  }
  .top-50-l {
    top: 20rem;
  }
  .right-0-l {
    right: 0;
  }
  .right-1-l {
    right: 0.4rem;
  }
  .right-2-l {
    right: 0.8rem;
  }
  .right-3-l {
    right: 1.2rem;
  }
  .right-4-l {
    right: 1.6rem;
  }
  .right-5-l {
    right: 2rem;
  }
  .right-6-l {
    right: 2.4rem;
  }
  .right-7-l {
    right: 2.8rem;
  }
  .right-8-l {
    right: 3.2rem;
  }
  .right-9-l {
    right: 3.6rem;
  }
  .right-10-l {
    right: 4rem;
  }
  .right-11-l {
    right: 4.4rem;
  }
  .right-12-l {
    right: 4.8rem;
  }
  .right-13-l {
    right: 5.2rem;
  }
  .right-14-l {
    right: 5.6rem;
  }
  .right-15-l {
    right: 6rem;
  }
  .right-16-l {
    right: 6.4rem;
  }
  .right-17-l {
    right: 6.8rem;
  }
  .right-18-l {
    right: 7.2rem;
  }
  .right-19-l {
    right: 7.6rem;
  }
  .right-20-l {
    right: 8rem;
  }
  .right-25-l {
    right: 10rem;
  }
  .right-30-l {
    right: 12rem;
  }
  .right-40-l {
    right: 16rem;
  }
  .right-50-l {
    right: 20rem;
  }
  .bottom-0-l {
    bottom: 0;
  }
  .bottom-1-l {
    bottom: 0.4rem;
  }
  .bottom-2-l {
    bottom: 0.8rem;
  }
  .bottom-3-l {
    bottom: 1.2rem;
  }
  .bottom-4-l {
    bottom: 1.6rem;
  }
  .bottom-5-l {
    bottom: 2rem;
  }
  .bottom-6-l {
    bottom: 2.4rem;
  }
  .bottom-7-l {
    bottom: 2.8rem;
  }
  .bottom-8-l {
    bottom: 3.2rem;
  }
  .bottom-9-l {
    bottom: 3.6rem;
  }
  .bottom-10-l {
    bottom: 4rem;
  }
  .bottom-11-l {
    bottom: 4.4rem;
  }
  .bottom-12-l {
    bottom: 4.8rem;
  }
  .bottom-13-l {
    bottom: 5.2rem;
  }
  .bottom-14-l {
    bottom: 5.6rem;
  }
  .bottom-15-l {
    bottom: 6rem;
  }
  .bottom-16-l {
    bottom: 6.4rem;
  }
  .bottom-17-l {
    bottom: 6.8rem;
  }
  .bottom-18-l {
    bottom: 7.2rem;
  }
  .bottom-19-l {
    bottom: 7.6rem;
  }
  .bottom-20-l {
    bottom: 8rem;
  }
  .bottom-25-l {
    bottom: 10rem;
  }
  .bottom-30-l {
    bottom: 12rem;
  }
  .bottom-40-l {
    bottom: 16rem;
  }
  .bottom-50-l {
    bottom: 20rem;
  }
  .left-0-l {
    left: 0;
  }
  .left-1-l {
    left: 0.4rem;
  }
  .left-2-l {
    left: 0.8rem;
  }
  .left-3-l {
    left: 1.2rem;
  }
  .left-4-l {
    left: 1.6rem;
  }
  .left-5-l {
    left: 2rem;
  }
  .left-6-l {
    left: 2.4rem;
  }
  .left-7-l {
    left: 2.8rem;
  }
  .left-8-l {
    left: 3.2rem;
  }
  .left-9-l {
    left: 3.6rem;
  }
  .left-10-l {
    left: 4rem;
  }
  .left-11-l {
    left: 4.4rem;
  }
  .left-12-l {
    left: 4.8rem;
  }
  .left-13-l {
    left: 5.2rem;
  }
  .left-14-l {
    left: 5.6rem;
  }
  .left-15-l {
    left: 6rem;
  }
  .left-16-l {
    left: 6.4rem;
  }
  .left-17-l {
    left: 6.8rem;
  }
  .left-18-l {
    left: 7.2rem;
  }
  .left-19-l {
    left: 7.6rem;
  }
  .left-20-l {
    left: 8rem;
  }
  .left-25-l {
    left: 10rem;
  }
  .left-30-l {
    left: 12rem;
  }
  .left-40-l {
    left: 16rem;
  }
  .left-50-l {
    left: 20rem;
  }
  .absolute--fill-l {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.cf:after,
.cf:before {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.cb {
  clear: both;
}
.cn {
  clear: none;
}
@media screen and (min-width: 700px) {
  .cl-ns {
    clear: left;
  }
  .cr-ns {
    clear: right;
  }
  .cb-ns {
    clear: both;
  }
  .cn-ns {
    clear: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .cl-m {
    clear: left;
  }
  .cr-m {
    clear: right;
  }
  .cb-m {
    clear: both;
  }
  .cn-m {
    clear: none;
  }
}
@media screen and (min-width: 1080px) {
  .cl-l {
    clear: left;
  }
  .cr-l {
    clear: right;
  }
  .cb-l {
    clear: both;
  }
  .cn-l {
    clear: none;
  }
}
.dn {
  display: none;
}
.di {
  display: inline;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.dit {
  display: inline-table;
}
.dt {
  display: table;
}
.dtc {
  display: table-cell;
}
.dt-row {
  display: table-row;
}
.dt-row-group {
  display: table-row-group;
}
.dt-column {
  display: table-column;
}
.dt-column-group {
  display: table-column-group;
}
.dt--fixed {
  table-layout: fixed;
  width: 100%;
}
@media screen and (min-width: 700px) {
  .dn-ns {
    display: none;
  }
  .di-ns {
    display: inline;
  }
  .db-ns {
    display: block;
  }
  .dib-ns {
    display: inline-block;
  }
  .dit-ns {
    display: inline-table;
  }
  .dt-ns {
    display: table;
  }
  .dtc-ns {
    display: table-cell;
  }
  .dt-row-ns {
    display: table-row;
  }
  .dt-row-group-ns {
    display: table-row-group;
  }
  .dt-column-ns {
    display: table-column;
  }
  .dt-column-group-ns {
    display: table-column-group;
  }
  .dt--fixed-ns {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .dn-m {
    display: none;
  }
  .di-m {
    display: inline;
  }
  .db-m {
    display: block;
  }
  .dib-m {
    display: inline-block;
  }
  .dit-m {
    display: inline-table;
  }
  .dt-m {
    display: table;
  }
  .dtc-m {
    display: table-cell;
  }
  .dt-row-m {
    display: table-row;
  }
  .dt-row-group-m {
    display: table-row-group;
  }
  .dt-column-m {
    display: table-column;
  }
  .dt-column-group-m {
    display: table-column-group;
  }
  .dt--fixed-m {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 1080px) {
  .dn-l {
    display: none;
  }
  .di-l {
    display: inline;
  }
  .db-l {
    display: block;
  }
  .dib-l {
    display: inline-block;
  }
  .dit-l {
    display: inline-table;
  }
  .dt-l {
    display: table;
  }
  .dtc-l {
    display: table-cell;
  }
  .dt-row-l {
    display: table-row;
  }
  .dt-row-group-l {
    display: table-row-group;
  }
  .dt-column-l {
    display: table-column;
  }
  .dt-column-group-l {
    display: table-column-group;
  }
  .dt--fixed-l {
    table-layout: fixed;
    width: 100%;
  }
}
.inline-flex {
  display: inline-flex;
}
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  flex: none;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-stretch {
  align-content: stretch;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-last {
  order: 99999;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-basis-1-2 {
  flex-basis: 50%;
}
.flex-basis-2-3 {
  flex-basis: 67%;
}
.flex-basis-1-3 {
  flex-basis: 33%;
}
@media screen and (min-width: 700px) {
  .flex-ns {
    display: flex;
  }
  .inline-flex-ns {
    display: inline-flex;
  }
  .flex-auto-ns {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flex-none-ns {
    flex: none;
  }
  .flex-column-ns {
    flex-direction: column;
  }
  .flex-row-ns {
    flex-direction: row;
  }
  .flex-wrap-ns {
    flex-wrap: wrap;
  }
  .flex-nowrap-ns {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-ns {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-ns {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-ns {
    flex-direction: row-reverse;
  }
  .items-start-ns {
    align-items: flex-start;
  }
  .items-end-ns {
    align-items: flex-end;
  }
  .items-center-ns {
    align-items: center;
  }
  .items-baseline-ns {
    align-items: baseline;
  }
  .items-stretch-ns {
    align-items: stretch;
  }
  .self-start-ns {
    align-self: flex-start;
  }
  .self-end-ns {
    align-self: flex-end;
  }
  .self-center-ns {
    align-self: center;
  }
  .self-baseline-ns {
    align-self: baseline;
  }
  .self-stretch-ns {
    align-self: stretch;
  }
  .justify-start-ns {
    justify-content: flex-start;
  }
  .justify-end-ns {
    justify-content: flex-end;
  }
  .justify-center-ns {
    justify-content: center;
  }
  .justify-between-ns {
    justify-content: space-between;
  }
  .justify-around-ns {
    justify-content: space-around;
  }
  .content-start-ns {
    align-content: flex-start;
  }
  .content-end-ns {
    align-content: flex-end;
  }
  .content-center-ns {
    align-content: center;
  }
  .content-between-ns {
    align-content: space-between;
  }
  .content-around-ns {
    align-content: space-around;
  }
  .content-stretch-ns {
    align-content: stretch;
  }
  .order-0-ns {
    order: 0;
  }
  .order-1-ns {
    order: 1;
  }
  .order-2-ns {
    order: 2;
  }
  .order-3-ns {
    order: 3;
  }
  .order-4-ns {
    order: 4;
  }
  .order-5-ns {
    order: 5;
  }
  .order-6-ns {
    order: 6;
  }
  .order-7-ns {
    order: 7;
  }
  .order-8-ns {
    order: 8;
  }
  .order-last-ns {
    order: 99999;
  }
  .flex-grow-0-ns {
    flex-grow: 0;
  }
  .flex-grow-1-ns {
    flex-grow: 1;
  }
  .flex-shrink-0-ns {
    flex-shrink: 0;
  }
  .flex-shrink-1-ns {
    flex-shrink: 1;
  }
  .flex-basis-1-2-ns {
    flex-basis: 50%;
  }
  .flex-basis-2-3-ns {
    flex-basis: 67%;
  }
  .flex-basis-1-3-ns {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .flex-m {
    display: flex;
  }
  .inline-flex-m {
    display: inline-flex;
  }
  .flex-auto-m {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flex-none-m {
    flex: none;
  }
  .flex-column-m {
    flex-direction: column;
  }
  .flex-row-m {
    flex-direction: row;
  }
  .flex-wrap-m {
    flex-wrap: wrap;
  }
  .flex-nowrap-m {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-m {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-m {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-m {
    flex-direction: row-reverse;
  }
  .items-start-m {
    align-items: flex-start;
  }
  .items-end-m {
    align-items: flex-end;
  }
  .items-center-m {
    align-items: center;
  }
  .items-baseline-m {
    align-items: baseline;
  }
  .items-stretch-m {
    align-items: stretch;
  }
  .self-start-m {
    align-self: flex-start;
  }
  .self-end-m {
    align-self: flex-end;
  }
  .self-center-m {
    align-self: center;
  }
  .self-baseline-m {
    align-self: baseline;
  }
  .self-stretch-m {
    align-self: stretch;
  }
  .justify-start-m {
    justify-content: flex-start;
  }
  .justify-end-m {
    justify-content: flex-end;
  }
  .justify-center-m {
    justify-content: center;
  }
  .justify-between-m {
    justify-content: space-between;
  }
  .justify-around-m {
    justify-content: space-around;
  }
  .content-start-m {
    align-content: flex-start;
  }
  .content-end-m {
    align-content: flex-end;
  }
  .content-center-m {
    align-content: center;
  }
  .content-between-m {
    align-content: space-between;
  }
  .content-around-m {
    align-content: space-around;
  }
  .content-stretch-m {
    align-content: stretch;
  }
  .order-0-m {
    order: 0;
  }
  .order-1-m {
    order: 1;
  }
  .order-2-m {
    order: 2;
  }
  .order-3-m {
    order: 3;
  }
  .order-4-m {
    order: 4;
  }
  .order-5-m {
    order: 5;
  }
  .order-6-m {
    order: 6;
  }
  .order-7-m {
    order: 7;
  }
  .order-8-m {
    order: 8;
  }
  .order-last-m {
    order: 99999;
  }
  .flex-grow-0-m {
    flex-grow: 0;
  }
  .flex-grow-1-m {
    flex-grow: 1;
  }
  .flex-shrink-0-m {
    flex-shrink: 0;
  }
  .flex-shrink-1-m {
    flex-shrink: 1;
  }
  .flex-basis-1-2-m {
    flex-basis: 50%;
  }
  .flex-basis-2-3-m {
    flex-basis: 67%;
  }
  .flex-basis-1-3-m {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 1080px) {
  .flex-l {
    display: flex;
  }
  .inline-flex-l {
    display: inline-flex;
  }
  .flex-auto-l {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flex-none-l {
    flex: none;
  }
  .flex-column-l {
    flex-direction: column;
  }
  .flex-row-l {
    flex-direction: row;
  }
  .flex-wrap-l {
    flex-wrap: wrap;
  }
  .flex-nowrap-l {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-l {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-l {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-l {
    flex-direction: row-reverse;
  }
  .items-start-l {
    align-items: flex-start;
  }
  .items-end-l {
    align-items: flex-end;
  }
  .items-center-l {
    align-items: center;
  }
  .items-baseline-l {
    align-items: baseline;
  }
  .items-stretch-l {
    align-items: stretch;
  }
  .self-start-l {
    align-self: flex-start;
  }
  .self-end-l {
    align-self: flex-end;
  }
  .self-center-l {
    align-self: center;
  }
  .self-baseline-l {
    align-self: baseline;
  }
  .self-stretch-l {
    align-self: stretch;
  }
  .justify-start-l {
    justify-content: flex-start;
  }
  .justify-end-l {
    justify-content: flex-end;
  }
  .justify-center-l {
    justify-content: center;
  }
  .justify-between-l {
    justify-content: space-between;
  }
  .justify-around-l {
    justify-content: space-around;
  }
  .content-start-l {
    align-content: flex-start;
  }
  .content-end-l {
    align-content: flex-end;
  }
  .content-center-l {
    align-content: center;
  }
  .content-between-l {
    align-content: space-between;
  }
  .content-around-l {
    align-content: space-around;
  }
  .content-stretch-l {
    align-content: stretch;
  }
  .order-0-l {
    order: 0;
  }
  .order-1-l {
    order: 1;
  }
  .order-2-l {
    order: 2;
  }
  .order-3-l {
    order: 3;
  }
  .order-4-l {
    order: 4;
  }
  .order-5-l {
    order: 5;
  }
  .order-6-l {
    order: 6;
  }
  .order-7-l {
    order: 7;
  }
  .order-8-l {
    order: 8;
  }
  .order-last-l {
    order: 99999;
  }
  .flex-grow-0-l {
    flex-grow: 0;
  }
  .flex-grow-1-l {
    flex-grow: 1;
  }
  .flex-shrink-0-l {
    flex-shrink: 0;
  }
  .flex-shrink-1-l {
    flex-shrink: 1;
  }
  .flex-basis-1-2-l {
    flex-basis: 50%;
  }
  .flex-basis-2-3-l {
    flex-basis: 67%;
  }
  .flex-basis-1-3-l {
    flex-basis: 33%;
  }
}
.fl {
  float: left;
}
.fl,
.fr {
  _display: inline;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
@media screen and (min-width: 700px) {
  .fl-ns {
    float: left;
  }
  .fl-ns,
  .fr-ns {
    _display: inline;
  }
  .fr-ns {
    float: right;
  }
  .fn-ns {
    float: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .fl-m {
    float: left;
  }
  .fl-m,
  .fr-m {
    _display: inline;
  }
  .fr-m {
    float: right;
  }
  .fn-m {
    float: none;
  }
}
@media screen and (min-width: 1080px) {
  .fl-l {
    float: left;
  }
  .fl-l,
  .fr-l {
    _display: inline;
  }
  .fr-l {
    float: right;
  }
  .fn-l {
    float: none;
  }
}
.sans-serif {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    helvetica neue,
    helvetica,
    ubuntu,
    roboto,
    noto,
    segoe ui,
    arial,
    sans-serif;
}
.serif {
  font-family: georgia, serif;
}
.system-sans-serif {
  font-family: sans-serif;
}
.system-serif {
  font-family: serif;
}
.code,
code {
  font-family: monospace, monospace;
}
.courier {
  font-family:
    Courier Next,
    courier,
    monospace;
}
.whitney {
  font-family:
    Whitney SSm A,
    Whitney SSm B,
    sans-serif;
}
.i {
  font-style: italic;
}
.fs-normal {
  font-style: normal;
}
@media screen and (min-width: 700px) {
  .i-ns {
    font-style: italic;
  }
  .fs-normal-ns {
    font-style: normal;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .i-m {
    font-style: italic;
  }
  .fs-normal-m {
    font-style: normal;
  }
}
@media screen and (min-width: 1080px) {
  .i-l {
    font-style: italic;
  }
  .fs-normal-l {
    font-style: normal;
  }
}
.normal {
  font-weight: 300;
}
.b,
b,
strong {
  font-weight: 700;
}
.fw1 {
  font-weight: 100;
}
.fw3 {
  font-weight: 300;
}
.fw4 {
  font-weight: 400;
}
.fw5 {
  font-weight: 500;
}
.fw6 {
  font-weight: 600;
}
.fw7 {
  font-weight: 700;
}
@media screen and (min-width: 700px) {
  .fw1-ns {
    font-weight: 100;
  }
  .fw3-ns {
    font-weight: 300;
  }
  .fw4-ns {
    font-weight: 400;
  }
  .fw5-ns {
    font-weight: 500;
  }
  .fw6-ns {
    font-weight: 600;
  }
  .fw7-ns {
    font-weight: 700;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .fw1-m {
    font-weight: 100;
  }
  .fw3-m {
    font-weight: 300;
  }
  .fw4-m {
    font-weight: 400;
  }
  .fw5-m {
    font-weight: 500;
  }
  .fw6-m {
    font-weight: 600;
  }
  .fw7-m {
    font-weight: 700;
  }
}
@media screen and (min-width: 1080px) {
  .fw1-l {
    font-weight: 100;
  }
  .fw3-l {
    font-weight: 300;
  }
  .fw4-l {
    font-weight: 400;
  }
  .fw5-l {
    font-weight: 500;
  }
  .fw6-l {
    font-weight: 600;
  }
  .fw7-l {
    font-weight: 700;
  }
}
.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.form-icon {
  position: absolute;
  top: calc(50% + 2px);
  left: 12px;
  z-index: 100;
  height: 14px;
  fill: #a6bac5;
}
.form-text {
  transition: border-color 0.15s linear;
  -webkit-appearance: none;
  outline: none;
}
.form-text::-moz-placeholder {
  color: #abb4be;
}
.form-text::placeholder {
  color: #abb4be;
}
.form-input-w-icon {
  padding-left: 35px;
}
.form-input-w-button {
  padding-right: 77px;
}
.form-btn-forgot {
  right: 1px;
  padding: 5px 11px 5px 12px;
  border: none;
  border-left: 1px solid #ced4d9;
  background-color: transparent;
  top: 27px;
  line-height: 1.1em;
}
.form-response {
  top: 0;
  right: 0;
}
.form-checkbox:before {
  height: 6px;
  left: 6px;
  top: 7px;
  width: 15px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: '';
  position: absolute;
  transform: rotate(-45deg);
  transition: opacity 0.15s ease-in-out;
}
.slider {
  transition: 0.4s;
}
.slider:before {
  z-index: 999;
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 1px;
  bottom: 1px;
  background-color: #fff;
  transition: 0.3s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #30cf43;
  border-color: #2bba3c;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
  transform: translateX(36px);
}
.onofflabel:before {
  content: 'ON';
  left: 12px;
  color: hsla(0, 0%, 100%, 0.8);
  opacity: 0;
}
.onofflabel:after,
.onofflabel:before {
  position: absolute;
  top: 8px;
  transition: 0.3s;
}
.onofflabel:after {
  content: 'OFF';
  left: 34px;
  color: #bbc3c8;
  opacity: 1;
}
input:checked + .slider + .onofflabel:before {
  opacity: 1;
}
input:checked + .slider + .onofflabel:after {
  opacity: 0;
}
.h1 {
  height: 0.4rem;
}
.h2 {
  height: 0.8rem;
}
.h3 {
  height: 1.2rem;
}
.h4 {
  height: 1.6rem;
}
.h5 {
  height: 2rem;
}
.h6 {
  height: 2.4rem;
}
.h7 {
  height: 2.8rem;
}
.h8 {
  height: 3.2rem;
}
.h9 {
  height: 3.6rem;
}
.h10 {
  height: 4rem;
}
.h11 {
  height: 4.4rem;
}
.h12 {
  height: 4.8rem;
}
.h13 {
  height: 5.2rem;
}
.h14 {
  height: 5.6rem;
}
.h15 {
  height: 6rem;
}
.h16 {
  height: 6.4rem;
}
.h17 {
  height: 6.8rem;
}
.h18 {
  height: 7.2rem;
}
.h19 {
  height: 7.6rem;
}
.h20 {
  height: 8rem;
}
.h25 {
  height: 10rem;
}
.h30 {
  height: 12rem;
}
.h40 {
  height: 16rem;
}
.h50 {
  height: 20rem;
}
.h70 {
  height: 28rem;
}
.h-25 {
  height: 25%;
}
.h-50 {
  height: 50%;
}
.h-75 {
  height: 75%;
}
.h-100 {
  height: 100%;
}
.vh-25 {
  height: 25vh;
}
.vh-50 {
  height: 50vh;
}
.vh-75 {
  height: 75vh;
}
.vh-100 {
  height: 100vh;
}
.h-auto {
  height: auto;
}
.h-inherit {
  height: inherit;
}
@media screen and (min-width: 700px) {
  .h1-ns {
    height: 0.4rem;
  }
  .h2-ns {
    height: 0.8rem;
  }
  .h3-ns {
    height: 1.2rem;
  }
  .h4-ns {
    height: 1.6rem;
  }
  .h5-ns {
    height: 2rem;
  }
  .h6-ns {
    height: 2.4rem;
  }
  .h7-ns {
    height: 2.8rem;
  }
  .h8-ns {
    height: 3.2rem;
  }
  .h9-ns {
    height: 3.6rem;
  }
  .h10-ns {
    height: 4rem;
  }
  .h11-ns {
    height: 4.4rem;
  }
  .h12-ns {
    height: 4.8rem;
  }
  .h13-ns {
    height: 5.2rem;
  }
  .h14-ns {
    height: 5.6rem;
  }
  .h15-ns {
    height: 6rem;
  }
  .h16-ns {
    height: 6.4rem;
  }
  .h17-ns {
    height: 6.8rem;
  }
  .h18-ns {
    height: 7.2rem;
  }
  .h19-ns {
    height: 7.6rem;
  }
  .h20-ns {
    height: 8rem;
  }
  .h25-ns {
    height: 10rem;
  }
  .h30-ns {
    height: 12rem;
  }
  .h40-ns {
    height: 16rem;
  }
  .h50-ns {
    height: 20rem;
  }
  .h70-ns {
    height: 28rem;
  }
  .h-25-ns {
    height: 25%;
  }
  .h-50-ns {
    height: 50%;
  }
  .h-75-ns {
    height: 75%;
  }
  .h-100-ns {
    height: 100%;
  }
  .vh-25-ns {
    height: 25vh;
  }
  .vh-50-ns {
    height: 50vh;
  }
  .vh-75-ns {
    height: 75vh;
  }
  .vh-100-ns {
    height: 100vh;
  }
  .h-auto-ns {
    height: auto;
  }
  .h-inherit-ns {
    height: inherit;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .h1-m {
    height: 0.4rem;
  }
  .h2-m {
    height: 0.8rem;
  }
  .h3-m {
    height: 1.2rem;
  }
  .h4-m {
    height: 1.6rem;
  }
  .h5-m {
    height: 2rem;
  }
  .h6-m {
    height: 2.4rem;
  }
  .h7-m {
    height: 2.8rem;
  }
  .h8-m {
    height: 3.2rem;
  }
  .h9-m {
    height: 3.6rem;
  }
  .h10-m {
    height: 4rem;
  }
  .h11-m {
    height: 4.4rem;
  }
  .h12-m {
    height: 4.8rem;
  }
  .h13-m {
    height: 5.2rem;
  }
  .h14-m {
    height: 5.6rem;
  }
  .h15-m {
    height: 6rem;
  }
  .h16-m {
    height: 6.4rem;
  }
  .h17-m {
    height: 6.8rem;
  }
  .h18-m {
    height: 7.2rem;
  }
  .h19-m {
    height: 7.6rem;
  }
  .h20-m {
    height: 8rem;
  }
  .h25-m {
    height: 10rem;
  }
  .h30-m {
    height: 12rem;
  }
  .h40-m {
    height: 16rem;
  }
  .h50-m {
    height: 20rem;
  }
  .h70-m {
    height: 28rem;
  }
  .h-25-m {
    height: 25%;
  }
  .h-50-m {
    height: 50%;
  }
  .h-75-m {
    height: 75%;
  }
  .h-100-m {
    height: 100%;
  }
  .vh-25-m {
    height: 25vh;
  }
  .vh-50-m {
    height: 50vh;
  }
  .vh-75-m {
    height: 75vh;
  }
  .vh-100-m {
    height: 100vh;
  }
  .h-auto-m {
    height: auto;
  }
  .h-inherit-m {
    height: inherit;
  }
}
@media screen and (min-width: 1080px) {
  .h1-l {
    height: 0.4rem;
  }
  .h2-l {
    height: 0.8rem;
  }
  .h3-l {
    height: 1.2rem;
  }
  .h4-l {
    height: 1.6rem;
  }
  .h5-l {
    height: 2rem;
  }
  .h6-l {
    height: 2.4rem;
  }
  .h7-l {
    height: 2.8rem;
  }
  .h8-l {
    height: 3.2rem;
  }
  .h9-l {
    height: 3.6rem;
  }
  .h10-l {
    height: 4rem;
  }
  .h11-l {
    height: 4.4rem;
  }
  .h12-l {
    height: 4.8rem;
  }
  .h13-l {
    height: 5.2rem;
  }
  .h14-l {
    height: 5.6rem;
  }
  .h15-l {
    height: 6rem;
  }
  .h16-l {
    height: 6.4rem;
  }
  .h17-l {
    height: 6.8rem;
  }
  .h18-l {
    height: 7.2rem;
  }
  .h19-l {
    height: 7.6rem;
  }
  .h20-l {
    height: 8rem;
  }
  .h25-l {
    height: 10rem;
  }
  .h30-l {
    height: 12rem;
  }
  .h40-l {
    height: 16rem;
  }
  .h50-l {
    height: 20rem;
  }
  .h70-l {
    height: 28rem;
  }
  .h-25-l {
    height: 25%;
  }
  .h-50-l {
    height: 50%;
  }
  .h-75-l {
    height: 75%;
  }
  .h-100-l {
    height: 100%;
  }
  .vh-25-l {
    height: 25vh;
  }
  .vh-50-l {
    height: 50vh;
  }
  .vh-75-l {
    height: 75vh;
  }
  .vh-100-l {
    height: 100vh;
  }
  .h-auto-l {
    height: auto;
  }
  .h-inherit-l {
    height: inherit;
  }
}
.tracked-1 {
  letter-spacing: 0.02rem;
}
.tracked-2 {
  letter-spacing: 0.04rem;
}
.tracked-3 {
  letter-spacing: 0.06rem;
}
@media screen and (min-width: 700px) {
  .tracked-1-ns {
    letter-spacing: 0.02rem;
  }
  .tracked-2-ns {
    letter-spacing: 0.04rem;
  }
  .tracked-3-ns {
    letter-spacing: 0.06rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .tracked-1-m {
    letter-spacing: 0.02rem;
  }
  .tracked-2-m {
    letter-spacing: 0.04rem;
  }
  .tracked-3-m {
    letter-spacing: 0.06rem;
  }
}
@media screen and (min-width: 1080px) {
  .tracked-1-l {
    letter-spacing: 0.02rem;
  }
  .tracked-2-l {
    letter-spacing: 0.04rem;
  }
  .tracked-3-l {
    letter-spacing: 0.06rem;
  }
}
.lh-1 {
  line-height: 1em;
}
.lh-solid {
  line-height: 1.1em;
}
.lh-heading {
  line-height: 1.333em;
}
.lh-title {
  line-height: 1.4em;
}
.lh-copy {
  line-height: 1.6em;
}
.lh-list {
  line-height: 3.2rem;
}
.lh-code {
  line-height: 1.333em;
}
.lh-zero {
  line-height: 0;
}
@media screen and (min-width: 700px) {
  .lh-1-ns {
    line-height: 1em;
  }
  .lh-solid-ns {
    line-height: 1.1em;
  }
  .lh-heading-ns {
    line-height: 1.333em;
  }
  .lh-title-ns {
    line-height: 1.4em;
  }
  .lh-copy-ns {
    line-height: 1.6em;
  }
  .lh-list-ns {
    line-height: 2em;
  }
  .lh-code-ns {
    line-height: 1.333em;
  }
  .lh-zero-ns {
    line-height: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .lh-1-m {
    line-height: 1em;
  }
  .lh-solid-m {
    line-height: 1.1em;
  }
  .lh-heading-m {
    line-height: 1.333em;
  }
  .lh-title-m {
    line-height: 1.4em;
  }
  .lh-copy-m {
    line-height: 1.6em;
  }
  .lh-list-m {
    line-height: 2em;
  }
  .lh-code-m {
    line-height: 1.333em;
  }
  .lh-zero-m {
    line-height: 0;
  }
}
@media screen and (min-width: 1080px) {
  .lh-1-l {
    line-height: 1em;
  }
  .lh-solid-l {
    line-height: 1.1em;
  }
  .lh-heading-l {
    line-height: 1.333em;
  }
  .lh-title-l {
    line-height: 1.4em;
  }
  .lh-copy-l {
    line-height: 1.6em;
  }
  .lh-list-l {
    line-height: 2em;
  }
  .lh-code-l {
    line-height: 1.333em;
  }
  .lh-zero-l {
    line-height: 0;
  }
}
.link {
  text-decoration: none;
}
.link,
.link:active,
.link:focus,
.link:hover,
.link:link,
.link:visited {
  transition: color 0.15s ease-in;
}
.link:focus {
  outline: 1px dotted currentColor;
}
.list {
  list-style-type: none;
}
.mw1 {
  max-width: 0.4rem;
}
.mw2 {
  max-width: 0.8rem;
}
.mw3 {
  max-width: 1.2rem;
}
.mw4 {
  max-width: 1.6rem;
}
.mw5 {
  max-width: 2rem;
}
.mw6 {
  max-width: 2.4rem;
}
.mw7 {
  max-width: 2.8rem;
}
.mw8 {
  max-width: 3.2rem;
}
.mw9 {
  max-width: 3.6rem;
}
.mw10 {
  max-width: 4rem;
}
.mw11 {
  max-width: 4.4rem;
}
.mw12 {
  max-width: 4.8rem;
}
.mw13 {
  max-width: 5.2rem;
}
.mw14 {
  max-width: 5.6rem;
}
.mw15 {
  max-width: 6rem;
}
.mw16 {
  max-width: 6.4rem;
}
.mw17 {
  max-width: 6.8rem;
}
.mw18 {
  max-width: 7.2rem;
}
.mw19 {
  max-width: 7.6rem;
}
.mw20 {
  max-width: 8rem;
}
.mw25 {
  max-width: 10rem;
}
.mw30 {
  max-width: 12rem;
}
.mw40 {
  max-width: 16rem;
}
.mw50 {
  max-width: 20rem;
}
.mw70 {
  max-width: 28rem;
}
.mw88 {
  max-width: 35.2rem;
}
.mw-70 {
  max-width: 70%;
}
.mw-80 {
  max-width: 80%;
}
.mw-90 {
  max-width: 90%;
}
.mw-100 {
  max-width: 100%;
}
.mw-s {
  max-width: 48rem;
}
.mw-m {
  max-width: 68rem;
}
.mw-l {
  max-width: 98rem;
}
.mw-xl {
  max-width: 114rem;
}
.mw-none {
  max-width: none;
}
.mw-65vw {
  max-width: 65vw;
}
.mw-100vw {
  max-width: 100vw;
}
.mw-100vw--sidebar {
  max-width: calc(100vw - 280px);
}
@media screen and (min-width: 700px) {
  .mw1-ns {
    max-width: 0.4rem;
  }
  .mw2-ns {
    max-width: 0.8rem;
  }
  .mw3-ns {
    max-width: 1.2rem;
  }
  .mw4-ns {
    max-width: 1.6rem;
  }
  .mw5-ns {
    max-width: 2rem;
  }
  .mw6-ns {
    max-width: 2.4rem;
  }
  .mw7-ns {
    max-width: 2.8rem;
  }
  .mw8-ns {
    max-width: 3.2rem;
  }
  .mw9-ns {
    max-width: 3.6rem;
  }
  .mw10-ns {
    max-width: 4rem;
  }
  .mw11-ns {
    max-width: 4.4rem;
  }
  .mw12-ns {
    max-width: 4.8rem;
  }
  .mw13-ns {
    max-width: 5.2rem;
  }
  .mw14-ns {
    max-width: 5.6rem;
  }
  .mw15-ns {
    max-width: 6rem;
  }
  .mw16-ns {
    max-width: 6.4rem;
  }
  .mw17-ns {
    max-width: 6.8rem;
  }
  .mw18-ns {
    max-width: 7.2rem;
  }
  .mw19-ns {
    max-width: 7.6rem;
  }
  .mw20-ns {
    max-width: 8rem;
  }
  .mw25-ns {
    max-width: 10rem;
  }
  .mw30-ns {
    max-width: 12rem;
  }
  .mw40-ns {
    max-width: 16rem;
  }
  .mw50-ns {
    max-width: 20rem;
  }
  .mw70-ns {
    max-width: 28rem;
  }
  .mw88-ns {
    max-width: 35.2rem;
  }
  .mw-70-ns {
    max-width: 70%;
  }
  .mw-80-ns {
    max-width: 80%;
  }
  .mw-90-ns {
    max-width: 90%;
  }
  .mw-100-ns {
    max-width: 100%;
  }
  .mw-s-ns {
    max-width: 48rem;
  }
  .mw-m-ns {
    max-width: 68rem;
  }
  .mw-l-ns {
    max-width: 98rem;
  }
  .mw-xl-ns {
    max-width: 114rem;
  }
  .mw-none-ns {
    max-width: none;
  }
  .mw-65vw-ns {
    max-width: 65vw;
  }
  .mw-100vw-ns {
    max-width: 100vw;
  }
  .mw-100vw--sidebar-ns {
    max-width: calc(100vw - 280px);
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .mw1-m {
    max-width: 0.4rem;
  }
  .mw2-m {
    max-width: 0.8rem;
  }
  .mw3-m {
    max-width: 1.2rem;
  }
  .mw4-m {
    max-width: 1.6rem;
  }
  .mw5-m {
    max-width: 2rem;
  }
  .mw6-m {
    max-width: 2.4rem;
  }
  .mw7-m {
    max-width: 2.8rem;
  }
  .mw8-m {
    max-width: 3.2rem;
  }
  .mw9-m {
    max-width: 3.6rem;
  }
  .mw10-m {
    max-width: 4rem;
  }
  .mw11-m {
    max-width: 4.4rem;
  }
  .mw12-m {
    max-width: 4.8rem;
  }
  .mw13-m {
    max-width: 5.2rem;
  }
  .mw14-m {
    max-width: 5.6rem;
  }
  .mw15-m {
    max-width: 6rem;
  }
  .mw16-m {
    max-width: 6.4rem;
  }
  .mw17-m {
    max-width: 6.8rem;
  }
  .mw18-m {
    max-width: 7.2rem;
  }
  .mw19-m {
    max-width: 7.6rem;
  }
  .mw20-m {
    max-width: 8rem;
  }
  .mw25-m {
    max-width: 10rem;
  }
  .mw30-m {
    max-width: 12rem;
  }
  .mw40-m {
    max-width: 16rem;
  }
  .mw50-m {
    max-width: 20rem;
  }
  .mw70-m {
    max-width: 28rem;
  }
  .mw88-m {
    max-width: 35.2rem;
  }
  .mw-70-m {
    max-width: 70%;
  }
  .mw-80-m {
    max-width: 80%;
  }
  .mw-90-m {
    max-width: 90%;
  }
  .mw-100-m {
    max-width: 100%;
  }
  .mw-s-m {
    max-width: 48rem;
  }
  .mw-m-m {
    max-width: 68rem;
  }
  .mw-l-m {
    max-width: 98rem;
  }
  .mw-xl-m {
    max-width: 114rem;
  }
  .mw-none-m {
    max-width: none;
  }
  .mw-65vw-m {
    max-width: 65vw;
  }
  .mw-100vw-m {
    max-width: 100vw;
  }
  .mw-100vw--sidebar-m {
    max-width: calc(100vw - 280px);
  }
}
@media screen and (min-width: 1080px) {
  .mw1-l {
    max-width: 0.4rem;
  }
  .mw2-l {
    max-width: 0.8rem;
  }
  .mw3-l {
    max-width: 1.2rem;
  }
  .mw4-l {
    max-width: 1.6rem;
  }
  .mw5-l {
    max-width: 2rem;
  }
  .mw6-l {
    max-width: 2.4rem;
  }
  .mw7-l {
    max-width: 2.8rem;
  }
  .mw8-l {
    max-width: 3.2rem;
  }
  .mw9-l {
    max-width: 3.6rem;
  }
  .mw10-l {
    max-width: 4rem;
  }
  .mw11-l {
    max-width: 4.4rem;
  }
  .mw12-l {
    max-width: 4.8rem;
  }
  .mw13-l {
    max-width: 5.2rem;
  }
  .mw14-l {
    max-width: 5.6rem;
  }
  .mw15-l {
    max-width: 6rem;
  }
  .mw16-l {
    max-width: 6.4rem;
  }
  .mw17-l {
    max-width: 6.8rem;
  }
  .mw18-l {
    max-width: 7.2rem;
  }
  .mw19-l {
    max-width: 7.6rem;
  }
  .mw20-l {
    max-width: 8rem;
  }
  .mw25-l {
    max-width: 10rem;
  }
  .mw30-l {
    max-width: 12rem;
  }
  .mw40-l {
    max-width: 16rem;
  }
  .mw50-l {
    max-width: 20rem;
  }
  .mw70-l {
    max-width: 28rem;
  }
  .mw88-l {
    max-width: 35.2rem;
  }
  .mw-70-l {
    max-width: 70%;
  }
  .mw-80-l {
    max-width: 80%;
  }
  .mw-90-l {
    max-width: 90%;
  }
  .mw-100-l {
    max-width: 100%;
  }
  .mw-s-l {
    max-width: 48rem;
  }
  .mw-l-l {
    max-width: 68rem;
    max-width: 98rem;
  }
  .mw-xl-l {
    max-width: 114rem;
  }
  .mw-none-l {
    max-width: none;
  }
  .mw-65vw-l {
    max-width: 65vw;
  }
  .mw-100vw-l {
    max-width: 100vw;
  }
  .mw-100vw--sidebar-l {
    max-width: calc(100vw - 280px);
  }
}
.miw1 {
  min-width: 0.4rem;
}
.miw2 {
  min-width: 0.8rem;
}
.miw3 {
  min-width: 1.2rem;
}
.miw4 {
  min-width: 1.6rem;
}
.miw5 {
  min-width: 2rem;
}
.miw6 {
  min-width: 2.4rem;
}
.miw7 {
  min-width: 2.8rem;
}
.miw8 {
  min-width: 3.2rem;
}
.miw9 {
  min-width: 3.6rem;
}
.miw10 {
  min-width: 4rem;
}
.miw11 {
  min-width: 4.4rem;
}
.miw12 {
  min-width: 4.8rem;
}
.miw13 {
  min-width: 5.2rem;
}
.miw14 {
  min-width: 5.6rem;
}
.miw15 {
  min-width: 6rem;
}
.miw16 {
  min-width: 6.4rem;
}
.miw17 {
  min-width: 6.8rem;
}
.miw18 {
  min-width: 7.2rem;
}
.miw19 {
  min-width: 7.6rem;
}
.miw20 {
  min-width: 8rem;
}
.miw25 {
  min-width: 10rem;
}
.miw30 {
  min-width: 12rem;
}
.miw40 {
  min-width: 16rem;
}
.miw50 {
  min-width: 20rem;
}
.miw70 {
  min-width: 28rem;
}
.miw88 {
  min-width: 35.2rem;
}
.miw-70 {
  min-width: 70%;
}
.miw-80 {
  min-width: 80%;
}
.miw-90 {
  min-width: 90%;
}
.miw-100 {
  min-width: 100%;
}
.miw-s {
  min-width: 48rem;
}
.miw-m {
  min-width: 68rem;
}
.miw-l {
  min-width: 98rem;
}
.miw-xl {
  min-width: 114rem;
}
.miw-none {
  min-width: none;
}
@media screen and (min-width: 700px) {
  .miw1-ns {
    min-width: 0.4rem;
  }
  .miw2-ns {
    min-width: 0.8rem;
  }
  .miw3-ns {
    min-width: 1.2rem;
  }
  .miw4-ns {
    min-width: 1.6rem;
  }
  .miw5-ns {
    min-width: 2rem;
  }
  .miw6-ns {
    min-width: 2.4rem;
  }
  .miw7-ns {
    min-width: 2.8rem;
  }
  .miw8-ns {
    min-width: 3.2rem;
  }
  .miw9-ns {
    min-width: 3.6rem;
  }
  .miw10-ns {
    min-width: 4rem;
  }
  .miw11-ns {
    min-width: 4.4rem;
  }
  .miw12-ns {
    min-width: 4.8rem;
  }
  .miw13-ns {
    min-width: 5.2rem;
  }
  .miw14-ns {
    min-width: 5.6rem;
  }
  .miw15-ns {
    min-width: 6rem;
  }
  .miw16-ns {
    min-width: 6.4rem;
  }
  .miw17-ns {
    min-width: 6.8rem;
  }
  .miw18-ns {
    min-width: 7.2rem;
  }
  .miw19-ns {
    min-width: 7.6rem;
  }
  .miw20-ns {
    min-width: 8rem;
  }
  .miw25-ns {
    min-width: 10rem;
  }
  .miw30-ns {
    min-width: 12rem;
  }
  .miw40-ns {
    min-width: 16rem;
  }
  .miw50-ns {
    min-width: 20rem;
  }
  .miw70-ns {
    min-width: 28rem;
  }
  .miw88-ns {
    min-width: 35.2rem;
  }
  .miw-70-ns {
    min-width: 70%;
  }
  .miw-80-ns {
    min-width: 80%;
  }
  .miw-90-ns {
    min-width: 90%;
  }
  .miw-100-ns {
    min-width: 100%;
  }
  .miw-s-ns {
    min-width: 48rem;
  }
  .miw-m-ns {
    min-width: 68rem;
  }
  .miw-l-ns {
    min-width: 98rem;
  }
  .miw-xl-ns {
    min-width: 114rem;
  }
  .miw-none-ns {
    min-width: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .miw1-m {
    min-width: 0.4rem;
  }
  .miw2-m {
    min-width: 0.8rem;
  }
  .miw3-m {
    min-width: 1.2rem;
  }
  .miw4-m {
    min-width: 1.6rem;
  }
  .miw5-m {
    min-width: 2rem;
  }
  .miw6-m {
    min-width: 2.4rem;
  }
  .miw7-m {
    min-width: 2.8rem;
  }
  .miw8-m {
    min-width: 3.2rem;
  }
  .miw9-m {
    min-width: 3.6rem;
  }
  .miw10-m {
    min-width: 4rem;
  }
  .miw11-m {
    min-width: 4.4rem;
  }
  .miw12-m {
    min-width: 4.8rem;
  }
  .miw13-m {
    min-width: 5.2rem;
  }
  .miw14-m {
    min-width: 5.6rem;
  }
  .miw15-m {
    min-width: 6rem;
  }
  .miw16-m {
    min-width: 6.4rem;
  }
  .miw17-m {
    min-width: 6.8rem;
  }
  .miw18-m {
    min-width: 7.2rem;
  }
  .miw19-m {
    min-width: 7.6rem;
  }
  .miw20-m {
    min-width: 8rem;
  }
  .miw25-m {
    min-width: 10rem;
  }
  .miw30-m {
    min-width: 12rem;
  }
  .miw40-m {
    min-width: 16rem;
  }
  .miw50-m {
    min-width: 20rem;
  }
  .miw70-m {
    min-width: 28rem;
  }
  .miw88-m {
    min-width: 35.2rem;
  }
  .miw-70-m {
    min-width: 70%;
  }
  .miw-80-m {
    min-width: 80%;
  }
  .miw-90-m {
    min-width: 90%;
  }
  .miw-100-m {
    min-width: 100%;
  }
  .miw-s-m {
    min-width: 48rem;
  }
  .miw-m-m {
    min-width: 68rem;
  }
  .miw-l-m {
    min-width: 98rem;
  }
  .miw-xl-m {
    min-width: 114rem;
  }
  .miw-none-m {
    min-width: none;
  }
}
@media screen and (min-width: 1080px) {
  .miw1-l {
    min-width: 0.4rem;
  }
  .miw2-l {
    min-width: 0.8rem;
  }
  .miw3-l {
    min-width: 1.2rem;
  }
  .miw4-l {
    min-width: 1.6rem;
  }
  .miw5-l {
    min-width: 2rem;
  }
  .miw6-l {
    min-width: 2.4rem;
  }
  .miw7-l {
    min-width: 2.8rem;
  }
  .miw8-l {
    min-width: 3.2rem;
  }
  .miw9-l {
    min-width: 3.6rem;
  }
  .miw10-l {
    min-width: 4rem;
  }
  .miw11-l {
    min-width: 4.4rem;
  }
  .miw12-l {
    min-width: 4.8rem;
  }
  .miw13-l {
    min-width: 5.2rem;
  }
  .miw14-l {
    min-width: 5.6rem;
  }
  .miw15-l {
    min-width: 6rem;
  }
  .miw16-l {
    min-width: 6.4rem;
  }
  .miw17-l {
    min-width: 6.8rem;
  }
  .miw18-l {
    min-width: 7.2rem;
  }
  .miw19-l {
    min-width: 7.6rem;
  }
  .miw20-l {
    min-width: 8rem;
  }
  .miw25-l {
    min-width: 10rem;
  }
  .miw30-l {
    min-width: 12rem;
  }
  .miw40-l {
    min-width: 16rem;
  }
  .miw50-l {
    min-width: 20rem;
  }
  .miw70-l {
    min-width: 28rem;
  }
  .miw88-l {
    min-width: 35.2rem;
  }
  .miw-70-l {
    min-width: 70%;
  }
  .miw-80-l {
    min-width: 80%;
  }
  .miw-90-l {
    min-width: 90%;
  }
  .miw-100-l {
    min-width: 100%;
  }
  .miw-s-l {
    min-width: 48rem;
  }
  .miw-m-l {
    min-width: 68rem;
  }
  .miw-l-l {
    min-width: 98rem;
  }
  .miw-xl-l {
    min-width: 114rem;
  }
  .miw-none-l {
    min-width: none;
  }
}
.mih1 {
  min-height: 0.4rem;
}
.mih2 {
  min-height: 0.8rem;
}
.mih3 {
  min-height: 1.2rem;
}
.mih4 {
  min-height: 1.6rem;
}
.mih5 {
  min-height: 2rem;
}
.mih6 {
  min-height: 2.4rem;
}
.mih7 {
  min-height: 2.8rem;
}
.mih8 {
  min-height: 3.2rem;
}
.mih9 {
  min-height: 3.6rem;
}
.mih10 {
  min-height: 4rem;
}
.mih11 {
  min-height: 4.4rem;
}
.mih12 {
  min-height: 4.8rem;
}
.mih13 {
  min-height: 5.2rem;
}
.mih14 {
  min-height: 5.6rem;
}
.mih15 {
  min-height: 6rem;
}
.mih16 {
  min-height: 6.4rem;
}
.mih17 {
  min-height: 6.8rem;
}
.mih18 {
  min-height: 7.2rem;
}
.mih19 {
  min-height: 7.6rem;
}
.mih20 {
  min-height: 8rem;
}
.mih25 {
  min-height: 10rem;
}
.mih30 {
  min-height: 12rem;
}
.mih40 {
  min-height: 16rem;
}
.mih50 {
  min-height: 20rem;
}
.mih70 {
  min-height: 28rem;
}
.mih88 {
  min-height: 35.2rem;
}
.mih-70 {
  min-height: 70%;
}
.mih-80 {
  min-height: 80%;
}
.mih-90 {
  min-height: 90%;
}
.mih-100 {
  min-height: 100%;
}
.mih-none {
  min-height: none;
}
@media screen and (min-width: 700px) {
  .mih1-ns {
    min-height: 0.4rem;
  }
  .mih2-ns {
    min-height: 0.8rem;
  }
  .mih3-ns {
    min-height: 1.2rem;
  }
  .mih4-ns {
    min-height: 1.6rem;
  }
  .mih5-ns {
    min-height: 2rem;
  }
  .mih6-ns {
    min-height: 2.4rem;
  }
  .mih7-ns {
    min-height: 2.8rem;
  }
  .mih8-ns {
    min-height: 3.2rem;
  }
  .mih9-ns {
    min-height: 3.6rem;
  }
  .mih10-ns {
    min-height: 4rem;
  }
  .mih11-ns {
    min-height: 4.4rem;
  }
  .mih12-ns {
    min-height: 4.8rem;
  }
  .mih13-ns {
    min-height: 5.2rem;
  }
  .mih14-ns {
    min-height: 5.6rem;
  }
  .mih15-ns {
    min-height: 6rem;
  }
  .mih16-ns {
    min-height: 6.4rem;
  }
  .mih17-ns {
    min-height: 6.8rem;
  }
  .mih18-ns {
    min-height: 7.2rem;
  }
  .mih19-ns {
    min-height: 7.6rem;
  }
  .mih20-ns {
    min-height: 8rem;
  }
  .mih25-ns {
    min-height: 10rem;
  }
  .mih30-ns {
    min-height: 12rem;
  }
  .mih40-ns {
    min-height: 16rem;
  }
  .mih50-ns {
    min-height: 20rem;
  }
  .mih70-ns {
    min-height: 28rem;
  }
  .mih88-ns {
    min-height: 35.2rem;
  }
  .mih-70-ns {
    min-height: 70%;
  }
  .mih-80-ns {
    min-height: 80%;
  }
  .mih-90-ns {
    min-height: 90%;
  }
  .mih-100-ns {
    min-height: 100%;
  }
  .mih-none-ns {
    min-height: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .mih1-m {
    min-height: 0.4rem;
  }
  .mih2-m {
    min-height: 0.8rem;
  }
  .mih3-m {
    min-height: 1.2rem;
  }
  .mih4-m {
    min-height: 1.6rem;
  }
  .mih5-m {
    min-height: 2rem;
  }
  .mih6-m {
    min-height: 2.4rem;
  }
  .mih7-m {
    min-height: 2.8rem;
  }
  .mih8-m {
    min-height: 3.2rem;
  }
  .mih9-m {
    min-height: 3.6rem;
  }
  .mih10-m {
    min-height: 4rem;
  }
  .mih11-m {
    min-height: 4.4rem;
  }
  .mih12-m {
    min-height: 4.8rem;
  }
  .mih13-m {
    min-height: 5.2rem;
  }
  .mih14-m {
    min-height: 5.6rem;
  }
  .mih15-m {
    min-height: 6rem;
  }
  .mih16-m {
    min-height: 6.4rem;
  }
  .mih17-m {
    min-height: 6.8rem;
  }
  .mih18-m {
    min-height: 7.2rem;
  }
  .mih19-m {
    min-height: 7.6rem;
  }
  .mih20-m {
    min-height: 8rem;
  }
  .mih25-m {
    min-height: 10rem;
  }
  .mih30-m {
    min-height: 12rem;
  }
  .mih40-m {
    min-height: 16rem;
  }
  .mih50-m {
    min-height: 20rem;
  }
  .mih70-m {
    min-height: 28rem;
  }
  .mih88-m {
    min-height: 35.2rem;
  }
  .mih-70-m {
    min-height: 70%;
  }
  .mih-80-m {
    min-height: 80%;
  }
  .mih-90-m {
    min-height: 90%;
  }
  .mih-100-m {
    min-height: 100%;
  }
  .mih-none-m {
    min-height: none;
  }
}
@media screen and (min-width: 1080px) {
  .mih-70-l {
    min-height: 70%;
  }
  .mih-80-l {
    min-height: 80%;
  }
  .mih-90-l {
    min-height: 90%;
  }
  .mih-100-l {
    min-height: 100%;
  }
  .mih1-l {
    min-height: 0.4rem;
  }
  .mih2-l {
    min-height: 0.8rem;
  }
  .mih3-l {
    min-height: 1.2rem;
  }
  .mih4-l {
    min-height: 1.6rem;
  }
  .mih5-l {
    min-height: 2rem;
  }
  .mih6-l {
    min-height: 2.4rem;
  }
  .mih7-l {
    min-height: 2.8rem;
  }
  .mih8-l {
    min-height: 3.2rem;
  }
  .mih9-l {
    min-height: 3.6rem;
  }
  .mih10-l {
    min-height: 4rem;
  }
  .mih11-l {
    min-height: 4.4rem;
  }
  .mih12-l {
    min-height: 4.8rem;
  }
  .mih13-l {
    min-height: 5.2rem;
  }
  .mih14-l {
    min-height: 5.6rem;
  }
  .mih15-l {
    min-height: 6rem;
  }
  .mih16-l {
    min-height: 6.4rem;
  }
  .mih17-l {
    min-height: 6.8rem;
  }
  .mih18-l {
    min-height: 7.2rem;
  }
  .mih19-l {
    min-height: 7.6rem;
  }
  .mih20-l {
    min-height: 8rem;
  }
  .mih25-l {
    min-height: 10rem;
  }
  .mih30-l {
    min-height: 12rem;
  }
  .mih40-l {
    min-height: 16rem;
  }
  .mih50-l {
    min-height: 20rem;
  }
  .mih70-l {
    min-height: 28rem;
  }
  .mih88-l {
    min-height: 35.2rem;
  }
  .mih-none-l {
    min-height: none;
  }
}
.w1 {
  width: 0.4rem;
}
.w2 {
  width: 0.8rem;
}
.w3 {
  width: 1.2rem;
}
.w4 {
  width: 1.6rem;
}
.w5 {
  width: 2rem;
}
.w6 {
  width: 2.4rem;
}
.w7 {
  width: 2.8rem;
}
.w8 {
  width: 3.2rem;
}
.w9 {
  width: 3.6rem;
}
.w10 {
  width: 4rem;
}
.w11 {
  width: 4.4rem;
}
.w12 {
  width: 4.8rem;
}
.w13 {
  width: 5.2rem;
}
.w14 {
  width: 5.6rem;
}
.w15 {
  width: 6rem;
}
.w16 {
  width: 6.4rem;
}
.w17 {
  width: 6.8rem;
}
.w18 {
  width: 7.2rem;
}
.w19 {
  width: 7.6rem;
}
.w20 {
  width: 8rem;
}
.w25 {
  width: 10rem;
}
.w30 {
  width: 12rem;
}
.w35 {
  width: 14rem;
}
.w40 {
  width: 16rem;
}
.w50 {
  width: 20rem;
}
.w70 {
  width: 28rem;
}
.w88 {
  width: 35.2rem;
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33%;
}
.w-34 {
  width: 34%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-third {
  width: 33.33333%;
}
.w-two-thirds {
  width: 66.66667%;
}
.w-auto {
  width: auto;
}
@media screen and (min-width: 700px) {
  .w1-ns {
    width: 0.4rem;
  }
  .w2-ns {
    width: 0.8rem;
  }
  .w3-ns {
    width: 1.2rem;
  }
  .w4-ns {
    width: 1.6rem;
  }
  .w5-ns {
    width: 2rem;
  }
  .w6-ns {
    width: 2.4rem;
  }
  .w7-ns {
    width: 2.8rem;
  }
  .w8-ns {
    width: 3.2rem;
  }
  .w9-ns {
    width: 3.6rem;
  }
  .w10-ns {
    width: 4rem;
  }
  .w11-ns {
    width: 4.4rem;
  }
  .w12-ns {
    width: 4.8rem;
  }
  .w13-ns {
    width: 5.2rem;
  }
  .w14-ns {
    width: 5.6rem;
  }
  .w15-ns {
    width: 6rem;
  }
  .w16-ns {
    width: 6.4rem;
  }
  .w17-ns {
    width: 6.8rem;
  }
  .w18-ns {
    width: 7.2rem;
  }
  .w19-ns {
    width: 7.6rem;
  }
  .w20-ns {
    width: 8rem;
  }
  .w25-ns {
    width: 10rem;
  }
  .w30-ns,
  .w35-ns {
    width: 12rem;
  }
  .w40-ns {
    width: 16rem;
  }
  .w50-ns {
    width: 20rem;
  }
  .w70-ns {
    width: 28rem;
  }
  .w88-ns {
    width: 35.2rem;
  }
  .w-10-ns {
    width: 10%;
  }
  .w-20-ns {
    width: 20%;
  }
  .w-25-ns {
    width: 25%;
  }
  .w-30-ns {
    width: 30%;
  }
  .w-33-ns {
    width: 33%;
  }
  .w-34-ns {
    width: 34%;
  }
  .w-40-ns {
    width: 40%;
  }
  .w-50-ns {
    width: 50%;
  }
  .w-60-ns {
    width: 60%;
  }
  .w-70-ns {
    width: 70%;
  }
  .w-75-ns {
    width: 75%;
  }
  .w-80-ns {
    width: 80%;
  }
  .w-90-ns {
    width: 90%;
  }
  .w-100-ns {
    width: 100%;
  }
  .w-third-ns {
    width: 33.33333%;
  }
  .w-two-thirds-ns {
    width: 66.66667%;
  }
  .w-auto-ns {
    width: auto;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .w1-m {
    width: 0.4rem;
  }
  .w2-m {
    width: 0.8rem;
  }
  .w3-m {
    width: 1.2rem;
  }
  .w4-m {
    width: 1.6rem;
  }
  .w5-m {
    width: 2rem;
  }
  .w6-m {
    width: 2.4rem;
  }
  .w7-m {
    width: 2.8rem;
  }
  .w8-m {
    width: 3.2rem;
  }
  .w9-m {
    width: 3.6rem;
  }
  .w10-m {
    width: 4rem;
  }
  .w11-m {
    width: 4.4rem;
  }
  .w12-m {
    width: 4.8rem;
  }
  .w13-m {
    width: 5.2rem;
  }
  .w14-m {
    width: 5.6rem;
  }
  .w15-m {
    width: 6rem;
  }
  .w16-m {
    width: 6.4rem;
  }
  .w17-m {
    width: 6.8rem;
  }
  .w18-m {
    width: 7.2rem;
  }
  .w19-m {
    width: 7.6rem;
  }
  .w20-m {
    width: 8rem;
  }
  .w25-m {
    width: 10rem;
  }
  .w30-m,
  .w35-m {
    width: 12rem;
  }
  .w40-m {
    width: 16rem;
  }
  .w50-m {
    width: 20rem;
  }
  .w70-m {
    width: 28rem;
  }
  .w88-m {
    width: 35.2rem;
  }
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-33-m {
    width: 33%;
  }
  .w-34-m {
    width: 34%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-third-m {
    width: 33.33333%;
  }
  .w-two-thirds-m {
    width: 66.66667%;
  }
  .w-auto-m {
    width: auto;
  }
}
@media screen and (min-width: 1080px) {
  .w1-l {
    width: 0.4rem;
  }
  .w2-l {
    width: 0.8rem;
  }
  .w3-l {
    width: 1.2rem;
  }
  .w4-l {
    width: 1.6rem;
  }
  .w5-l {
    width: 2rem;
  }
  .w6-l {
    width: 2.4rem;
  }
  .w7-l {
    width: 2.8rem;
  }
  .w8-l {
    width: 3.2rem;
  }
  .w9-l {
    width: 3.6rem;
  }
  .w10-l {
    width: 4rem;
  }
  .w11-l {
    width: 4.4rem;
  }
  .w12-l {
    width: 4.8rem;
  }
  .w13-l {
    width: 5.2rem;
  }
  .w14-l {
    width: 5.6rem;
  }
  .w15-l {
    width: 6rem;
  }
  .w16-l {
    width: 6.4rem;
  }
  .w17-l {
    width: 6.8rem;
  }
  .w18-l {
    width: 7.2rem;
  }
  .w19-l {
    width: 7.6rem;
  }
  .w20-l {
    width: 8rem;
  }
  .w25-l {
    width: 10rem;
  }
  .w30-l,
  .w35-l {
    width: 12rem;
  }
  .w40-l {
    width: 16rem;
  }
  .w50-l {
    width: 20rem;
  }
  .w70-l {
    width: 28rem;
  }
  .w88-l {
    width: 35.2rem;
  }
  .w-10-l {
    width: 10%;
  }
  .w-20-l {
    width: 20%;
  }
  .w-25-l {
    width: 25%;
  }
  .w-30-l {
    width: 30%;
  }
  .w-33-l {
    width: 33%;
  }
  .w-34-l {
    width: 34%;
  }
  .w-40-l {
    width: 40%;
  }
  .w-50-l {
    width: 50%;
  }
  .w-60-l {
    width: 60%;
  }
  .w-70-l {
    width: 70%;
  }
  .w-75-l {
    width: 75%;
  }
  .w-80-l {
    width: 80%;
  }
  .w-90-l {
    width: 90%;
  }
  .w-100-l {
    width: 100%;
  }
  .w-third-l {
    width: 33.33333%;
  }
  .w-two-thirds-l {
    width: 66.66667%;
  }
  .w-auto-l {
    width: auto;
  }
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
@media screen and (min-width: 700px) {
  .overflow-visible-ns {
    overflow: visible;
  }
  .overflow-hidden-ns {
    overflow: hidden;
  }
  .overflow-scroll-ns {
    overflow: scroll;
  }
  .overflow-auto-ns {
    overflow: auto;
  }
  .overflow-x-visible-ns {
    overflow-x: visible;
  }
  .overflow-x-hidden-ns {
    overflow-x: hidden;
  }
  .overflow-x-scroll-ns {
    overflow-x: scroll;
  }
  .overflow-x-auto-ns {
    overflow-x: auto;
  }
  .overflow-y-visible-ns {
    overflow-y: visible;
  }
  .overflow-y-hidden-ns {
    overflow-y: hidden;
  }
  .overflow-y-scroll-ns {
    overflow-y: scroll;
  }
  .overflow-y-auto-ns {
    overflow-y: auto;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .overflow-visible-m {
    overflow: visible;
  }
  .overflow-hidden-m {
    overflow: hidden;
  }
  .overflow-scroll-m {
    overflow: scroll;
  }
  .overflow-auto-m {
    overflow: auto;
  }
  .overflow-x-visible-m {
    overflow-x: visible;
  }
  .overflow-x-hidden-m {
    overflow-x: hidden;
  }
  .overflow-x-scroll-m {
    overflow-x: scroll;
  }
  .overflow-x-auto-m {
    overflow-x: auto;
  }
  .overflow-y-visible-m {
    overflow-y: visible;
  }
  .overflow-y-hidden-m {
    overflow-y: hidden;
  }
  .overflow-y-scroll-m {
    overflow-y: scroll;
  }
  .overflow-y-auto-m {
    overflow-y: auto;
  }
}
@media screen and (min-width: 1080px) {
  .overflow-visible-l {
    overflow: visible;
  }
  .overflow-hidden-l {
    overflow: hidden;
  }
  .overflow-scroll-l {
    overflow: scroll;
  }
  .overflow-auto-l {
    overflow: auto;
  }
  .overflow-x-visible-l {
    overflow-x: visible;
  }
  .overflow-x-hidden-l {
    overflow-x: hidden;
  }
  .overflow-x-scroll-l {
    overflow-x: scroll;
  }
  .overflow-x-auto-l {
    overflow-x: auto;
  }
  .overflow-y-visible-l {
    overflow-y: visible;
  }
  .overflow-y-hidden-l {
    overflow-y: hidden;
  }
  .overflow-y-scroll-l {
    overflow-y: scroll;
  }
  .overflow-y-auto-l {
    overflow-y: auto;
  }
}
.static {
  position: static;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
@media screen and (min-width: 700px) {
  .static-ns {
    position: static;
  }
  .relative-ns {
    position: relative;
  }
  .absolute-ns {
    position: absolute;
  }
  .fixed-ns {
    position: fixed;
  }
  .sticky-ns {
    position: sticky;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .static-m {
    position: static;
  }
  .relative-m {
    position: relative;
  }
  .absolute-m {
    position: absolute;
  }
  .fixed-m {
    position: fixed;
  }
  .sticky-m {
    position: sticky;
  }
}
@media screen and (min-width: 1080px) {
  .static-l {
    position: static;
  }
  .relative-l {
    position: relative;
  }
  .absolute-l {
    position: absolute;
  }
  .fixed-l {
    position: fixed;
  }
  .sticky-l {
    position: sticky;
  }
}
.o-100 {
  opacity: 1;
}
.o-90 {
  opacity: 0.9;
}
.o-80 {
  opacity: 0.8;
}
.o-70 {
  opacity: 0.7;
}
.o-60 {
  opacity: 0.6;
}
.o-50 {
  opacity: 0.5;
}
.o-40 {
  opacity: 0.4;
}
.o-30 {
  opacity: 0.3;
}
.o-20 {
  opacity: 0.2;
}
.o-10 {
  opacity: 0.1;
}
.o-05 {
  opacity: 0.05;
}
.o-025 {
  opacity: 0.025;
}
.o-0 {
  opacity: 0;
}
.rotate-45 {
  transform: rotate(45deg);
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-135 {
  transform: rotate(135deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-225 {
  transform: rotate(225deg);
}
.rotate-270 {
  transform: rotate(270deg);
}
.rotate-315 {
  transform: rotate(315deg);
}
@media screen and (min-width: 700px) {
  .rotate-45-ns {
    transform: rotate(45deg);
  }
  .rotate-90-ns {
    transform: rotate(90deg);
  }
  .rotate-135-ns {
    transform: rotate(135deg);
  }
  .rotate-180-ns {
    transform: rotate(180deg);
  }
  .rotate-225-ns {
    transform: rotate(225deg);
  }
  .rotate-270-ns {
    transform: rotate(270deg);
  }
  .rotate-315-ns {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .rotate-45-m {
    transform: rotate(45deg);
  }
  .rotate-90-m {
    transform: rotate(90deg);
  }
  .rotate-135-m {
    transform: rotate(135deg);
  }
  .rotate-180-m {
    transform: rotate(180deg);
  }
  .rotate-225-m {
    transform: rotate(225deg);
  }
  .rotate-270-m {
    transform: rotate(270deg);
  }
  .rotate-315-m {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 1080px) {
  .rotate-45-l {
    transform: rotate(45deg);
  }
  .rotate-90-l {
    transform: rotate(90deg);
  }
  .rotate-135-l {
    transform: rotate(135deg);
  }
  .rotate-180-l {
    transform: rotate(180deg);
  }
  .rotate-225-l {
    transform: rotate(225deg);
  }
  .rotate-270-l {
    transform: rotate(270deg);
  }
  .rotate-315-l {
    transform: rotate(315deg);
  }
}
.purple {
  color: #8e42ff;
}
.yellow {
  color: #ffb41f;
}
.pink {
  color: #fb2d8d;
}
.white {
  color: #fff;
}
.white-10 {
  color: hsla(0, 0%, 100%, 0.1);
}
.white-20 {
  color: hsla(0, 0%, 100%, 0.2);
}
.white-30 {
  color: hsla(0, 0%, 100%, 0.3);
}
.white-40 {
  color: hsla(0, 0%, 100%, 0.4);
}
.white-50 {
  color: hsla(0, 0%, 100%, 0.5);
}
.white-60 {
  color: hsla(0, 0%, 100%, 0.6);
}
.white-70 {
  color: hsla(0, 0%, 100%, 0.7);
}
.white-80 {
  color: hsla(0, 0%, 100%, 0.8);
}
.white-90 {
  color: hsla(0, 0%, 100%, 0.9);
}
.black-10 {
  color: rgba(21, 23, 26, 0.1);
}
.black-20 {
  color: rgba(21, 23, 26, 0.2);
}
.black-30 {
  color: rgba(21, 23, 26, 0.3);
}
.black-40 {
  color: rgba(21, 23, 26, 0.4);
}
.black-50 {
  color: rgba(21, 23, 26, 0.5);
}
.black-60 {
  color: rgba(21, 23, 26, 0.6);
}
.black-70 {
  color: rgba(21, 23, 26, 0.7);
}
.black-80 {
  color: rgba(21, 23, 26, 0.8);
}
.black-90 {
  color: rgba(21, 23, 26, 0.9);
}
.middarkgrey {
  color: #626d79;
}
.midlightgrey {
  color: #abb4be;
}
.whitegrey {
  color: #ebeef0;
}
.blue-l3 {
  color: #61cfff;
}
.blue-l2 {
  color: #47c7ff;
}
.blue-l1 {
  color: #2ec0ff;
}
.blue-d1 {
  color: #00aefa;
}
.blue-d2 {
  color: #009ce0;
}
.blue-d3 {
  color: #008bc7;
}
.green-l3 {
  color: #6edd7b;
}
.green-l2 {
  color: #59d969;
}
.green-l1 {
  color: #45d456;
}
.green-d1 {
  color: #2bba3c;
}
.green-d2 {
  color: #26a636;
}
.green-d3 {
  color: #22912f;
}
.purple-l3 {
  color: #bc8fff;
}
.purple-l2 {
  color: #ac75ff;
}
.purple-l1 {
  color: #9d5cff;
}
.purple-d1 {
  color: #7f29ff;
}
.purple-d2 {
  color: #700fff;
}
.purple-d3 {
  color: #6200f5;
}
.yellow-l3 {
  color: #ffce6b;
}
.yellow-l2 {
  color: #ffc552;
}
.yellow-l1 {
  color: #ffbd38;
}
.yellow-d1 {
  color: #ffab05;
}
.yellow-d2 {
  color: #faa600;
}
.yellow-d3 {
  color: #dc9200;
}
.red-l3 {
  color: #f85465;
}
.red-l2 {
  color: #f73c4f;
}
.red-l1 {
  color: #f62339;
}
.red-d1 {
  color: #dd091f;
}
.red-d2 {
  color: #c5081b;
}
.red-d3 {
  color: #ac0718;
}
.pink-l3 {
  color: #fc78b6;
}
.pink-l2 {
  color: #fc5fa8;
}
.pink-l1 {
  color: #fb469b;
}
.pink-d1 {
  color: #fb147f;
}
.pink-d2 {
  color: #f00572;
}
.pink-d3 {
  color: #d70467;
}
.darkgrey-l2 {
  color: #49525b;
}
.darkgrey-l1 {
  color: #40474f;
}
.darkgrey-d1 {
  color: #32383f;
}
.darkgrey-d2 {
  color: #2b3136;
}
.middarkgrey-l2 {
  color: #727e8d;
}
.middarkgrey-l1 {
  color: #6b7684;
}
.middarkgrey-d1 {
  color: #5b6571;
}
.middarkgrey-d2 {
  color: #525b65;
}
.midgrey-l2 {
  color: #8e9cac;
}
.midgrey-l1 {
  color: #8695a4;
}
.midgrey-d1 {
  color: #738393;
}
.midgrey-d2 {
  color: #697989;
}
.midlightgrey-l2 {
  color: #c1c9d1;
}
.midlightgrey-l1 {
  color: #b6bfc8;
}
.midlightgrey-d1 {
  color: #a3acb7;
}
.midlightgrey-d2 {
  color: #99a3ad;
}
.lightgrey-l2 {
  color: #e4e8ec;
}
.lightgrey-l1 {
  color: #dee3e7;
}
.lightgrey-d1 {
  color: #c3cad0;
}
.lightgrey-d2 {
  color: #bbc3c8;
}
.whitegrey-l2 {
  color: #fafafb;
}
.whitegrey-l1 {
  color: #f1f3f4;
}
.whitegrey-d1 {
  color: #e6e9eb;
}
.whitegrey-d2 {
  color: #dddedf;
}
.color-inherit {
  color: inherit;
}
.bg-blue {
  background-color: #14b8ff;
}
.bg-green {
  background-color: #30cf43;
}
.bg-purple {
  background-color: #8e42ff;
}
.bg-yellow {
  background-color: #ffb41f;
}
.bg-red {
  background-color: #f50b23;
}
.bg-pink {
  background-color: #fb2d8d;
}
.bg-white {
  background-color: #fff;
}
.bg-transparent {
  background-color: transparent;
}
.bg-white-10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-white-20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.bg-white-30 {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.bg-white-40 {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.bg-white-50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-white-60 {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.bg-white-70 {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.bg-white-80 {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.bg-white-90 {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.bg-black-10 {
  background-color: rgba(21, 23, 26, 0.1);
}
.bg-black-20 {
  background-color: rgba(21, 23, 26, 0.2);
}
.bg-black-30 {
  background-color: rgba(21, 23, 26, 0.3);
}
.bg-black-40 {
  background-color: rgba(21, 23, 26, 0.4);
}
.bg-black-50 {
  background-color: rgba(21, 23, 26, 0.5);
}
.bg-black-60 {
  background-color: rgba(21, 23, 26, 0.6);
}
.bg-black-70 {
  background-color: rgba(21, 23, 26, 0.7);
}
.bg-black-80 {
  background-color: rgba(21, 23, 26, 0.8);
}
.bg-black-90 {
  background-color: rgba(21, 23, 26, 0.9);
}
.bg-darkgrey {
  background-color: #394047;
}
.bg-middarkgrey {
  background-color: #626d79;
}
.bg-midgrey {
  background-color: #7c8b9a;
}
.bg-midlightgrey {
  background-color: #abb4be;
}
.bg-lightgrey {
  background-color: #ced4d9;
}
.bg-whitegrey {
  background-color: #ebeef0;
}
.bg-blue-l3 {
  background-color: #61cfff;
}
.bg-blue-l2 {
  background-color: #47c7ff;
}
.bg-blue-l1 {
  background-color: #2ec0ff;
}
.bg-blue-d1 {
  background-color: #00aefa;
}
.bg-blue-d2 {
  background-color: #009ce0;
}
.bg-blue-d3 {
  background-color: #008bc7;
}
.bg-green-l3 {
  background-color: #6edd7b;
}
.bg-green-l2 {
  background-color: #59d969;
}
.bg-green-l1 {
  background-color: #45d456;
}
.bg-green-d1 {
  background-color: #2bba3c;
}
.bg-green-d2 {
  background-color: #26a636;
}
.bg-green-d3 {
  background-color: #22912f;
}
.bg-purple-l3 {
  background-color: #bc8fff;
}
.bg-purple-l2 {
  background-color: #ac75ff;
}
.bg-purple-l1 {
  background-color: #9d5cff;
}
.bg-purple-d1 {
  background-color: #7f29ff;
}
.bg-purple-d2 {
  background-color: #700fff;
}
.bg-purple-d3 {
  background-color: #6200f5;
}
.bg-yellow-l3 {
  background-color: #ffce6b;
}
.bg-yellow-l2 {
  background-color: #ffc552;
}
.bg-yellow-l1 {
  background-color: #ffbd38;
}
.bg-yellow-d1 {
  background-color: #ffab05;
}
.bg-yellow-d2 {
  background-color: #faa600;
}
.bg-yellow-d3 {
  background-color: #dc9200;
}
.bg-red-l3 {
  background-color: #f85465;
}
.bg-red-l2 {
  background-color: #f73c4f;
}
.bg-red-l1 {
  background-color: #f62339;
}
.bg-red-d1 {
  background-color: #dd091f;
}
.bg-red-d2 {
  background-color: #c5081b;
}
.bg-red-d3 {
  background-color: #ac0718;
}
.bg-pink-l3 {
  background-color: #fc78b6;
}
.bg-pink-l2 {
  background-color: #fc5fa8;
}
.bg-pink-l1 {
  background-color: #fb469b;
}
.bg-pink-d1 {
  background-color: #fb147f;
}
.bg-pink-d2 {
  background-color: #f00572;
}
.bg-pink-d3 {
  background-color: #d70467;
}
.bg-darkgrey-l2 {
  background-color: #49525b;
}
.bg-darkgrey-l1 {
  background-color: #40474f;
}
.bg-darkgrey-d1 {
  background-color: #32383f;
}
.bg-darkgrey-d2 {
  background-color: #2b3136;
}
.bg-middarkgrey-l2 {
  background-color: #727e8d;
}
.bg-middarkgrey-l1 {
  background-color: #6b7684;
}
.bg-middarkgrey-d1 {
  background-color: #5b6571;
}
.bg-middarkgrey-d2 {
  background-color: #525b65;
}
.bg-midgrey-l2 {
  background-color: #8e9cac;
}
.bg-midgrey-l1 {
  background-color: #8695a4;
}
.bg-midgrey-d1 {
  background-color: #738393;
}
.bg-midgrey-d2 {
  background-color: #697989;
}
.bg-midlightgrey-l2 {
  background-color: #c1c9d1;
}
.bg-midlightgrey-l1 {
  background-color: #b6bfc8;
}
.bg-midlightgrey-d1 {
  background-color: #a3acb7;
}
.bg-midlightgrey-d2 {
  background-color: #99a3ad;
}
.bg-lightgrey-l2 {
  background-color: #e4e8ec;
}
.bg-lightgrey-l1 {
  background-color: #dee3e7;
}
.bg-lightgrey-d1 {
  background-color: #c3cad0;
}
.bg-lightgrey-d2 {
  background-color: #bbc3c8;
}
.bg-whitegrey-l2 {
  background-color: #fafafb;
}
.bg-whitegrey-l1 {
  background-color: #f1f3f4;
}
.bg-whitegrey-d1 {
  background-color: #e6e9eb;
}
.bg-whitegrey-d2 {
  background-color: #dddedf;
}
.bg-error-red {
  background-color: rgba(240, 82, 48, 0.05);
}
.bg-lgr-blue {
  background: linear-gradient(#61cfff, #14b8ff);
}
.bg-rgr-blue {
  background: radial-gradient(circle farthest-corner at left bottom, #61cfff 0, #14b8ff) 100%;
}
.bg-lgr-green {
  background: linear-gradient(#6edd7b, #30cf43);
}
.bg-rgr-green {
  background: radial-gradient(circle farthest-corner at left bottom, #6edd7b 0, #30cf43) 100%;
}
.bg-lgr-purple {
  background: linear-gradient(#bc8fff, #8e42ff);
}
.bg-rgr-purple {
  background: radial-gradient(circle farthest-corner at left bottom, #bc8fff 0, #8e42ff) 100%;
}
.bg-lgr-yellow {
  background: linear-gradient(#ffce6b, #ffb41f);
}
.bg-rgr-yellow {
  background: radial-gradient(circle farthest-corner at left bottom, #ffce6b 0, #ffb41f) 100%;
}
.bg-lgr-red {
  background: linear-gradient(#f85465, #f50b23);
}
.bg-rgr-red {
  background: radial-gradient(circle farthest-corner at left bottom, #f85465 0, #f50b23) 100%;
}
.bg-lgr-pink {
  background: linear-gradient(#fc78b6, #fb2d8d);
}
.bg-rgr-pink {
  background: radial-gradient(circle farthest-corner at left bottom, #fc78b6 0, #fb2d8d) 100%;
}
.bg-lgr-whitegrey {
  background: linear-gradient(#fafafb, #ebeef0);
}
.bg-rgr-whitegrey {
  background: radial-gradient(circle farthest-corner at left bottom, #fafafb 0, #ebeef0) 100%;
}
.bg-lgr-lightgrey {
  background: linear-gradient(#e4e8ec, #ced4d9);
}
.bg-rgr-lightgrey {
  background: radial-gradient(circle farthest-corner at left bottom, #e4e8ec 0, #ced4d9) 100%;
}
.bg-lgr-midlightgrey {
  background: linear-gradient(#c1c9d1, #abb4be);
}
.bg-rgr-midlightgrey {
  background: radial-gradient(circle farthest-corner at left bottom, #c1c9d1 0, #abb4be) 100%;
}
.bg-lgr-midgrey {
  background: linear-gradient(#8e9cac, #738393);
}
.bg-rgr-midgrey {
  background: radial-gradient(circle farthest-corner at left bottom, #8e9cac 0, #738393) 100%;
}
.bg-lgr-middarkgrey {
  background: linear-gradient(#727e8d, #5b6571);
}
.bg-rgr-middarkgrey {
  background: radial-gradient(circle farthest-corner at left bottom, #727e8d 0, #5b6571) 100%;
}
.bg-lgr-darkgrey {
  background: linear-gradient(#49525b, #2b3136);
}
.bg-rgr-darkgrey {
  background: radial-gradient(circle farthest-corner at left bottom, #49525b 0, #2b3136) 100%;
}
.bg-image-overlay-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  color: #fff;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 40%, transparent);
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.hover-blue:focus,
.hover-blue:hover {
  color: #14b8ff;
}
.hover-green:focus,
.hover-green:hover {
  color: #30cf43;
}
.hover-purple:focus,
.hover-purple:hover {
  color: #8e42ff;
}
.hover-yellow:focus,
.hover-yellow:hover {
  color: #ffb41f;
}
.hover-red:focus,
.hover-red:hover {
  color: #f50b23;
}
.hover-pink:focus,
.hover-pink:hover {
  color: #fb2d8d;
}
.hover-white:focus,
.hover-white:hover {
  color: #fff;
}
.hover-white-10:focus,
.hover-white-10:hover {
  color: hsla(0, 0%, 100%, 0.1);
}
.hover-white-20:focus,
.hover-white-20:hover {
  color: hsla(0, 0%, 100%, 0.2);
}
.hover-white-30:focus,
.hover-white-30:hover {
  color: hsla(0, 0%, 100%, 0.3);
}
.hover-white-40:focus,
.hover-white-40:hover {
  color: hsla(0, 0%, 100%, 0.4);
}
.hover-white-50:focus,
.hover-white-50:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.hover-white-60:focus,
.hover-white-60:hover {
  color: hsla(0, 0%, 100%, 0.6);
}
.hover-white-70:focus,
.hover-white-70:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.hover-white-80:focus,
.hover-white-80:hover {
  color: hsla(0, 0%, 100%, 0.8);
}
.hover-white-90:focus,
.hover-white-90:hover {
  color: hsla(0, 0%, 100%, 0.9);
}
.hover-black-10:focus,
.hover-black-10:hover {
  color: rgba(21, 23, 26, 0.1);
}
.hover-black-20:focus,
.hover-black-20:hover {
  color: rgba(21, 23, 26, 0.2);
}
.hover-black-30:focus,
.hover-black-30:hover {
  color: rgba(21, 23, 26, 0.3);
}
.hover-black-40:focus,
.hover-black-40:hover {
  color: rgba(21, 23, 26, 0.4);
}
.hover-black-50:focus,
.hover-black-50:hover {
  color: rgba(21, 23, 26, 0.5);
}
.hover-black-60:focus,
.hover-black-60:hover {
  color: rgba(21, 23, 26, 0.6);
}
.hover-black-70:focus,
.hover-black-70:hover {
  color: rgba(21, 23, 26, 0.7);
}
.hover-black-80:focus,
.hover-black-80:hover {
  color: rgba(21, 23, 26, 0.8);
}
.hover-black-90:focus,
.hover-black-90:hover {
  color: rgba(21, 23, 26, 0.9);
}
.hover-darkgrey:focus,
.hover-darkgrey:hover {
  color: #394047;
}
.hover-middarkgrey:focus,
.hover-middarkgrey:hover {
  color: #626d79;
}
.hover-midgrey:focus,
.hover-midgrey:hover {
  color: #7c8b9a;
}
.hover-midlightgrey:focus,
.hover-midlightgrey:hover {
  color: #abb4be;
}
.hover-lightgrey:focus,
.hover-lightgrey:hover {
  color: #ced4d9;
}
.hover-whitegrey:focus,
.hover-whitegrey:hover {
  color: #ebeef0;
}
.hover-blue-l3:focus,
.hover-blue-l3:hover {
  color: #61cfff;
}
.hover-blue-l2:focus,
.hover-blue-l2:hover {
  color: #47c7ff;
}
.hover-blue-l1:focus,
.hover-blue-l1:hover {
  color: #2ec0ff;
}
.hover-blue-d1:focus,
.hover-blue-d1:hover {
  color: #00aefa;
}
.hover-blue-d2:focus,
.hover-blue-d2:hover {
  color: #009ce0;
}
.hover-blue-d3:focus,
.hover-blue-d3:hover {
  color: #008bc7;
}
.hover-green-l3:focus,
.hover-green-l3:hover {
  color: #6edd7b;
}
.hover-green-l2:focus,
.hover-green-l2:hover {
  color: #59d969;
}
.hover-green-l1:focus,
.hover-green-l1:hover {
  color: #45d456;
}
.hover-green-d1:focus,
.hover-green-d1:hover {
  color: #2bba3c;
}
.hover-green-d2:focus,
.hover-green-d2:hover {
  color: #26a636;
}
.hover-green-d3:focus,
.hover-green-d3:hover {
  color: #22912f;
}
.hover-purple-l3:focus,
.hover-purple-l3:hover {
  color: #bc8fff;
}
.hover-purple-l2:focus,
.hover-purple-l2:hover {
  color: #ac75ff;
}
.hover-purple-l1:focus,
.hover-purple-l1:hover {
  color: #9d5cff;
}
.hover-purple-d1:focus,
.hover-purple-d1:hover {
  color: #7f29ff;
}
.hover-purple-d2:focus,
.hover-purple-d2:hover {
  color: #700fff;
}
.hover-purple-d3:focus,
.hover-purple-d3:hover {
  color: #6200f5;
}
.hover-yellow-l3:focus,
.hover-yellow-l3:hover {
  color: #ffce6b;
}
.hover-yellow-l2:focus,
.hover-yellow-l2:hover {
  color: #ffc552;
}
.hover-yellow-l1:focus,
.hover-yellow-l1:hover {
  color: #ffbd38;
}
.hover-yellow-d1:focus,
.hover-yellow-d1:hover {
  color: #ffab05;
}
.hover-yellow-d2:focus,
.hover-yellow-d2:hover {
  color: #faa600;
}
.hover-yellow-d3:focus,
.hover-yellow-d3:hover {
  color: #dc9200;
}
.hover-red-l3:focus,
.hover-red-l3:hover {
  color: #f85465;
}
.hover-red-l2:focus,
.hover-red-l2:hover {
  color: #f73c4f;
}
.hover-red-l1:focus,
.hover-red-l1:hover {
  color: #f62339;
}
.hover-red-d1:focus,
.hover-red-d1:hover {
  color: #dd091f;
}
.hover-red-d2:focus,
.hover-red-d2:hover {
  color: #c5081b;
}
.hover-red-d3:focus,
.hover-red-d3:hover {
  color: #ac0718;
}
.hover-pink-l3:focus,
.hover-pink-l3:hover {
  color: #fc78b6;
}
.hover-pink-l2:focus,
.hover-pink-l2:hover {
  color: #fc5fa8;
}
.hover-pink-l1:focus,
.hover-pink-l1:hover {
  color: #fb469b;
}
.hover-pink-d1:focus,
.hover-pink-d1:hover {
  color: #fb147f;
}
.hover-pink-d2:focus,
.hover-pink-d2:hover {
  color: #f00572;
}
.hover-pink-d3:focus,
.hover-pink-d3:hover {
  color: #d70467;
}
.hover-darkgrey-l2:focus,
.hover-darkgrey-l2:hover {
  color: #49525b;
}
.hover-darkgrey-l1:focus,
.hover-darkgrey-l1:hover {
  color: #40474f;
}
.hover-darkgrey-d1:focus,
.hover-darkgrey-d1:hover {
  color: #32383f;
}
.hover-darkgrey-d2:focus,
.hover-darkgrey-d2:hover {
  color: #2b3136;
}
.hover-middarkgrey-l2:focus,
.hover-middarkgrey-l2:hover {
  color: #727e8d;
}
.hover-middarkgrey-l1:focus,
.hover-middarkgrey-l1:hover {
  color: #6b7684;
}
.hover-middarkgrey-d1:focus,
.hover-middarkgrey-d1:hover {
  color: #5b6571;
}
.hover-middarkgrey-d2:focus,
.hover-middarkgrey-d2:hover {
  color: #525b65;
}
.hover-midgrey-l2:focus,
.hover-midgrey-l2:hover {
  color: #8e9cac;
}
.hover-midgrey-l1:focus,
.hover-midgrey-l1:hover {
  color: #8695a4;
}
.hover-midgrey-d1:focus,
.hover-midgrey-d1:hover {
  color: #738393;
}
.hover-midgrey-d2:focus,
.hover-midgrey-d2:hover {
  color: #697989;
}
.hover-midlightgrey-l2:focus,
.hover-midlightgrey-l2:hover {
  color: #c1c9d1;
}
.hover-midlightgrey-l1:focus,
.hover-midlightgrey-l1:hover {
  color: #b6bfc8;
}
.hover-midlightgrey-d1:focus,
.hover-midlightgrey-d1:hover {
  color: #a3acb7;
}
.hover-midlightgrey-d2:focus,
.hover-midlightgrey-d2:hover {
  color: #99a3ad;
}
.hover-lightgrey-l2:focus,
.hover-lightgrey-l2:hover {
  color: #e4e8ec;
}
.hover-lightgrey-l1:focus,
.hover-lightgrey-l1:hover {
  color: #dee3e7;
}
.hover-lightgrey-d1:focus,
.hover-lightgrey-d1:hover {
  color: #c3cad0;
}
.hover-lightgrey-d2:focus,
.hover-lightgrey-d2:hover {
  color: #bbc3c8;
}
.hover-whitegrey-l2:focus,
.hover-whitegrey-l2:hover {
  color: #fafafb;
}
.hover-whitegrey-l1:focus,
.hover-whitegrey-l1:hover {
  color: #f1f3f4;
}
.hover-whitegrey-d1:focus,
.hover-whitegrey-d1:hover {
  color: #e6e9eb;
}
.hover-whitegrey-d2:focus,
.hover-whitegrey-d2:hover {
  color: #dddedf;
}
.hover-color-inherit:focus,
.hover-color-inherit:hover {
  color: inherit;
}
.hover-bg-blue:focus,
.hover-bg-blue:hover {
  background-color: #14b8ff;
}
.hover-bg-green:focus,
.hover-bg-green:hover {
  background-color: #30cf43;
}
.hover-bg-purple:focus,
.hover-bg-purple:hover {
  background-color: #8e42ff;
}
.hover-bg-yellow:focus,
.hover-bg-yellow:hover {
  background-color: #ffb41f;
}
.hover-bg-red:focus,
.hover-bg-red:hover {
  background-color: #f50b23;
}
.hover-bg-pink:focus,
.hover-bg-pink:hover {
  background-color: #fb2d8d;
}
.hover-bg-white:focus,
.hover-bg-white:hover {
  background-color: #fff;
}
.hover-bg-white-10:focus,
.hover-bg-white-10:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.hover-bg-white-20:focus,
.hover-bg-white-20:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.hover-bg-white-30:focus,
.hover-bg-white-30:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.hover-bg-white-40:focus,
.hover-bg-white-40:hover {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.hover-bg-white-50:focus,
.hover-bg-white-50:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.hover-bg-white-60:focus,
.hover-bg-white-60:hover {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.hover-bg-white-70:focus,
.hover-bg-white-70:hover {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.hover-bg-white-80:focus,
.hover-bg-white-80:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.hover-bg-white-90:focus,
.hover-bg-white-90:hover {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.hover-bg-black-10:focus,
.hover-bg-black-10:hover {
  background-color: rgba(21, 23, 26, 0.1);
}
.hover-bg-black-20:focus,
.hover-bg-black-20:hover {
  background-color: rgba(21, 23, 26, 0.2);
}
.hover-bg-black-30:focus,
.hover-bg-black-30:hover {
  background-color: rgba(21, 23, 26, 0.3);
}
.hover-bg-black-40:focus,
.hover-bg-black-40:hover {
  background-color: rgba(21, 23, 26, 0.4);
}
.hover-bg-black-50:focus,
.hover-bg-black-50:hover {
  background-color: rgba(21, 23, 26, 0.5);
}
.hover-bg-black-60:focus,
.hover-bg-black-60:hover {
  background-color: rgba(21, 23, 26, 0.6);
}
.hover-bg-black-70:focus,
.hover-bg-black-70:hover {
  background-color: rgba(21, 23, 26, 0.7);
}
.hover-bg-black-80:focus,
.hover-bg-black-80:hover {
  background-color: rgba(21, 23, 26, 0.8);
}
.hover-bg-black-90:focus,
.hover-bg-black-90:hover {
  background-color: rgba(21, 23, 26, 0.9);
}
.hover-bg-darkgrey:focus,
.hover-bg-darkgrey:hover {
  background-color: #394047;
}
.hover-bg-middarkgrey:focus,
.hover-bg-middarkgrey:hover {
  background-color: #626d79;
}
.hover-bg-midgrey:focus,
.hover-bg-midgrey:hover {
  background-color: #7c8b9a;
}
.hover-bg-midlightgrey:focus,
.hover-bg-midlightgrey:hover {
  background-color: #abb4be;
}
.hover-bg-lightgrey:focus,
.hover-bg-lightgrey:hover {
  background-color: #ced4d9;
}
.hover-bg-whitegrey:focus,
.hover-bg-whitegrey:hover {
  background-color: #ebeef0;
}
.hover-bg-blue-l3:focus,
.hover-bg-blue-l3:hover {
  background-color: #61cfff;
}
.hover-bg-blue-l2:focus,
.hover-bg-blue-l2:hover {
  background-color: #47c7ff;
}
.hover-bg-blue-l1:focus,
.hover-bg-blue-l1:hover {
  background-color: #2ec0ff;
}
.hover-bg-blue-d1:focus,
.hover-bg-blue-d1:hover {
  background-color: #00aefa;
}
.hover-bg-blue-d2:focus,
.hover-bg-blue-d2:hover {
  background-color: #009ce0;
}
.hover-bg-blue-d3:focus,
.hover-bg-blue-d3:hover {
  background-color: #008bc7;
}
.hover-bg-green-l3:focus,
.hover-bg-green-l3:hover {
  background-color: #6edd7b;
}
.hover-bg-green-l2:focus,
.hover-bg-green-l2:hover {
  background-color: #59d969;
}
.hover-bg-green-l1:focus,
.hover-bg-green-l1:hover {
  background-color: #45d456;
}
.hover-bg-green-d1:focus,
.hover-bg-green-d1:hover {
  background-color: #2bba3c;
}
.hover-bg-green-d2:focus,
.hover-bg-green-d2:hover {
  background-color: #26a636;
}
.hover-bg-green-d3:focus,
.hover-bg-green-d3:hover {
  background-color: #22912f;
}
.hover-bg-purple-l3:focus,
.hover-bg-purple-l3:hover {
  background-color: #bc8fff;
}
.hover-bg-purple-l2:focus,
.hover-bg-purple-l2:hover {
  background-color: #ac75ff;
}
.hover-bg-purple-l1:focus,
.hover-bg-purple-l1:hover {
  background-color: #9d5cff;
}
.hover-bg-purple-d1:focus,
.hover-bg-purple-d1:hover {
  background-color: #7f29ff;
}
.hover-bg-purple-d2:focus,
.hover-bg-purple-d2:hover {
  background-color: #700fff;
}
.hover-bg-purple-d3:focus,
.hover-bg-purple-d3:hover {
  background-color: #6200f5;
}
.hover-bg-yellow-l3:focus,
.hover-bg-yellow-l3:hover {
  background-color: #ffce6b;
}
.hover-bg-yellow-l2:focus,
.hover-bg-yellow-l2:hover {
  background-color: #ffc552;
}
.hover-bg-yellow-l1:focus,
.hover-bg-yellow-l1:hover {
  background-color: #ffbd38;
}
.hover-bg-yellow-d1:focus,
.hover-bg-yellow-d1:hover {
  background-color: #ffab05;
}
.hover-bg-yellow-d2:focus,
.hover-bg-yellow-d2:hover {
  background-color: #faa600;
}
.hover-bg-yellow-d3:focus,
.hover-bg-yellow-d3:hover {
  background-color: #dc9200;
}
.hover-bg-red-l3:focus,
.hover-bg-red-l3:hover {
  background-color: #f85465;
}
.hover-bg-red-l2:focus,
.hover-bg-red-l2:hover {
  background-color: #f73c4f;
}
.hover-bg-red-l1:focus,
.hover-bg-red-l1:hover {
  background-color: #f62339;
}
.hover-bg-red-d1:focus,
.hover-bg-red-d1:hover {
  background-color: #dd091f;
}
.hover-bg-red-d2:focus,
.hover-bg-red-d2:hover {
  background-color: #c5081b;
}
.hover-bg-red-d3:focus,
.hover-bg-red-d3:hover {
  background-color: #ac0718;
}
.hover-bg-pink-l3:focus,
.hover-bg-pink-l3:hover {
  background-color: #fc78b6;
}
.hover-bg-pink-l2:focus,
.hover-bg-pink-l2:hover {
  background-color: #fc5fa8;
}
.hover-bg-pink-l1:focus,
.hover-bg-pink-l1:hover {
  background-color: #fb469b;
}
.hover-bg-pink-d1:focus,
.hover-bg-pink-d1:hover {
  background-color: #fb147f;
}
.hover-bg-pink-d2:focus,
.hover-bg-pink-d2:hover {
  background-color: #f00572;
}
.hover-bg-pink-d3:focus,
.hover-bg-pink-d3:hover {
  background-color: #d70467;
}
.hover-bg-darkgrey-l2:focus,
.hover-bg-darkgrey-l2:hover {
  background-color: #49525b;
}
.hover-bg-darkgrey-l1:focus,
.hover-bg-darkgrey-l1:hover {
  background-color: #40474f;
}
.hover-bg-darkgrey-d1:focus,
.hover-bg-darkgrey-d1:hover {
  background-color: #32383f;
}
.hover-bg-darkgrey-d2:focus,
.hover-bg-darkgrey-d2:hover {
  background-color: #2b3136;
}
.hover-bg-middarkgrey-l2:focus,
.hover-bg-middarkgrey-l2:hover {
  background-color: #727e8d;
}
.hover-bg-middarkgrey-l1:focus,
.hover-bg-middarkgrey-l1:hover {
  background-color: #6b7684;
}
.hover-bg-middarkgrey-d1:focus,
.hover-bg-middarkgrey-d1:hover {
  background-color: #5b6571;
}
.hover-bg-middarkgrey-d2:focus,
.hover-bg-middarkgrey-d2:hover {
  background-color: #525b65;
}
.hover-bg-midgrey-l2:focus,
.hover-bg-midgrey-l2:hover {
  background-color: #8e9cac;
}
.hover-bg-midgrey-l1:focus,
.hover-bg-midgrey-l1:hover {
  background-color: #8695a4;
}
.hover-bg-midgrey-d1:focus,
.hover-bg-midgrey-d1:hover {
  background-color: #738393;
}
.hover-bg-midgrey-d2:focus,
.hover-bg-midgrey-d2:hover {
  background-color: #697989;
}
.hover-bg-midlightgrey-l2:focus,
.hover-bg-midlightgrey-l2:hover {
  background-color: #c1c9d1;
}
.hover-bg-midlightgrey-l1:focus,
.hover-bg-midlightgrey-l1:hover {
  background-color: #b6bfc8;
}
.hover-bg-midlightgrey-d1:focus,
.hover-bg-midlightgrey-d1:hover {
  background-color: #a3acb7;
}
.hover-bg-midlightgrey-d2:focus,
.hover-bg-midlightgrey-d2:hover {
  background-color: #99a3ad;
}
.hover-bg-lightgrey-l2:focus,
.hover-bg-lightgrey-l2:hover {
  background-color: #e4e8ec;
}
.hover-bg-lightgrey-l1:focus,
.hover-bg-lightgrey-l1:hover {
  background-color: #dee3e7;
}
.hover-bg-lightgrey-d1:focus,
.hover-bg-lightgrey-d1:hover {
  background-color: #c3cad0;
}
.hover-bg-lightgrey-d2:focus,
.hover-bg-lightgrey-d2:hover {
  background-color: #bbc3c8;
}
.hover-bg-whitegrey-l2:focus,
.hover-bg-whitegrey-l2:hover {
  background-color: #fafafb;
}
.hover-bg-whitegrey-l1:focus,
.hover-bg-whitegrey-l1:hover {
  background-color: #f1f3f4;
}
.hover-bg-whitegrey-d1:focus,
.hover-bg-whitegrey-d1:hover {
  background-color: #e6e9eb;
}
.hover-bg-whitegrey-d2:focus,
.hover-bg-whitegrey-d2:hover {
  background-color: #dddedf;
}
.hover-bg-table-cell:focus,
.hover-bg-table-cell:hover {
  background-color: #e0e3e6;
}
.tmb {
  margin: 0 0 1.6rem;
}
.tmb--0 {
  margin: 0;
}
.tmb--0-25x {
  margin: 0 0 0.4rem;
}
.tmb--0-5x {
  margin: 0 0 0.8rem;
}
.tmb--0-75x {
  margin: 0 0 1.2rem;
}
.tmb--1-25x {
  margin: 0 0 2rem;
}
.tmb--1-5x {
  margin: 0 0 2.4rem;
}
.tmb--2-0x {
  margin: 0 0 3.2rem;
}
.tmb--2-5x {
  margin: 0 0 4rem;
}
.tmb--3-0x {
  margin: 0 0 4.8rem;
}
@media screen and (min-width: 700px) {
  .tmb-ns {
    margin: 0 0 1.6rem;
  }
  .tmb--0-ns {
    margin: 0;
  }
  .tmb--0-25x-ns {
    margin: 0 0 0.4rem;
  }
  .tmb--0-5x-ns {
    margin: 0 0 0.8rem;
  }
  .tmb--0-75x-ns {
    margin: 0 0 1.2rem;
  }
  .tmb--1-25x-ns {
    margin: 0 0 2rem;
  }
  .tmb--1-5x-ns {
    margin: 0 0 2.4rem;
  }
  .tmb--2-0x-ns {
    margin: 0 0 3.2rem;
  }
  .tmb--2-5x-ns {
    margin: 0 0 4rem;
  }
  .tmb--3-0x-ns {
    margin: 0 0 4.8rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .tmb-m {
    margin: 0 0 1.6rem;
  }
  .tmb--0-m {
    margin: 0;
  }
  .tmb--0-25x-m {
    margin: 0 0 0.4rem;
  }
  .tmb--0-5x-m {
    margin: 0 0 0.8rem;
  }
  .tmb--0-75x-m {
    margin: 0 0 1.2rem;
  }
  .tmb--1-25x-m {
    margin: 0 0 2rem;
  }
  .tmb--1-5x-m {
    margin: 0 0 2.4rem;
  }
  .tmb--2-0x-m {
    margin: 0 0 3.2rem;
  }
  .tmb--2-5x-m {
    margin: 0 0 4rem;
  }
  .tmb--3-0x-m {
    margin: 0 0 4.8rem;
  }
}
@media screen and (min-width: 1080px) {
  .tmb-l {
    margin: 0 0 1.6rem;
  }
  .tmb--0-l {
    margin: 0;
  }
  .tmb--0-25x-l {
    margin: 0 0 0.4rem;
  }
  .tmb--0-5x-l {
    margin: 0 0 0.8rem;
  }
  .tmb--0-75x-l {
    margin: 0 0 1.2rem;
  }
  .tmb--1-25x-l {
    margin: 0 0 2rem;
  }
  .tmb--1-5x-l {
    margin: 0 0 2.4rem;
  }
  .tmb--2-0x-l {
    margin: 0 0 3.2rem;
  }
  .tmb--2-5x-l {
    margin: 0 0 4rem;
  }
  .tmb--3-0x-l {
    margin: 0 0 4.8rem;
  }
}
.na0 {
  margin: 0;
}
.na1 {
  margin: -0.4rem;
}
.na2 {
  margin: -0.8rem;
}
.na3 {
  margin: -1.2rem;
}
.na4 {
  margin: -1.6rem;
}
.na5 {
  margin: -2rem;
}
.na6 {
  margin: -2.4rem;
}
.na7 {
  margin: -2.8rem;
}
.na8 {
  margin: -3.2rem;
}
.na9 {
  margin: -3.6rem;
}
.na10 {
  margin: -4rem;
}
.na11 {
  margin: -4.4rem;
}
.na12 {
  margin: -4.8rem;
}
.na13 {
  margin: -5.2rem;
}
.na14 {
  margin: -5.6rem;
}
.na15 {
  margin: -6rem;
}
.na16 {
  margin: -6.4rem;
}
.na17 {
  margin: -6.8rem;
}
.na18 {
  margin: -7.2rem;
}
.na19 {
  margin: -7.6rem;
}
.na20 {
  margin: -8rem;
}
.na25 {
  margin: -10rem;
}
.na30 {
  margin: -12rem;
}
.na40 {
  margin: -16rem;
}
.na50 {
  margin: -20rem;
}
.nr0 {
  margin-right: 0;
}
.nr1 {
  margin-right: -0.4rem;
}
.nr2 {
  margin-right: -0.8rem;
}
.nr3 {
  margin-right: -1.2rem;
}
.nr4 {
  margin-right: -1.6rem;
}
.nr5 {
  margin-right: -2rem;
}
.nr6 {
  margin-right: -2.4rem;
}
.nr7 {
  margin-right: -2.8rem;
}
.nr8 {
  margin-right: -3.2rem;
}
.nr9 {
  margin-right: -3.6rem;
}
.nr10 {
  margin-right: -4rem;
}
.nr11 {
  margin-right: -4.4rem;
}
.nr12 {
  margin-right: -4.8rem;
}
.nr13 {
  margin-right: -5.2rem;
}
.nr14 {
  margin-right: -5.6rem;
}
.nr15 {
  margin-right: -6rem;
}
.nr16 {
  margin-right: -6.4rem;
}
.nr17 {
  margin-right: -6.8rem;
}
.nr18 {
  margin-right: -7.2rem;
}
.nr19 {
  margin-right: -7.6rem;
}
.nr20 {
  margin-right: -8rem;
}
.nr25 {
  margin-right: -10rem;
}
.nr30 {
  margin-right: -12rem;
}
.nr40 {
  margin-right: -16rem;
}
.nr50 {
  margin-right: -20rem;
}
.nb0 {
  margin-bottom: 0;
}
.nb1 {
  margin-bottom: -0.4rem;
}
.nb2 {
  margin-bottom: -0.8rem;
}
.nb3 {
  margin-bottom: -1.2rem;
}
.nb4 {
  margin-bottom: -1.6rem;
}
.nb5 {
  margin-bottom: -2rem;
}
.nb6 {
  margin-bottom: -2.4rem;
}
.nb7 {
  margin-bottom: -2.8rem;
}
.nb8 {
  margin-bottom: -3.2rem;
}
.nb9 {
  margin-bottom: -3.6rem;
}
.nb10 {
  margin-bottom: -4rem;
}
.nb11 {
  margin-bottom: -4.4rem;
}
.nb12 {
  margin-bottom: -4.8rem;
}
.nb13 {
  margin-bottom: -5.2rem;
}
.nb14 {
  margin-bottom: -5.6rem;
}
.nb15 {
  margin-bottom: -6rem;
}
.nb16 {
  margin-bottom: -6.4rem;
}
.nb17 {
  margin-bottom: -6.8rem;
}
.nb18 {
  margin-bottom: -7.2rem;
}
.nb19 {
  margin-bottom: -7.6rem;
}
.nb20 {
  margin-bottom: -8rem;
}
.nb25 {
  margin-bottom: -10rem;
}
.nb30 {
  margin-bottom: -12rem;
}
.nb40 {
  margin-bottom: -16rem;
}
.nb50 {
  margin-bottom: -20rem;
}
.nl0 {
  margin-left: 0;
}
.nl1 {
  margin-left: -0.4rem;
}
.nl2 {
  margin-left: -0.8rem;
}
.nl3 {
  margin-left: -1.2rem;
}
.nl4 {
  margin-left: -1.6rem;
}
.nl5 {
  margin-left: -2rem;
}
.nl6 {
  margin-left: -2.4rem;
}
.nl7 {
  margin-left: -2.8rem;
}
.nl8 {
  margin-left: -3.2rem;
}
.nl9 {
  margin-left: -3.6rem;
}
.nl10 {
  margin-left: -4rem;
}
.nl11 {
  margin-left: -4.4rem;
}
.nl12 {
  margin-left: -4.8rem;
}
.nl13 {
  margin-left: -5.2rem;
}
.nl14 {
  margin-left: -5.6rem;
}
.nl15 {
  margin-left: -6rem;
}
.nl16 {
  margin-left: -6.4rem;
}
.nl17 {
  margin-left: -6.8rem;
}
.nl18 {
  margin-left: -7.2rem;
}
.nl19 {
  margin-left: -7.6rem;
}
.nl20 {
  margin-left: -8rem;
}
.nl25 {
  margin-left: -10rem;
}
.nl30 {
  margin-left: -12rem;
}
.nl40 {
  margin-left: -16rem;
}
.nl50 {
  margin-left: -20rem;
}
.nt0 {
  margin-top: 0;
}
.nt1 {
  margin-top: -0.4rem;
}
.nt2 {
  margin-top: -0.8rem;
}
.nt3 {
  margin-top: -1.2rem;
}
.nt4 {
  margin-top: -1.6rem;
}
.nt5 {
  margin-top: -2rem;
}
.nt6 {
  margin-top: -2.4rem;
}
.nt7 {
  margin-top: -2.8rem;
}
.nt8 {
  margin-top: -3.2rem;
}
.nt9 {
  margin-top: -3.6rem;
}
.nt10 {
  margin-top: -4rem;
}
.nt11 {
  margin-top: -4.4rem;
}
.nt12 {
  margin-top: -4.8rem;
}
.nt13 {
  margin-top: -5.2rem;
}
.nt14 {
  margin-top: -5.6rem;
}
.nt15 {
  margin-top: -6rem;
}
.nt16 {
  margin-top: -6.4rem;
}
.nt17 {
  margin-top: -6.8rem;
}
.nt18 {
  margin-top: -7.2rem;
}
.nt19 {
  margin-top: -7.6rem;
}
.nt20 {
  margin-top: -8rem;
}
.nt25 {
  margin-top: -10rem;
}
.nt30 {
  margin-top: -12rem;
}
.nt40 {
  margin-top: -16rem;
}
.nt50 {
  margin-top: -20rem;
}
@media screen and (min-width: 700px) {
  .na0-ns {
    margin: 0;
  }
  .na1-ns {
    margin: -0.4rem;
  }
  .na2-ns {
    margin: -0.8rem;
  }
  .na3-ns {
    margin: -1.2rem;
  }
  .na4-ns {
    margin: -1.6rem;
  }
  .na5-ns {
    margin: -2rem;
  }
  .na6-ns {
    margin: -2.4rem;
  }
  .na7-ns {
    margin: -2.8rem;
  }
  .na8-ns {
    margin: -3.2rem;
  }
  .na9-ns {
    margin: -3.6rem;
  }
  .na10-ns {
    margin: -4rem;
  }
  .na11-ns {
    margin: -4.4rem;
  }
  .na12-ns {
    margin: -4.8rem;
  }
  .na13-ns {
    margin: -5.2rem;
  }
  .na14-ns {
    margin: -5.6rem;
  }
  .na15-ns {
    margin: -6rem;
  }
  .na16-ns {
    margin: -6.4rem;
  }
  .na17-ns {
    margin: -6.8rem;
  }
  .na18-ns {
    margin: -7.2rem;
  }
  .na19-ns {
    margin: -7.6rem;
  }
  .na20-ns {
    margin: -8rem;
  }
  .na25-ns {
    margin: -10rem;
  }
  .na30-ns {
    margin: -12rem;
  }
  .na40-ns {
    margin: -16rem;
  }
  .na50-ns {
    margin: -20rem;
  }
  .nr0-ns {
    margin-right: 0;
  }
  .nr1-ns {
    margin-right: -0.4rem;
  }
  .nr2-ns {
    margin-right: -0.8rem;
  }
  .nr3-ns {
    margin-right: -1.2rem;
  }
  .nr4-ns {
    margin-right: -1.6rem;
  }
  .nr5-ns {
    margin-right: -2rem;
  }
  .nr6-ns {
    margin-right: -2.4rem;
  }
  .nr7-ns {
    margin-right: -2.8rem;
  }
  .nr8-ns {
    margin-right: -3.2rem;
  }
  .nr9-ns {
    margin-right: -3.6rem;
  }
  .nr10-ns {
    margin-right: -4rem;
  }
  .nr11-ns {
    margin-right: -4.4rem;
  }
  .nr12-ns {
    margin-right: -4.8rem;
  }
  .nr13-ns {
    margin-right: -5.2rem;
  }
  .nr14-ns {
    margin-right: -5.6rem;
  }
  .nr15-ns {
    margin-right: -6rem;
  }
  .nr16-ns {
    margin-right: -6.4rem;
  }
  .nr17-ns {
    margin-right: -6.8rem;
  }
  .nr18-ns {
    margin-right: -7.2rem;
  }
  .nr19-ns {
    margin-right: -7.6rem;
  }
  .nr20-ns {
    margin-right: -8rem;
  }
  .nr25-ns {
    margin-right: -10rem;
  }
  .nr30-ns {
    margin-right: -12rem;
  }
  .nr40-ns {
    margin-right: -16rem;
  }
  .nr50-ns {
    margin-right: -20rem;
  }
  .nb0-ns {
    margin-bottom: 0;
  }
  .nb1-ns {
    margin-bottom: -0.4rem;
  }
  .nb2-ns {
    margin-bottom: -0.8rem;
  }
  .nb3-ns {
    margin-bottom: -1.2rem;
  }
  .nb4-ns {
    margin-bottom: -1.6rem;
  }
  .nb5-ns {
    margin-bottom: -2rem;
  }
  .nb6-ns {
    margin-bottom: -2.4rem;
  }
  .nb7-ns {
    margin-bottom: -2.8rem;
  }
  .nb8-ns {
    margin-bottom: -3.2rem;
  }
  .nb9-ns {
    margin-bottom: -3.6rem;
  }
  .nb10-ns {
    margin-bottom: -4rem;
  }
  .nb11-ns {
    margin-bottom: -4.4rem;
  }
  .nb12-ns {
    margin-bottom: -4.8rem;
  }
  .nb13-ns {
    margin-bottom: -5.2rem;
  }
  .nb14-ns {
    margin-bottom: -5.6rem;
  }
  .nb15-ns {
    margin-bottom: -6rem;
  }
  .nb16-ns {
    margin-bottom: -6.4rem;
  }
  .nb17-ns {
    margin-bottom: -6.8rem;
  }
  .nb18-ns {
    margin-bottom: -7.2rem;
  }
  .nb19-ns {
    margin-bottom: -7.6rem;
  }
  .nb20-ns {
    margin-bottom: -8rem;
  }
  .nb25-ns {
    margin-bottom: -10rem;
  }
  .nb30-ns {
    margin-bottom: -12rem;
  }
  .nb40-ns {
    margin-bottom: -16rem;
  }
  .nb50-ns {
    margin-bottom: -20rem;
  }
  .nl0-ns {
    margin-left: 0;
  }
  .nl1-ns {
    margin-left: -0.4rem;
  }
  .nl2-ns {
    margin-left: -0.8rem;
  }
  .nl3-ns {
    margin-left: -1.2rem;
  }
  .nl4-ns {
    margin-left: -1.6rem;
  }
  .nl5-ns {
    margin-left: -2rem;
  }
  .nl6-ns {
    margin-left: -2.4rem;
  }
  .nl7-ns {
    margin-left: -2.8rem;
  }
  .nl8-ns {
    margin-left: -3.2rem;
  }
  .nl9-ns {
    margin-left: -3.6rem;
  }
  .nl10-ns {
    margin-left: -4rem;
  }
  .nl11-ns {
    margin-left: -4.4rem;
  }
  .nl12-ns {
    margin-left: -4.8rem;
  }
  .nl13-ns {
    margin-left: -5.2rem;
  }
  .nl14-ns {
    margin-left: -5.6rem;
  }
  .nl15-ns {
    margin-left: -6rem;
  }
  .nl16-ns {
    margin-left: -6.4rem;
  }
  .nl17-ns {
    margin-left: -6.8rem;
  }
  .nl18-ns {
    margin-left: -7.2rem;
  }
  .nl19-ns {
    margin-left: -7.6rem;
  }
  .nl20-ns {
    margin-left: -8rem;
  }
  .nl25-ns {
    margin-left: -10rem;
  }
  .nl30-ns {
    margin-left: -12rem;
  }
  .nl40-ns {
    margin-left: -16rem;
  }
  .nl50-ns {
    margin-left: -20rem;
  }
  .nt0-ns {
    margin-top: 0;
  }
  .nt1-ns {
    margin-top: -0.4rem;
  }
  .nt2-ns {
    margin-top: -0.8rem;
  }
  .nt3-ns {
    margin-top: -1.2rem;
  }
  .nt4-ns {
    margin-top: -1.6rem;
  }
  .nt5-ns {
    margin-top: -2rem;
  }
  .nt6-ns {
    margin-top: -2.4rem;
  }
  .nt7-ns {
    margin-top: -2.8rem;
  }
  .nt8-ns {
    margin-top: -3.2rem;
  }
  .nt9-ns {
    margin-top: -3.6rem;
  }
  .nt10-ns {
    margin-top: -4rem;
  }
  .nt11-ns {
    margin-top: -4.4rem;
  }
  .nt12-ns {
    margin-top: -4.8rem;
  }
  .nt13-ns {
    margin-top: -5.2rem;
  }
  .nt14-ns {
    margin-top: -5.6rem;
  }
  .nt15-ns {
    margin-top: -6rem;
  }
  .nt16-ns {
    margin-top: -6.4rem;
  }
  .nt17-ns {
    margin-top: -6.8rem;
  }
  .nt18-ns {
    margin-top: -7.2rem;
  }
  .nt19-ns {
    margin-top: -7.6rem;
  }
  .nt20-ns {
    margin-top: -8rem;
  }
  .nt25-ns {
    margin-top: -10rem;
  }
  .nt30-ns {
    margin-top: -12rem;
  }
  .nt40-ns {
    margin-top: -16rem;
  }
  .nt50-ns {
    margin-top: -20rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .na0-m {
    margin: 0;
  }
  .na1-m {
    margin: -0.4rem;
  }
  .na2-m {
    margin: -0.8rem;
  }
  .na3-m {
    margin: -1.2rem;
  }
  .na4-m {
    margin: -1.6rem;
  }
  .na5-m {
    margin: -2rem;
  }
  .na6-m {
    margin: -2.4rem;
  }
  .na7-m {
    margin: -2.8rem;
  }
  .na8-m {
    margin: -3.2rem;
  }
  .na9-m {
    margin: -3.6rem;
  }
  .na10-m {
    margin: -4rem;
  }
  .na11-m {
    margin: -4.4rem;
  }
  .na12-m {
    margin: -4.8rem;
  }
  .na13-m {
    margin: -5.2rem;
  }
  .na14-m {
    margin: -5.6rem;
  }
  .na15-m {
    margin: -6rem;
  }
  .na16-m {
    margin: -6.4rem;
  }
  .na17-m {
    margin: -6.8rem;
  }
  .na18-m {
    margin: -7.2rem;
  }
  .na19-m {
    margin: -7.6rem;
  }
  .na20-m {
    margin: -8rem;
  }
  .na25-m {
    margin: -10rem;
  }
  .na30-m {
    margin: -12rem;
  }
  .na40-m {
    margin: -16rem;
  }
  .na50-m {
    margin: -20rem;
  }
  .nr0-m {
    margin-right: 0;
  }
  .nr1-m {
    margin-right: -0.4rem;
  }
  .nr2-m {
    margin-right: -0.8rem;
  }
  .nr3-m {
    margin-right: -1.2rem;
  }
  .nr4-m {
    margin-right: -1.6rem;
  }
  .nr5-m {
    margin-right: -2rem;
  }
  .nr6-m {
    margin-right: -2.4rem;
  }
  .nr7-m {
    margin-right: -2.8rem;
  }
  .nr8-m {
    margin-right: -3.2rem;
  }
  .nr9-m {
    margin-right: -3.6rem;
  }
  .nr10-m {
    margin-right: -4rem;
  }
  .nr11-m {
    margin-right: -4.4rem;
  }
  .nr12-m {
    margin-right: -4.8rem;
  }
  .nr13-m {
    margin-right: -5.2rem;
  }
  .nr14-m {
    margin-right: -5.6rem;
  }
  .nr15-m {
    margin-right: -6rem;
  }
  .nr16-m {
    margin-right: -6.4rem;
  }
  .nr17-m {
    margin-right: -6.8rem;
  }
  .nr18-m {
    margin-right: -7.2rem;
  }
  .nr19-m {
    margin-right: -7.6rem;
  }
  .nr20-m {
    margin-right: -8rem;
  }
  .nr25-m {
    margin-right: -10rem;
  }
  .nr30-m {
    margin-right: -12rem;
  }
  .nr40-m {
    margin-right: -16rem;
  }
  .nr50-m {
    margin-right: -20rem;
  }
  .nb0-m {
    margin-bottom: 0;
  }
  .nb1-m {
    margin-bottom: -0.4rem;
  }
  .nb2-m {
    margin-bottom: -0.8rem;
  }
  .nb3-m {
    margin-bottom: -1.2rem;
  }
  .nb4-m {
    margin-bottom: -1.6rem;
  }
  .nb5-m {
    margin-bottom: -2rem;
  }
  .nb6-m {
    margin-bottom: -2.4rem;
  }
  .nb7-m {
    margin-bottom: -2.8rem;
  }
  .nb8-m {
    margin-bottom: -3.2rem;
  }
  .nb9-m {
    margin-bottom: -3.6rem;
  }
  .nb10-m {
    margin-bottom: -4rem;
  }
  .nb11-m {
    margin-bottom: -4.4rem;
  }
  .nb12-m {
    margin-bottom: -4.8rem;
  }
  .nb13-m {
    margin-bottom: -5.2rem;
  }
  .nb14-m {
    margin-bottom: -5.6rem;
  }
  .nb15-m {
    margin-bottom: -6rem;
  }
  .nb16-m {
    margin-bottom: -6.4rem;
  }
  .nb17-m {
    margin-bottom: -6.8rem;
  }
  .nb18-m {
    margin-bottom: -7.2rem;
  }
  .nb19-m {
    margin-bottom: -7.6rem;
  }
  .nb20-m {
    margin-bottom: -8rem;
  }
  .nb25-m {
    margin-bottom: -10rem;
  }
  .nb30-m {
    margin-bottom: -12rem;
  }
  .nb40-m {
    margin-bottom: -16rem;
  }
  .nb50-m {
    margin-bottom: -20rem;
  }
  .nl0-m {
    margin-left: 0;
  }
  .nl1-m {
    margin-left: -0.4rem;
  }
  .nl2-m {
    margin-left: -0.8rem;
  }
  .nl3-m {
    margin-left: -1.2rem;
  }
  .nl4-m {
    margin-left: -1.6rem;
  }
  .nl5-m {
    margin-left: -2rem;
  }
  .nl6-m {
    margin-left: -2.4rem;
  }
  .nl7-m {
    margin-left: -2.8rem;
  }
  .nl8-m {
    margin-left: -3.2rem;
  }
  .nl9-m {
    margin-left: -3.6rem;
  }
  .nl10-m {
    margin-left: -4rem;
  }
  .nl11-m {
    margin-left: -4.4rem;
  }
  .nl12-m {
    margin-left: -4.8rem;
  }
  .nl13-m {
    margin-left: -5.2rem;
  }
  .nl14-m {
    margin-left: -5.6rem;
  }
  .nl15-m {
    margin-left: -6rem;
  }
  .nl16-m {
    margin-left: -6.4rem;
  }
  .nl17-m {
    margin-left: -6.8rem;
  }
  .nl18-m {
    margin-left: -7.2rem;
  }
  .nl19-m {
    margin-left: -7.6rem;
  }
  .nl20-m {
    margin-left: -8rem;
  }
  .nl25-m {
    margin-left: -10rem;
  }
  .nl30-m {
    margin-left: -12rem;
  }
  .nl40-m {
    margin-left: -16rem;
  }
  .nl50-m {
    margin-left: -20rem;
  }
  .nt0-m {
    margin-top: 0;
  }
  .nt1-m {
    margin-top: -0.4rem;
  }
  .nt2-m {
    margin-top: -0.8rem;
  }
  .nt3-m {
    margin-top: -1.2rem;
  }
  .nt4-m {
    margin-top: -1.6rem;
  }
  .nt5-m {
    margin-top: -2rem;
  }
  .nt6-m {
    margin-top: -2.4rem;
  }
  .nt7-m {
    margin-top: -2.8rem;
  }
  .nt8-m {
    margin-top: -3.2rem;
  }
  .nt9-m {
    margin-top: -3.6rem;
  }
  .nt10-m {
    margin-top: -4rem;
  }
  .nt11-m {
    margin-top: -4.4rem;
  }
  .nt12-m {
    margin-top: -4.8rem;
  }
  .nt13-m {
    margin-top: -5.2rem;
  }
  .nt14-m {
    margin-top: -5.6rem;
  }
  .nt15-m {
    margin-top: -6rem;
  }
  .nt16-m {
    margin-top: -6.4rem;
  }
  .nt17-m {
    margin-top: -6.8rem;
  }
  .nt18-m {
    margin-top: -7.2rem;
  }
  .nt19-m {
    margin-top: -7.6rem;
  }
  .nt20-m {
    margin-top: -8rem;
  }
  .nt25-m {
    margin-top: -10rem;
  }
  .nt30-m {
    margin-top: -12rem;
  }
  .nt40-m {
    margin-top: -16rem;
  }
  .nt50-m {
    margin-top: -20rem;
  }
}
@media screen and (min-width: 1080px) {
  .na0-l {
    margin: 0;
  }
  .na1-l {
    margin: -0.4rem;
  }
  .na2-l {
    margin: -0.8rem;
  }
  .na3-l {
    margin: -1.2rem;
  }
  .na4-l {
    margin: -1.6rem;
  }
  .na5-l {
    margin: -2rem;
  }
  .na6-l {
    margin: -2.4rem;
  }
  .na7-l {
    margin: -2.8rem;
  }
  .na8-l {
    margin: -3.2rem;
  }
  .na9-l {
    margin: -3.6rem;
  }
  .na10-l {
    margin: -4rem;
  }
  .na11-l {
    margin: -4.4rem;
  }
  .na12-l {
    margin: -4.8rem;
  }
  .na13-l {
    margin: -5.2rem;
  }
  .na14-l {
    margin: -5.6rem;
  }
  .na15-l {
    margin: -6rem;
  }
  .na16-l {
    margin: -6.4rem;
  }
  .na17-l {
    margin: -6.8rem;
  }
  .na18-l {
    margin: -7.2rem;
  }
  .na19-l {
    margin: -7.6rem;
  }
  .na20-l {
    margin: -8rem;
  }
  .na25-l {
    margin: -10rem;
  }
  .na30-l {
    margin: -12rem;
  }
  .na40-l {
    margin: -16rem;
  }
  .na50-l {
    margin: -20rem;
  }
  .nr0-l {
    margin-right: 0;
  }
  .nr1-l {
    margin-right: -0.4rem;
  }
  .nr2-l {
    margin-right: -0.8rem;
  }
  .nr3-l {
    margin-right: -1.2rem;
  }
  .nr4-l {
    margin-right: -1.6rem;
  }
  .nr5-l {
    margin-right: -2rem;
  }
  .nr6-l {
    margin-right: -2.4rem;
  }
  .nr7-l {
    margin-right: -2.8rem;
  }
  .nr8-l {
    margin-right: -3.2rem;
  }
  .nr9-l {
    margin-right: -3.6rem;
  }
  .nr10-l {
    margin-right: -4rem;
  }
  .nr11-l {
    margin-right: -4.4rem;
  }
  .nr12-l {
    margin-right: -4.8rem;
  }
  .nr13-l {
    margin-right: -5.2rem;
  }
  .nr14-l {
    margin-right: -5.6rem;
  }
  .nr15-l {
    margin-right: -6rem;
  }
  .nr16-l {
    margin-right: -6.4rem;
  }
  .nr17-l {
    margin-right: -6.8rem;
  }
  .nr18-l {
    margin-right: -7.2rem;
  }
  .nr19-l {
    margin-right: -7.6rem;
  }
  .nr20-l {
    margin-right: -8rem;
  }
  .nr25-l {
    margin-right: -10rem;
  }
  .nr30-l {
    margin-right: -12rem;
  }
  .nr40-l {
    margin-right: -16rem;
  }
  .nr50-l {
    margin-right: -20rem;
  }
  .nb0-l {
    margin-bottom: 0;
  }
  .nb1-l {
    margin-bottom: -0.4rem;
  }
  .nb2-l {
    margin-bottom: -0.8rem;
  }
  .nb3-l {
    margin-bottom: -1.2rem;
  }
  .nb4-l {
    margin-bottom: -1.6rem;
  }
  .nb5-l {
    margin-bottom: -2rem;
  }
  .nb6-l {
    margin-bottom: -2.4rem;
  }
  .nb7-l {
    margin-bottom: -2.8rem;
  }
  .nb8-l {
    margin-bottom: -3.2rem;
  }
  .nb9-l {
    margin-bottom: -3.6rem;
  }
  .nb10-l {
    margin-bottom: -4rem;
  }
  .nb11-l {
    margin-bottom: -4.4rem;
  }
  .nb12-l {
    margin-bottom: -4.8rem;
  }
  .nb13-l {
    margin-bottom: -5.2rem;
  }
  .nb14-l {
    margin-bottom: -5.6rem;
  }
  .nb15-l {
    margin-bottom: -6rem;
  }
  .nb16-l {
    margin-bottom: -6.4rem;
  }
  .nb17-l {
    margin-bottom: -6.8rem;
  }
  .nb18-l {
    margin-bottom: -7.2rem;
  }
  .nb19-l {
    margin-bottom: -7.6rem;
  }
  .nb20-l {
    margin-bottom: -8rem;
  }
  .nb25-l {
    margin-bottom: -10rem;
  }
  .nb30-l {
    margin-bottom: -12rem;
  }
  .nb40-l {
    margin-bottom: -16rem;
  }
  .nb50-l {
    margin-bottom: -20rem;
  }
  .nl0-l {
    margin-left: 0;
  }
  .nl1-l {
    margin-left: -0.4rem;
  }
  .nl2-l {
    margin-left: -0.8rem;
  }
  .nl3-l {
    margin-left: -1.2rem;
  }
  .nl4-l {
    margin-left: -1.6rem;
  }
  .nl5-l {
    margin-left: -2rem;
  }
  .nl6-l {
    margin-left: -2.4rem;
  }
  .nl7-l {
    margin-left: -2.8rem;
  }
  .nl8-l {
    margin-left: -3.2rem;
  }
  .nl9-l {
    margin-left: -3.6rem;
  }
  .nl10-l {
    margin-left: -4rem;
  }
  .nl11-l {
    margin-left: -4.4rem;
  }
  .nl12-l {
    margin-left: -4.8rem;
  }
  .nl13-l {
    margin-left: -5.2rem;
  }
  .nl14-l {
    margin-left: -5.6rem;
  }
  .nl15-l {
    margin-left: -6rem;
  }
  .nl16-l {
    margin-left: -6.4rem;
  }
  .nl17-l {
    margin-left: -6.8rem;
  }
  .nl18-l {
    margin-left: -7.2rem;
  }
  .nl19-l {
    margin-left: -7.6rem;
  }
  .nl20-l {
    margin-left: -8rem;
  }
  .nl25-l {
    margin-left: -10rem;
  }
  .nl30-l {
    margin-left: -12rem;
  }
  .nl40-l {
    margin-left: -16rem;
  }
  .nl50-l {
    margin-left: -20rem;
  }
  .nt0-l {
    margin-top: 0;
  }
  .nt1-l {
    margin-top: -0.4rem;
  }
  .nt2-l {
    margin-top: -0.8rem;
  }
  .nt3-l {
    margin-top: -1.2rem;
  }
  .nt4-l {
    margin-top: -1.6rem;
  }
  .nt5-l {
    margin-top: -2rem;
  }
  .nt6-l {
    margin-top: -2.4rem;
  }
  .nt7-l {
    margin-top: -2.8rem;
  }
  .nt8-l {
    margin-top: -3.2rem;
  }
  .nt9-l {
    margin-top: -3.6rem;
  }
  .nt10-l {
    margin-top: -4rem;
  }
  .nt11-l {
    margin-top: -4.4rem;
  }
  .nt12-l {
    margin-top: -4.8rem;
  }
  .nt13-l {
    margin-top: -5.2rem;
  }
  .nt14-l {
    margin-top: -5.6rem;
  }
  .nt15-l {
    margin-top: -6rem;
  }
  .nt16-l {
    margin-top: -6.4rem;
  }
  .nt17-l {
    margin-top: -6.8rem;
  }
  .nt18-l {
    margin-top: -7.2rem;
  }
  .nt19-l {
    margin-top: -7.6rem;
  }
  .nt20-l {
    margin-top: -8rem;
  }
  .nt25-l {
    margin-top: -10rem;
  }
  .nt30-l {
    margin-top: -12rem;
  }
  .nt40-l {
    margin-top: -16rem;
  }
  .nt50-l {
    margin-top: -20rem;
  }
}
.collapse {
  border-collapse: collapse;
  border-spacing: 0;
}
.striped:nth-child(2n),
.striped:nth-child(odd) {
  border-bottom: 1px solid #ebeef0;
}
.striped:nth-child(2n) {
  background-color: #fafafb;
}
td,
th {
  vertical-align: top;
}
.strike {
  text-decoration: line-through;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
@media screen and (min-width: 700px) {
  .strike-ns {
    text-decoration: line-through;
  }
  .underline-ns {
    text-decoration: underline;
  }
  .no-underline-ns {
    text-decoration: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .strike-m {
    text-decoration: line-through;
  }
  .underline-m {
    text-decoration: underline;
  }
  .no-underline-m {
    text-decoration: none;
  }
}
@media screen and (min-width: 1080px) {
  .strike-l {
    text-decoration: line-through;
  }
  .underline-l {
    text-decoration: underline;
  }
  .no-underline-l {
    text-decoration: none;
  }
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.tj {
  text-align: justify;
}
@media screen and (min-width: 700px) {
  .tl-ns {
    text-align: left;
  }
  .tr-ns {
    text-align: right;
  }
  .tc-ns {
    text-align: center;
  }
  .tj-ns {
    text-align: justify;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .tl-m {
    text-align: left;
  }
  .tr-m {
    text-align: right;
  }
  .tc-m {
    text-align: center;
  }
  .tj-m {
    text-align: justify;
  }
}
@media screen and (min-width: 1080px) {
  .tl-l {
    text-align: left;
  }
  .tr-l {
    text-align: right;
  }
  .tc-l {
    text-align: center;
  }
  .tj-l {
    text-align: justify;
  }
}
.ttc {
  text-transform: capitalize;
}
.ttl {
  text-transform: lowercase;
}
.ttu {
  text-transform: uppercase;
}
.ttn {
  text-transform: none;
}
@media screen and (min-width: 700px) {
  .ttc-ns {
    text-transform: capitalize;
  }
  .ttl-ns {
    text-transform: lowercase;
  }
  .ttu-ns {
    text-transform: uppercase;
  }
  .ttn-ns {
    text-transform: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .ttc-m {
    text-transform: capitalize;
  }
  .ttl-m {
    text-transform: lowercase;
  }
  .ttu-m {
    text-transform: uppercase;
  }
  .ttn-m {
    text-transform: none;
  }
}
@media screen and (min-width: 1080px) {
  .ttc-l {
    text-transform: capitalize;
  }
  .ttl-l {
    text-transform: lowercase;
  }
  .ttu-l {
    text-transform: uppercase;
  }
  .ttn-l {
    text-transform: none;
  }
}
.fs-base {
  font-size: 62.5%;
}
.f-headline {
  font-size: 3.6rem;
}
.f-subheadline {
  font-size: 2.8rem;
}
.f1 {
  font-size: 2.3rem;
}
.f2 {
  font-size: 2.1rem;
}
.f3 {
  font-size: 2rem;
}
.f4 {
  font-size: 1.9rem;
}
.f5 {
  font-size: 1.75rem;
}
.f6 {
  font-size: 1.5rem;
}
.f7 {
  font-size: 1.4rem;
}
.f8,
.f-default {
  font-size: 1.3rem;
}
.f-small {
  font-size: 1.2rem;
}
.f-supersmall {
  font-size: 1.1rem;
}
@media screen and (min-width: 700px) {
  .fs-base-ns {
    font-size: 62.5%;
  }
  .f-headline-ns {
    font-size: 3.6rem;
  }
  .f-subheadline-ns {
    font-size: 2.8rem;
  }
  .f1-ns {
    font-size: 2.3rem;
  }
  .f2-ns {
    font-size: 2.1rem;
  }
  .f3-ns {
    font-size: 2rem;
  }
  .f4-ns {
    font-size: 1.9rem;
  }
  .f5-ns {
    font-size: 1.75rem;
  }
  .f6-ns {
    font-size: 1.5rem;
  }
  .f7-ns {
    font-size: 1.4rem;
  }
  .f8-ns,
  .f-default-ns {
    font-size: 1.3rem;
  }
  .fsmall-ns {
    font-size: 1.2rem;
  }
  .f-supersmall-ns {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .fs-base-m {
    font-size: 62.5%;
  }
  .f-headline-m {
    font-size: 3.6rem;
  }
  .f-subheadline-m {
    font-size: 2.8rem;
  }
  .f1-m {
    font-size: 2.3rem;
  }
  .f2-m {
    font-size: 2.1rem;
  }
  .f3-m {
    font-size: 2rem;
  }
  .f4-m {
    font-size: 1.9rem;
  }
  .f5-m {
    font-size: 1.75rem;
  }
  .f6-m {
    font-size: 1.5rem;
  }
  .f7-m {
    font-size: 1.4rem;
  }
  .f8-m,
  .f-default-m {
    font-size: 1.3rem;
  }
  .fsmall-m {
    font-size: 1.2rem;
  }
  .f-supersmall-m {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1080px) {
  .fs-base-l {
    font-size: 62.5%;
  }
  .f-headline-l {
    font-size: 3.6rem;
  }
  .f-subheadline-l {
    font-size: 2.8rem;
  }
  .f1-l {
    font-size: 2.3rem;
  }
  .f2-l {
    font-size: 2.1rem;
  }
  .f3-l {
    font-size: 2rem;
  }
  .f4-l {
    font-size: 1.9rem;
  }
  .f5-l {
    font-size: 1.75rem;
  }
  .f6-l {
    font-size: 1.5rem;
  }
  .f7-l {
    font-size: 1.4rem;
  }
  .f8-l,
  .f-default-l {
    font-size: 1.3rem;
  }
  .fsmall-l {
    font-size: 1.2rem;
  }
  .f-supersmall-l {
    font-size: 1.1rem;
  }
}
.measure {
  max-width: 30em;
}
.measure-wide {
  max-width: 42em;
}
.measure-narrow {
  max-width: 20em;
}
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
.small-caps {
  font-variant: small-caps;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.readability {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga' on;
}
@media screen and (min-width: 700px) {
  .measure-ns {
    max-width: 30em;
  }
  .measure-wide-ns {
    max-width: 34em;
  }
  .measure-narrow-ns {
    max-width: 20em;
  }
  .indent-ns {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-ns {
    font-variant: small-caps;
  }
  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .readability-ns {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga' on;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .measure-m {
    max-width: 30em;
  }
  .measure-wide-m {
    max-width: 34em;
  }
  .measure-narrow-m {
    max-width: 20em;
  }
  .indent-m {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-m {
    font-variant: small-caps;
  }
  .truncate-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .readability-m {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga' on;
  }
}
@media screen and (min-width: 1080px) {
  .measure-l {
    max-width: 30em;
  }
  .measure-wide-l {
    max-width: 34em;
  }
  .measure-narrow-l {
    max-width: 20em;
  }
  .indent-l {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-l {
    font-variant: small-caps;
  }
  .truncate-l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .readability-l {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga' on;
  }
}
.overflow-container {
  overflow-y: scroll;
}
.center {
  margin-left: auto;
}
.center,
.mr-auto {
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
@media screen and (min-width: 700px) {
  .center-ns {
    margin-left: auto;
  }
  .center-ns,
  .mr-auto-ns {
    margin-right: auto;
  }
  .ml-auto-ns {
    margin-left: auto;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .center-m {
    margin-left: auto;
  }
  .center-m,
  .mr-auto-m {
    margin-right: auto;
  }
  .ml-auto-m {
    margin-left: auto;
  }
}
@media screen and (min-width: 1080px) {
  .center-l {
    margin-left: auto;
  }
  .center-l,
  .mr-auto-l {
    margin-right: auto;
  }
  .ml-auto-l {
    margin-left: auto;
  }
}
.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
@media screen and (min-width: 700px) {
  .clip-ns {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .clip-m {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 1080px) {
  .clip-l {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.ws-normal {
  white-space: normal;
}
.nowrap {
  white-space: nowrap;
}
.pre {
  white-space: pre;
}
@media screen and (min-width: 700px) {
  .ws-normal-ns {
    white-space: normal;
  }
  .nowrap-ns {
    white-space: nowrap;
  }
  .pre-ns {
    white-space: pre;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .ws-normal-m {
    white-space: normal;
  }
  .nowrap-m {
    white-space: nowrap;
  }
  .pre-m {
    white-space: pre;
  }
}
@media screen and (min-width: 1080px) {
  .ws-normal-l {
    white-space: normal;
  }
  .nowrap-l {
    white-space: nowrap;
  }
  .pre-l {
    white-space: pre;
  }
}
.v-base {
  vertical-align: baseline;
}
.v-mid {
  vertical-align: middle;
}
.v-top {
  vertical-align: top;
}
.v-btm {
  vertical-align: bottom;
}
@media screen and (min-width: 700px) {
  .v-base-ns {
    vertical-align: baseline;
  }
  .v-mid-ns {
    vertical-align: middle;
  }
  .v-top-ns {
    vertical-align: top;
  }
  .v-btm-ns {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .v-base-m {
    vertical-align: baseline;
  }
  .v-mid-m {
    vertical-align: middle;
  }
  .v-top-m {
    vertical-align: top;
  }
  .v-btm-m {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 1080px) {
  .v-base-l {
    vertical-align: baseline;
  }
  .v-mid-l {
    vertical-align: middle;
  }
  .v-top-l {
    vertical-align: top;
  }
  .v-btm-l {
    vertical-align: bottom;
  }
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-999 {
  z-index: 999;
}
.z-9999 {
  z-index: 9999;
}
.z--999 {
  z-index: -999;
}
.z--9999 {
  z-index: -9999;
}
.z-max {
  z-index: 2147483647;
}
.z-inherit {
  z-index: inherit;
}
.z-initial {
  z-index: auto;
}
.z-unset {
  z-index: unset;
}
.nested-copy-line-height ol,
.nested-copy-line-height p,
.nested-copy-line-height ul {
  line-height: 1.5;
}
.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.25;
}
.nested-list-reset ol,
.nested-list-reset ul {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}
.nested-copy-indent p + p {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
.nested-copy-separator p + p {
  margin-top: 1.5em;
}
.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.nested-links a,
.nested-links a:focus,
.nested-links a:hover {
  color: #14b8ff;
  transition: color 0.15s ease-in;
}
.trans-from-up {
  transform: scale(0.9) translateY(-10px);
}
.dd-w1,
.dd-w2,
.dd-w3 {
  margin-right: 50%;
  pointer-events: none;
}
.dd-w1 {
  width: 16rem;
  right: -8rem;
}
.dd-w2 {
  width: 20rem;
  right: -10rem;
}
.dd-w3 {
  width: 24rem;
  right: -12rem;
}
.gd-drop.active .dd-w1,
.gd-drop.active .dd-w2,
.gd-drop.active .dd-w3,
.gd-drop.dropdown-expanded .dd-w1,
.gd-drop.dropdown-expanded .dd-w2,
.gd-drop.dropdown-expanded .dd-w3 {
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transform: scale(1) translateY(0);
  pointer-events: auto;
}
.dd-w1:after,
.dd-w2:after,
.dd-w3:after {
  content: '';
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem;
  left: calc(50% - 6px);
}
.dd-w1:before,
.dd-w2:before,
.dd-w3:before {
  content: '';
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0.07) transparent;
  border-style: solid;
  border-width: 0 8px 8px;
  left: calc(50% - 8px);
}
.dd-up {
  top: auto;
  bottom: 85%;
  right: calc(50% - 12rem);
  margin-right: 0;
}
.dd-up:after,
.dd-up:before {
  content: '';
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  width: 0;
  height: 0;
  border-style: solid;
}
.dd-up:before {
  left: calc(50% - 8px);
  border-width: 8px 8px 0;
  border-color: rgba(0, 0, 0, 0.07) transparent;
}
.dd-up:after {
  left: calc(50% - 6px);
  border-width: 6px 6px 0;
  border-color: #fff transparent;
}
.nudge-top--1 {
  position: relative;
  top: 1px;
}
.nudge-top--2 {
  position: relative;
  top: 2px;
}
.nudge-top--3 {
  position: relative;
  top: 3px;
}
.nudge-top--4 {
  position: relative;
  top: 4px;
}
.nudge-top--5 {
  position: relative;
  top: 5px;
}
.nudge-top--6 {
  position: relative;
  top: 6px;
}
.nudge-top--7 {
  position: relative;
  top: 7px;
}
.nudge-top--8 {
  position: relative;
  top: 8px;
}
.nudge-top--9 {
  position: relative;
  top: 9px;
}
.nudge-top--10 {
  position: relative;
  top: 10px;
}
.nudge-right--1 {
  position: relative;
  right: 1px;
}
.nudge-right--2 {
  position: relative;
  right: 2px;
}
.nudge-right--3 {
  position: relative;
  right: 3px;
}
.nudge-right--4 {
  position: relative;
  right: 4px;
}
.nudge-right--5 {
  position: relative;
  right: 5px;
}
.nudge-right--6 {
  position: relative;
  right: 6px;
}
.nudge-right--7 {
  position: relative;
  right: 7px;
}
.nudge-right--8 {
  position: relative;
  right: 8px;
}
.nudge-right--9 {
  position: relative;
  right: 9px;
}
.nudge-right--10 {
  position: relative;
  right: 10px;
}
.nudge-bottom--1 {
  position: relative;
  bottom: 1px;
}
.nudge-bottom--2 {
  position: relative;
  bottom: 2px;
}
.nudge-bottom--3 {
  position: relative;
  bottom: 3px;
}
.nudge-bottom--4 {
  position: relative;
  bottom: 4px;
}
.nudge-bottom--5 {
  position: relative;
  bottom: 5px;
}
.nudge-bottom--6 {
  position: relative;
  bottom: 6px;
}
.nudge-bottom--7 {
  position: relative;
  bottom: 7px;
}
.nudge-bottom--8 {
  position: relative;
  bottom: 8px;
}
.nudge-bottom--9 {
  position: relative;
  bottom: 9px;
}
.nudge-bottom--10 {
  position: relative;
  bottom: 10px;
}
.nudge-left--1 {
  position: relative;
  left: 1px;
}
.nudge-left--2 {
  position: relative;
  left: 2px;
}
.nudge-left--3 {
  position: relative;
  left: 3px;
}
.nudge-left--4 {
  position: relative;
  left: 4px;
}
.nudge-left--5 {
  position: relative;
  left: 5px;
}
.nudge-left--6 {
  position: relative;
  left: 6px;
}
.nudge-left--7 {
  position: relative;
  left: 7px;
}
.nudge-left--8 {
  position: relative;
  left: 8px;
}
.nudge-left--9 {
  position: relative;
  left: 9px;
}
.nudge-left--10 {
  position: relative;
  left: 10px;
}
@media screen and (min-width: 700px) {
  .nudge-top--1-ns {
    position: relative;
    top: 1px;
  }
  .nudge-top--2-ns {
    position: relative;
    top: 2px;
  }
  .nudge-top--3-ns {
    position: relative;
    top: 3px;
  }
  .nudge-top--4-ns {
    position: relative;
    top: 4px;
  }
  .nudge-top--5-ns {
    position: relative;
    top: 5px;
  }
  .nudge-top--6-ns {
    position: relative;
    top: 6px;
  }
  .nudge-top--7-ns {
    position: relative;
    top: 7px;
  }
  .nudge-top--8-ns {
    position: relative;
    top: 8px;
  }
  .nudge-top--9-ns {
    position: relative;
    top: 9px;
  }
  .nudge-top--10-ns {
    position: relative;
    top: 10px;
  }
  .nudge-right--1-ns {
    position: relative;
    right: 1px;
  }
  .nudge-right--2-ns {
    position: relative;
    right: 2px;
  }
  .nudge-right--3-ns {
    position: relative;
    right: 3px;
  }
  .nudge-right--4-ns {
    position: relative;
    right: 4px;
  }
  .nudge-right--5-ns {
    position: relative;
    right: 5px;
  }
  .nudge-right--6-ns {
    position: relative;
    right: 6px;
  }
  .nudge-right--7-ns {
    position: relative;
    right: 7px;
  }
  .nudge-right--8-ns {
    position: relative;
    right: 8px;
  }
  .nudge-right--9-ns {
    position: relative;
    right: 9px;
  }
  .nudge-right--10-ns {
    position: relative;
    right: 10px;
  }
  .nudge-bottom--1-ns {
    position: relative;
    bottom: 1px;
  }
  .nudge-bottom--2-ns {
    position: relative;
    bottom: 2px;
  }
  .nudge-bottom--3-ns {
    position: relative;
    bottom: 3px;
  }
  .nudge-bottom--4-ns {
    position: relative;
    bottom: 4px;
  }
  .nudge-bottom--5-ns {
    position: relative;
    bottom: 5px;
  }
  .nudge-bottom--6-ns {
    position: relative;
    bottom: 6px;
  }
  .nudge-bottom--7-ns {
    position: relative;
    bottom: 7px;
  }
  .nudge-bottom--8-ns {
    position: relative;
    bottom: 8px;
  }
  .nudge-bottom--9-ns {
    position: relative;
    bottom: 9px;
  }
  .nudge-bottom--10-ns {
    position: relative;
    bottom: 10px;
  }
  .nudge-left--1-ns {
    position: relative;
    left: 1px;
  }
  .nudge-left--2-ns {
    position: relative;
    left: 2px;
  }
  .nudge-left--3-ns {
    position: relative;
    left: 3px;
  }
  .nudge-left--4-ns {
    position: relative;
    left: 4px;
  }
  .nudge-left--5-ns {
    position: relative;
    left: 5px;
  }
  .nudge-left--6-ns {
    position: relative;
    left: 6px;
  }
  .nudge-left--7-ns {
    position: relative;
    left: 7px;
  }
  .nudge-left--8-ns {
    position: relative;
    left: 8px;
  }
  .nudge-left--9-ns {
    position: relative;
    left: 9px;
  }
  .nudge-left--10-ns {
    position: relative;
    left: 10px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .nudge-top--1-m {
    position: relative;
    top: 1px;
  }
  .nudge-top--2-m {
    position: relative;
    top: 2px;
  }
  .nudge-top--3-m {
    position: relative;
    top: 3px;
  }
  .nudge-top--4-m {
    position: relative;
    top: 4px;
  }
  .nudge-top--5-m {
    position: relative;
    top: 5px;
  }
  .nudge-top--6-m {
    position: relative;
    top: 6px;
  }
  .nudge-top--7-m {
    position: relative;
    top: 7px;
  }
  .nudge-top--8-m {
    position: relative;
    top: 8px;
  }
  .nudge-top--9-m {
    position: relative;
    top: 9px;
  }
  .nudge-top--10-m {
    position: relative;
    top: 10px;
  }
  .nudge-right--1-m {
    position: relative;
    right: 1px;
  }
  .nudge-right--2-m {
    position: relative;
    right: 2px;
  }
  .nudge-right--3-m {
    position: relative;
    right: 3px;
  }
  .nudge-right--4-m {
    position: relative;
    right: 4px;
  }
  .nudge-right--5-m {
    position: relative;
    right: 5px;
  }
  .nudge-right--6-m {
    position: relative;
    right: 6px;
  }
  .nudge-right--7-m {
    position: relative;
    right: 7px;
  }
  .nudge-right--8-m {
    position: relative;
    right: 8px;
  }
  .nudge-right--9-m {
    position: relative;
    right: 9px;
  }
  .nudge-right--10-m {
    position: relative;
    right: 10px;
  }
  .nudge-bottom--1-m {
    position: relative;
    bottom: 1px;
  }
  .nudge-bottom--2-m {
    position: relative;
    bottom: 2px;
  }
  .nudge-bottom--3-m {
    position: relative;
    bottom: 3px;
  }
  .nudge-bottom--4-m {
    position: relative;
    bottom: 4px;
  }
  .nudge-bottom--5-m {
    position: relative;
    bottom: 5px;
  }
  .nudge-bottom--6-m {
    position: relative;
    bottom: 6px;
  }
  .nudge-bottom--7-m {
    position: relative;
    bottom: 7px;
  }
  .nudge-bottom--8-m {
    position: relative;
    bottom: 8px;
  }
  .nudge-bottom--9-m {
    position: relative;
    bottom: 9px;
  }
  .nudge-bottom--10-m {
    position: relative;
    bottom: 10px;
  }
  .nudge-left--1-m {
    position: relative;
    left: 1px;
  }
  .nudge-left--2-m {
    position: relative;
    left: 2px;
  }
  .nudge-left--3-m {
    position: relative;
    left: 3px;
  }
  .nudge-left--4-m {
    position: relative;
    left: 4px;
  }
  .nudge-left--5-m {
    position: relative;
    left: 5px;
  }
  .nudge-left--6-m {
    position: relative;
    left: 6px;
  }
  .nudge-left--7-m {
    position: relative;
    left: 7px;
  }
  .nudge-left--8-m {
    position: relative;
    left: 8px;
  }
  .nudge-left--9-m {
    position: relative;
    left: 9px;
  }
  .nudge-left--10-m {
    position: relative;
    left: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .nudge-top--1-l {
    position: relative;
    top: 1px;
  }
  .nudge-top--2-l {
    position: relative;
    top: 2px;
  }
  .nudge-top--3-l {
    position: relative;
    top: 3px;
  }
  .nudge-top--4-l {
    position: relative;
    top: 4px;
  }
  .nudge-top--5-l {
    position: relative;
    top: 5px;
  }
  .nudge-top--6-l {
    position: relative;
    top: 6px;
  }
  .nudge-top--7-l {
    position: relative;
    top: 7px;
  }
  .nudge-top--8-l {
    position: relative;
    top: 8px;
  }
  .nudge-top--9-l {
    position: relative;
    top: 9px;
  }
  .nudge-top--10-l {
    position: relative;
    top: 10px;
  }
  .nudge-right--1-l {
    position: relative;
    right: 1px;
  }
  .nudge-right--2-l {
    position: relative;
    right: 2px;
  }
  .nudge-right--3-l {
    position: relative;
    right: 3px;
  }
  .nudge-right--4-l {
    position: relative;
    right: 4px;
  }
  .nudge-right--5-l {
    position: relative;
    right: 5px;
  }
  .nudge-right--6-l {
    position: relative;
    right: 6px;
  }
  .nudge-right--7-l {
    position: relative;
    right: 7px;
  }
  .nudge-right--8-l {
    position: relative;
    right: 8px;
  }
  .nudge-right--9-l {
    position: relative;
    right: 9px;
  }
  .nudge-right--10-l {
    position: relative;
    right: 10px;
  }
  .nudge-bottom--1-l {
    position: relative;
    bottom: 1px;
  }
  .nudge-bottom--2-l {
    position: relative;
    bottom: 2px;
  }
  .nudge-bottom--3-l {
    position: relative;
    bottom: 3px;
  }
  .nudge-bottom--4-l {
    position: relative;
    bottom: 4px;
  }
  .nudge-bottom--5-l {
    position: relative;
    bottom: 5px;
  }
  .nudge-bottom--6-l {
    position: relative;
    bottom: 6px;
  }
  .nudge-bottom--7-l {
    position: relative;
    bottom: 7px;
  }
  .nudge-bottom--8-l {
    position: relative;
    bottom: 8px;
  }
  .nudge-bottom--9-l {
    position: relative;
    bottom: 9px;
  }
  .nudge-bottom--10-l {
    position: relative;
    bottom: 10px;
  }
  .nudge-left--1-l {
    position: relative;
    left: 1px;
  }
  .nudge-left--2-l {
    position: relative;
    left: 2px;
  }
  .nudge-left--3-l {
    position: relative;
    left: 3px;
  }
  .nudge-left--4-l {
    position: relative;
    left: 4px;
  }
  .nudge-left--5-l {
    position: relative;
    left: 5px;
  }
  .nudge-left--6-l {
    position: relative;
    left: 6px;
  }
  .nudge-left--7-l {
    position: relative;
    left: 7px;
  }
  .nudge-left--8-l {
    position: relative;
    left: 8px;
  }
  .nudge-left--9-l {
    position: relative;
    left: 9px;
  }
  .nudge-left--10-l {
    position: relative;
    left: 10px;
  }
}
.filter-invert {
  filter: invert(100%);
}
.fill-blue g,
.fill-blue path {
  fill: #14b8ff;
}
.fill-green g,
.fill-green path {
  fill: #30cf43;
}
.fill-purple g,
.fill-purple path {
  fill: #8e42ff;
}
.fill-yellow g,
.fill-yellow path {
  fill: #ffb41f;
}
.fill-red g,
.fill-red path {
  fill: #f50b23;
}
.fill-pink g,
.fill-pink path {
  fill: #fb2d8d;
}
.fill-white-10 g,
.fill-white-10 path {
  fill: hsla(0, 0%, 100%, 0.1);
}
.fill-white-20 g,
.fill-white-20 path {
  fill: hsla(0, 0%, 100%, 0.2);
}
.fill-white-30 g,
.fill-white-30 path {
  fill: hsla(0, 0%, 100%, 0.3);
}
.fill-white-40 g,
.fill-white-40 path {
  fill: hsla(0, 0%, 100%, 0.4);
}
.fill-white-50 g,
.fill-white-50 path {
  fill: hsla(0, 0%, 100%, 0.5);
}
.fill-white-60 g,
.fill-white-60 path {
  fill: hsla(0, 0%, 100%, 0.6);
}
.fill-white-70 g,
.fill-white-70 path {
  fill: hsla(0, 0%, 100%, 0.7);
}
.fill-white-80 g,
.fill-white-80 path {
  fill: hsla(0, 0%, 100%, 0.8);
}
.fill-white-90 g,
.fill-white-90 path {
  fill: hsla(0, 0%, 100%, 0.9);
}
.fill-black-10 g,
.fill-black-10 path {
  fill: rgba(21, 23, 26, 0.1);
}
.fill-black-20 g,
.fill-black-20 path {
  fill: rgba(21, 23, 26, 0.2);
}
.fill-black-30 g,
.fill-black-30 path {
  fill: rgba(21, 23, 26, 0.3);
}
.fill-black-40 g,
.fill-black-40 path {
  fill: rgba(21, 23, 26, 0.4);
}
.fill-black-50 g,
.fill-black-50 path {
  fill: rgba(21, 23, 26, 0.5);
}
.fill-black-60 g,
.fill-black-60 path {
  fill: rgba(21, 23, 26, 0.6);
}
.fill-black-70 g,
.fill-black-70 path {
  fill: rgba(21, 23, 26, 0.7);
}
.fill-black-80 g,
.fill-black-80 path {
  fill: rgba(21, 23, 26, 0.8);
}
.fill-black-90 g,
.fill-black-90 path {
  fill: rgba(21, 23, 26, 0.9);
}
.fill-darkgrey circle,
.fill-darkgrey g,
.fill-darkgrey path {
  fill: #394047;
}
.fill-middarkgrey circle,
.fill-middarkgrey g,
.fill-middarkgrey path {
  fill: #626d79;
}
.fill-midgrey circle,
.fill-midgrey g,
.fill-midgrey path {
  fill: #7c8b9a;
}
.fill-midlightgrey circle,
.fill-midlightgrey g,
.fill-midlightgrey path {
  fill: #abb4be;
}
.fill-lightgrey circle,
.fill-lightgrey g,
.fill-lightgrey path {
  fill: #ced4d9;
}
.fill-whitegrey circle,
.fill-whitegrey g,
.fill-whitegrey path {
  fill: #ebeef0;
}
.fill-blue-l3 g,
.fill-blue-l3 path {
  fill: #61cfff;
}
.fill-blue-l2 g,
.fill-blue-l2 path {
  fill: #47c7ff;
}
.fill-blue-l1 g,
.fill-blue-l1 path {
  fill: #2ec0ff;
}
.fill-blue-d1 g,
.fill-blue-d1 path {
  fill: #00aefa;
}
.fill-blue-d2 g,
.fill-blue-d2 path {
  fill: #009ce0;
}
.fill-blue-d3 g,
.fill-blue-d3 path {
  fill: #008bc7;
}
.fill-green-l3 g,
.fill-green-l3 path {
  fill: #6edd7b;
}
.fill-green-l2 g,
.fill-green-l2 path {
  fill: #59d969;
}
.fill-green-l1 g,
.fill-green-l1 path {
  fill: #45d456;
}
.fill-green-d1 g,
.fill-green-d1 path {
  fill: #2bba3c;
}
.fill-green-d2 g,
.fill-green-d2 path {
  fill: #26a636;
}
.fill-green-d3 g,
.fill-green-d3 path {
  fill: #22912f;
}
.fill-purple-l3 g,
.fill-purple-l3 path {
  fill: #bc8fff;
}
.fill-purple-l2 g,
.fill-purple-l2 path {
  fill: #ac75ff;
}
.fill-purple-l1 g,
.fill-purple-l1 path {
  fill: #9d5cff;
}
.fill-purple-d1 g,
.fill-purple-d1 path {
  fill: #7f29ff;
}
.fill-purple-d2 g,
.fill-purple-d2 path {
  fill: #700fff;
}
.fill-purple-d3 g,
.fill-purple-d3 path {
  fill: #6200f5;
}
.fill-yellow-l3 g,
.fill-yellow-l3 path {
  fill: #ffce6b;
}
.fill-yellow-l2 g,
.fill-yellow-l2 path {
  fill: #ffc552;
}
.fill-yellow-l1 g,
.fill-yellow-l1 path {
  fill: #ffbd38;
}
.fill-yellow-d1 g,
.fill-yellow-d1 path {
  fill: #ffab05;
}
.fill-yellow-d2 g,
.fill-yellow-d2 path {
  fill: #faa600;
}
.fill-yellow-d3 g,
.fill-yellow-d3 path {
  fill: #dc9200;
}
.fill-red-l3 g,
.fill-red-l3 path {
  fill: #f85465;
}
.fill-red-l2 g,
.fill-red-l2 path {
  fill: #f73c4f;
}
.fill-red-l1 g,
.fill-red-l1 path {
  fill: #f62339;
}
.fill-red-d1 g,
.fill-red-d1 path {
  fill: #dd091f;
}
.fill-red-d2 g,
.fill-red-d2 path {
  fill: #c5081b;
}
.fill-red-d3 g,
.fill-red-d3 path {
  fill: #ac0718;
}
.fill-pink-l3 g,
.fill-pink-l3 path {
  fill: #fc78b6;
}
.fill-pink-l2 g,
.fill-pink-l2 path {
  fill: #fc5fa8;
}
.fill-pink-l1 g,
.fill-pink-l1 path {
  fill: #fb469b;
}
.fill-pink-d1 g,
.fill-pink-d1 path {
  fill: #fb147f;
}
.fill-pink-d2 g,
.fill-pink-d2 path {
  fill: #f00572;
}
.fill-pink-d3 g,
.fill-pink-d3 path {
  fill: #d70467;
}
.fill-darkgrey-l2 g,
.fill-darkgrey-l2 path {
  fill: #49525b;
}
.fill-darkgrey-l1 g,
.fill-darkgrey-l1 path {
  fill: #40474f;
}
.fill-darkgrey-d1 g,
.fill-darkgrey-d1 path {
  fill: #32383f;
}
.fill-darkgrey-d2 g,
.fill-darkgrey-d2 path {
  fill: #2b3136;
}
.fill-middarkgrey-l2 g,
.fill-middarkgrey-l2 path {
  fill: #727e8d;
}
.fill-middarkgrey-l1 g,
.fill-middarkgrey-l1 path {
  fill: #6b7684;
}
.fill-middarkgrey-d1 g,
.fill-middarkgrey-d1 path {
  fill: #5b6571;
}
.fill-middarkgrey-d2 g,
.fill-middarkgrey-d2 path {
  fill: #525b65;
}
.fill-midgrey-l2 g,
.fill-midgrey-l2 path {
  fill: #8e9cac;
}
.fill-midgrey-l1 g,
.fill-midgrey-l1 path {
  fill: #8695a4;
}
.fill-midgrey-d1 g,
.fill-midgrey-d1 path {
  fill: #738393;
}
.fill-midgrey-d2 g,
.fill-midgrey-d2 path {
  fill: #697989;
}
.fill-midlightgrey-l2 g,
.fill-midlightgrey-l2 path {
  fill: #c1c9d1;
}
.fill-midlightgrey-l1 g,
.fill-midlightgrey-l1 path {
  fill: #b6bfc8;
}
.fill-midlightgrey-d1 g,
.fill-midlightgrey-d1 path {
  fill: #a3acb7;
}
.fill-midlightgrey-d2 g,
.fill-midlightgrey-d2 path {
  fill: #99a3ad;
}
.fill-lightgrey-l2 g,
.fill-lightgrey-l2 path {
  fill: #e4e8ec;
}
.fill-lightgrey-l1 g,
.fill-lightgrey-l1 path {
  fill: #dee3e7;
}
.fill-lightgrey-d1 g,
.fill-lightgrey-d1 path {
  fill: #c3cad0;
}
.fill-lightgrey-d2 g,
.fill-lightgrey-d2 path {
  fill: #bbc3c8;
}
.fill-whitegrey-l2 g,
.fill-whitegrey-l2 path {
  fill: #fafafb;
}
.fill-whitegrey-l1 g,
.fill-whitegrey-l1 path {
  fill: #f1f3f4;
}
.fill-whitegrey-d1 g,
.fill-whitegrey-d1 path {
  fill: #e6e9eb;
}
.fill-whitegrey-d2 g,
.fill-whitegrey-d2 path {
  fill: #dddedf;
}
.fill-color-inherit g,
.fill-color-inherit path {
  fill: inherit;
}
.fill-white-no-conflict g,
.fill-white-no-conflict path {
  fill: #fff;
}
.stroke-blue g,
.stroke-blue path,
.stroke-blue path path {
  stroke: #14b8ff;
}
.stroke-green g,
.stroke-green path {
  stroke: #30cf43;
}
.stroke-purple g,
.stroke-purple path {
  stroke: #8e42ff;
}
.stroke-yellow circle,
.stroke-yellow g,
.stroke-yellow path {
  stroke: #ffb41f;
}
.stroke-red g,
.stroke-red path {
  stroke: #f50b23;
}
.stroke-pink g,
.stroke-pink path {
  stroke: #fb2d8d;
}
.stroke-white-10 g,
.stroke-white-10 path {
  stroke: hsla(0, 0%, 100%, 0.1);
}
.stroke-white-20 g,
.stroke-white-20 path {
  stroke: hsla(0, 0%, 100%, 0.2);
}
.stroke-white-30 g,
.stroke-white-30 path {
  stroke: hsla(0, 0%, 100%, 0.3);
}
.stroke-white-40 g,
.stroke-white-40 path {
  stroke: hsla(0, 0%, 100%, 0.4);
}
.stroke-white-50 g,
.stroke-white-50 path {
  stroke: hsla(0, 0%, 100%, 0.5);
}
.stroke-white-60 g,
.stroke-white-60 path {
  stroke: hsla(0, 0%, 100%, 0.6);
}
.stroke-white-70 g,
.stroke-white-70 path {
  stroke: hsla(0, 0%, 100%, 0.7);
}
.stroke-white-80 g,
.stroke-white-80 path {
  stroke: hsla(0, 0%, 100%, 0.8);
}
.stroke-white-90 g,
.stroke-white-90 path {
  stroke: hsla(0, 0%, 100%, 0.9);
}
.stroke-black-10 g,
.stroke-black-10 path {
  stroke: rgba(21, 23, 26, 0.1);
}
.stroke-black-20 g,
.stroke-black-20 path {
  stroke: rgba(21, 23, 26, 0.2);
}
.stroke-black-30 g,
.stroke-black-30 path {
  stroke: rgba(21, 23, 26, 0.3);
}
.stroke-black-40 g,
.stroke-black-40 path {
  stroke: rgba(21, 23, 26, 0.4);
}
.stroke-black-50 g,
.stroke-black-50 path {
  stroke: rgba(21, 23, 26, 0.5);
}
.stroke-black-60 g,
.stroke-black-60 path {
  stroke: rgba(21, 23, 26, 0.6);
}
.stroke-black-70 g,
.stroke-black-70 path {
  stroke: rgba(21, 23, 26, 0.7);
}
.stroke-black-80 g,
.stroke-black-80 path {
  stroke: rgba(21, 23, 26, 0.8);
}
.stroke-black-90 g,
.stroke-black-90 path {
  stroke: rgba(21, 23, 26, 0.9);
}
.stroke-darkgrey g,
.stroke-darkgrey path {
  stroke: #394047;
}
.stroke-middarkgrey g,
.stroke-middarkgrey path {
  stroke: #626d79;
}
.stroke-midgrey g,
.stroke-midgrey path {
  stroke: #7c8b9a;
}
.stroke-midlightgrey g,
.stroke-midlightgrey path {
  stroke: #abb4be;
}
.stroke-lightgrey g,
.stroke-lightgrey path {
  stroke: #ced4d9;
}
.stroke-whitegrey g,
.stroke-whitegrey path {
  stroke: #ebeef0;
}
.stroke-blue-l3 g,
.stroke-blue-l3 path {
  stroke: #61cfff;
}
.stroke-blue-l2 g,
.stroke-blue-l2 path {
  stroke: #47c7ff;
}
.stroke-blue-l1 g,
.stroke-blue-l1 path {
  stroke: #2ec0ff;
}
.stroke-blue-d1 g,
.stroke-blue-d1 path {
  stroke: #00aefa;
}
.stroke-blue-d2 g,
.stroke-blue-d2 path {
  stroke: #009ce0;
}
.stroke-blue-d3 g,
.stroke-blue-d3 path {
  stroke: #008bc7;
}
.stroke-green-l3 g,
.stroke-green-l3 path {
  stroke: #6edd7b;
}
.stroke-green-l2 g,
.stroke-green-l2 path {
  stroke: #59d969;
}
.stroke-green-l1 g,
.stroke-green-l1 path {
  stroke: #45d456;
}
.stroke-green-d1 g,
.stroke-green-d1 path {
  stroke: #2bba3c;
}
.stroke-green-d2 g,
.stroke-green-d2 path {
  stroke: #26a636;
}
.stroke-green-d3 g,
.stroke-green-d3 path {
  stroke: #22912f;
}
.stroke-purple-l3 g,
.stroke-purple-l3 path {
  stroke: #bc8fff;
}
.stroke-purple-l2 g,
.stroke-purple-l2 path {
  stroke: #ac75ff;
}
.stroke-purple-l1 g,
.stroke-purple-l1 path {
  stroke: #9d5cff;
}
.stroke-purple-d1 g,
.stroke-purple-d1 path {
  stroke: #7f29ff;
}
.stroke-purple-d2 g,
.stroke-purple-d2 path {
  stroke: #700fff;
}
.stroke-purple-d3 g,
.stroke-purple-d3 path {
  stroke: #6200f5;
}
.stroke-yellow-l3 g,
.stroke-yellow-l3 path {
  stroke: #ffce6b;
}
.stroke-yellow-l2 g,
.stroke-yellow-l2 path {
  stroke: #ffc552;
}
.stroke-yellow-l1 g,
.stroke-yellow-l1 path {
  stroke: #ffbd38;
}
.stroke-yellow-d1 g,
.stroke-yellow-d1 path {
  stroke: #ffab05;
}
.stroke-yellow-d2 g,
.stroke-yellow-d2 path {
  stroke: #faa600;
}
.stroke-yellow-d3 g,
.stroke-yellow-d3 path {
  stroke: #dc9200;
}
.stroke-red-l3 g,
.stroke-red-l3 path {
  stroke: #f85465;
}
.stroke-red-l2 g,
.stroke-red-l2 path {
  stroke: #f73c4f;
}
.stroke-red-l1 g,
.stroke-red-l1 path {
  stroke: #f62339;
}
.stroke-red-d1 g,
.stroke-red-d1 path {
  stroke: #dd091f;
}
.stroke-red-d2 g,
.stroke-red-d2 path {
  stroke: #c5081b;
}
.stroke-red-d3 g,
.stroke-red-d3 path {
  stroke: #ac0718;
}
.stroke-pink-l3 g,
.stroke-pink-l3 path {
  stroke: #fc78b6;
}
.stroke-pink-l2 g,
.stroke-pink-l2 path {
  stroke: #fc5fa8;
}
.stroke-pink-l1 g,
.stroke-pink-l1 path {
  stroke: #fb469b;
}
.stroke-pink-d1 g,
.stroke-pink-d1 path {
  stroke: #fb147f;
}
.stroke-pink-d2 g,
.stroke-pink-d2 path {
  stroke: #f00572;
}
.stroke-pink-d3 g,
.stroke-pink-d3 path {
  stroke: #d70467;
}
.stroke-darkgrey-l2 g,
.stroke-darkgrey-l2 path {
  stroke: #49525b;
}
.stroke-darkgrey-l1 g,
.stroke-darkgrey-l1 path {
  stroke: #40474f;
}
.stroke-darkgrey-d1 g,
.stroke-darkgrey-d1 path {
  stroke: #32383f;
}
.stroke-darkgrey-d2 g,
.stroke-darkgrey-d2 path {
  stroke: #2b3136;
}
.stroke-middarkgrey-l2 g,
.stroke-middarkgrey-l2 path {
  stroke: #727e8d;
}
.stroke-middarkgrey-l1 g,
.stroke-middarkgrey-l1 path {
  stroke: #6b7684;
}
.stroke-middarkgrey-d1 g,
.stroke-middarkgrey-d1 path {
  stroke: #5b6571;
}
.stroke-middarkgrey-d2 g,
.stroke-middarkgrey-d2 path {
  stroke: #525b65;
}
.stroke-midgrey-l2 g,
.stroke-midgrey-l2 path {
  stroke: #8e9cac;
}
.stroke-midgrey-l1 g,
.stroke-midgrey-l1 path {
  stroke: #8695a4;
}
.stroke-midgrey-d1 g,
.stroke-midgrey-d1 path {
  stroke: #738393;
}
.stroke-midgrey-d2 g,
.stroke-midgrey-d2 path {
  stroke: #697989;
}
.stroke-midlightgrey-l2 g,
.stroke-midlightgrey-l2 path {
  stroke: #c1c9d1;
}
.stroke-midlightgrey-l1 g,
.stroke-midlightgrey-l1 path {
  stroke: #b6bfc8;
}
.stroke-midlightgrey-d1 g,
.stroke-midlightgrey-d1 path {
  stroke: #a3acb7;
}
.stroke-midlightgrey-d2 g,
.stroke-midlightgrey-d2 path {
  stroke: #99a3ad;
}
.stroke-lightgrey-l2 g,
.stroke-lightgrey-l2 path {
  stroke: #e4e8ec;
}
.stroke-lightgrey-l1 g,
.stroke-lightgrey-l1 path {
  stroke: #dee3e7;
}
.stroke-lightgrey-d1 g,
.stroke-lightgrey-d1 path {
  stroke: #c3cad0;
}
.stroke-lightgrey-d2 g,
.stroke-lightgrey-d2 path {
  stroke: #bbc3c8;
}
.stroke-whitegrey-l2 g,
.stroke-whitegrey-l2 path {
  stroke: #fafafb;
}
.stroke-whitegrey-l1 g,
.stroke-whitegrey-l1 path {
  stroke: #f1f3f4;
}
.stroke-whitegrey-d1 g,
.stroke-whitegrey-d1 path {
  stroke: #e6e9eb;
}
.stroke-whitegrey-d2 g,
.stroke-whitegrey-d2 path {
  stroke: #dddedf;
}
.stroke-color-inherit g,
.stroke-color-inherit path {
  stroke: inherit;
}
.stroke-white g,
.stroke-white path {
  stroke: #fff;
}
.ih1 {
  height: 0.8rem;
}
.iw1 {
  width: 0.8rem;
}
.ih2 {
  height: 1.2rem;
}
.iw2 {
  width: 1.2rem;
}
.ih3 {
  height: 1.6rem;
}
.iw3 {
  width: 1.6rem;
}
.ih4 {
  height: 2rem;
}
.iw4 {
  width: 2rem;
}
.ih5 {
  height: 2.4rem;
}
.iw5 {
  width: 2.4rem;
}
.ih6 {
  height: 3.2rem;
}
.iw6 {
  width: 3.2rem;
}
.i-strokew--1 path {
  stroke-width: 1px;
}
.i-strokew--1-5 path {
  stroke-width: 1.5px;
}
.i-strokew--2 path {
  stroke-width: 2px;
}
@media screen and (min-width: 700px) {
  .ih1-ns {
    height: 0.8rem;
  }
  .iw1-ns {
    width: 0.8rem;
  }
  .ih2-ns {
    height: 1.2rem;
  }
  .iw2-ns {
    width: 1.2rem;
  }
  .ih3-ns {
    height: 1.6rem;
  }
  .iw3-ns {
    width: 1.6rem;
  }
  .ih4-ns {
    height: 2rem;
  }
  .iw4-ns {
    width: 2rem;
  }
  .ih5-ns {
    height: 2.4rem;
  }
  .iw5-ns {
    width: 2.4rem;
  }
  .ih6-ns {
    height: 3.2rem;
  }
  .iw6-ns {
    width: 3.2rem;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .ih1-m {
    height: 0.8rem;
  }
  .iw1-m {
    width: 0.8rem;
  }
  .ih2-m {
    height: 1.2rem;
  }
  .iw2-m {
    width: 1.2rem;
  }
  .ih3-m {
    height: 1.6rem;
  }
  .iw3-m {
    width: 1.6rem;
  }
  .ih4-m {
    height: 2rem;
  }
  .iw4-m {
    width: 2rem;
  }
  .ih5-m {
    height: 2.4rem;
  }
  .iw5-m {
    width: 2.4rem;
  }
  .ih6-m {
    height: 3.2rem;
  }
  .iw6-m {
    width: 3.2rem;
  }
}
@media screen and (min-width: 1080px) {
  .ih1-l {
    height: 0.8rem;
  }
  .iw1-l {
    width: 0.8rem;
  }
  .ih2-l {
    height: 1.2rem;
  }
  .iw2-l {
    width: 1.2rem;
  }
  .ih3-l {
    height: 1.6rem;
  }
  .iw3-l {
    width: 1.6rem;
  }
  .ih4-l {
    height: 2rem;
  }
  .iw4-l {
    width: 2rem;
  }
  .ih5-l {
    height: 2.4rem;
  }
  .iw5-l {
    width: 2.4rem;
  }
  .ih6-l {
    height: 3.2rem;
  }
  .iw6-l {
    width: 3.2rem;
  }
}
.anim-fast {
  transition: all 0.15s ease;
}
.anim-normal {
  transition: all 0.2s ease;
}
.anim-slow {
  transition: all 0.45s ease;
}
.anim-fast-bezier {
  transition: all 0.15s cubic-bezier(0.71, 0.16, 0.52, 0.88);
}
.anim-normal-bezier {
  transition: all 0.2s cubic-bezier(0.71, 0.16, 0.52, 0.88);
}
.anim-slow-bezier {
  transition: all 0.45s cubic-bezier(0.71, 0.16, 0.52, 0.88);
}
.dim {
  opacity: 1;
  will-change: opacity;
}
.dim,
.dim:focus,
.dim:hover {
  transition: opacity 0.15s ease-in;
}
.dim:focus,
.dim:hover {
  opacity: 0.5;
}
.dim:active {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}
.underline:hover {
  text-decoration: underline;
}
.dim-lite {
  opacity: 1;
  transition: opacity 0.15s ease-in;
  will-change: opacity;
}
.dim-lite:focus,
.dim-lite:hover {
  opacity: 0.75;
  transition: opacity 0.15s ease-in;
}
.dim-lite:active {
  opacity: 0.9;
  transition: opacity 0.15s ease-out;
}
.glow {
  transition: border 0.45s ease !important;
}
.glow:hover {
  border: 1px solid #14b8ff;
}
.highlight-white {
  transition: all 0.15s ease !important;
}
.highlight-white:hover {
  background-color: hsla(0, 0%, 100%, 0.15) !important;
}
.highlight-whitegrey {
  transition: background 0.15s ease !important;
}
.highlight-whitegrey:hover {
  background-color: #fafafb !important;
  transition: none;
}
.hide-child .child {
  opacity: 0;
  transition: all 0.2s ease-in;
}
.hide-child:active .child,
.hide-child:focus .child,
.hide-child:hover .child {
  opacity: 1;
  transition: all 0.2s ease-in;
}
.hide-child-instant .child {
  opacity: 0;
}
.hide-child-instant:active .child,
.hide-child-instant:focus .child,
.hide-child-instant:hover .child {
  opacity: 1;
}
.underline-hover:focus,
.underline-hover:hover {
  text-decoration: underline;
}
.pointer:hover {
  cursor: pointer;
}
.pop-down {
  transform: translateY(0.5rem) scale(0.98);
}
.shadow-hover {
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:after {
  content: '';
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.05),
    0 5px 18px rgba(0, 0, 0, 0.09);
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:focus:after,
.shadow-hover:hover:after {
  opacity: 1;
}
.bg-animate,
.bg-animate:focus,
.bg-animate:hover {
  transition: background-color 0.2s ease-in-out;
}
.ghost-spinner {
  animation: spin 1s linear infinite;
  border: 4px solid rgba(21, 23, 26, 0.2);
  border-radius: 100px;
  box-sizing: border-box;
  display: inline-block;
  margin: -2px 0;
  position: relative;
  width: 20px;
  height: 20px;
}
.ghost-spinner:before {
  background: rgba(21, 23, 26, 0.6);
  border-radius: 100px;
  content: '';
  display: block;
  height: 4px;
  margin-top: 11px;
  width: 4px;
}
.spinner-s {
  width: 14px;
  height: 14px;
}
.spinner-s:before {
  margin-top: 6px;
}
.spinner-xl {
  width: 32px;
  height: 32px;
}
.spinner-xl:before {
  margin-top: 20px;
}
.spinner-blue {
  border-color: rgba(62, 176, 239, 0.2);
}
.spinner-blue:before {
  background: rgba(62, 176, 239, 0.7);
}
.spinner-white {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.spinner-white:before {
  background: hsla(0, 0%, 100%, 0.7);
}
.spinner-xxl {
  width: 52px;
  height: 52px;
  border: 1px solid;
}
.spinner-xxl:before {
  margin-top: 9px;
  height: 6px;
  width: 6px;
  background: #49525b;
}
.animated-icon path {
  stroke-dashoffset: 300;
  stroke-dasharray: 300;
  animation: icon-dash 3s ease-out forwards;
}
@keyframes icon-dash {
  0% {
    stroke-dashoffset: 300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.fade-in {
  opacity: 0;
  animation: fade-in 3s ease-out forwards;
}
.pe-auto {
  pointer-events: auto;
}
.pe-none {
  pointer-events: none;
}
.pe-inherit {
  pointer-events: inherit;
}
.pe-initial {
  pointer-events: auto;
}
.pe-unset {
  pointer-events: unset;
}
.pe-visiblePainted {
  pointer-events: visiblePainted;
}
.pe-visibleFill {
  pointer-events: visibleFill;
}
.pe-visibleStroke {
  pointer-events: visibleStroke;
}
.pe-visible {
  pointer-events: visible;
}
.pe-painted {
  pointer-events: painted;
}
.pe-fill {
  pointer-events: fill;
}
.pe-stroke {
  pointer-events: stroke;
}
.pe-all {
  pointer-events: all;
}
.word-normal {
  word-break: normal;
}
.word-wrap {
  word-break: break-all;
}
.word-nowrap {
  word-break: keep-all;
}
@media screen and (min-width: 700px) {
  .word-normal-ns {
    word-break: normal;
  }
  .word-wrap-ns {
    word-break: break-all;
  }
  .word-nowrap-ns {
    word-break: keep-all;
  }
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .word-normal-m {
    word-break: normal;
  }
  .word-wrap-m {
    word-break: break-all;
  }
  .word-nowrap-m {
    word-break: keep-all;
  }
}
@media screen and (min-width: 1080px) {
  .word-normal-l {
    word-break: normal;
  }
  .word-wrap-l {
    word-break: break-all;
  }
  .word-nowrap-l {
    word-break: keep-all;
  }
}
.debug * {
  outline: 1px solid gold;
}
.debug-white * {
  outline: 1px solid #fff;
}
.debug-black * {
  outline: 1px solid #000;
}
.debug-grid {
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=)
    repeat 0 0;
}
.debug-grid-16 {
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=)
    repeat 0 0;
}
.debug-grid-8-solid {
  background: #fff
    url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==)
    repeat 0 0;
}
.debug-grid-16-solid {
  background: #fff
    url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7)
    repeat 0 0;
}
.pointer {
  cursor: pointer;
}
.default-cursor {
  cursor: default;
}
.btn-base,
button {
  transition: none;
  text-decoration: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none;
  padding: 0;
}
.btn-base span {
  padding: 0 14px;
  height: 33px;
  line-height: 33px;
  border-radius: 4px;
}
.btn-blue {
  padding: 1px;
  background: linear-gradient(#14a6e6, #0f85b8);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
.btn-blue span {
  background: linear-gradient(#26bdff, #0ca2e3 60%, #0ca2e3 90%, #0dadf2);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
}
.btn-blue:active,
.btn-blue:focus {
  background: #0d74a0;
}
.btn-blue:active span,
.btn-blue:focus span {
  background: #0ca2e3;
  box-shadow: none;
}
.btn-green {
  padding: 1px;
  background: linear-gradient(#30bd41, #319b3d);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
.btn-green span {
  background: linear-gradient(#3dcf4e, #36b545 60%, #36b545 90%, #38b347);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
}
.btn-green:active,
.btn-green:focus {
  background: #319b3d;
}
.btn-green:active span,
.btn-green:focus span {
  background: #36b545;
  box-shadow: none;
}
.btn-red {
  padding: 1px;
  background: linear-gradient(#dc0b20, #9f1523);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
.btn-red span {
  background: linear-gradient(#f51d33, #c91426 60%, #c91426 90%, #d71529);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
}
.btn-red:active,
.btn-red:focus {
  background: #88121e;
}
.btn-red:active span,
.btn-red:focus span {
  background: #c91426;
  box-shadow: none;
}
.btn-small span {
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
.gh-nav-link:hover {
  background: rgba(62, 176, 239, 0.15);
}
.gh-logo svg g {
  fill: #fff;
  opacity: 1;
}
.overlay-dark {
  background: rgba(50, 71, 80, 0.85);
}
.list-miw {
  min-height: 92px;
}
.list-item-hover:hover {
  background: rgba(62, 176, 239, 0.08);
}
.dropdown-arrow {
  width: 10px;
  height: 10px;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:before {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
  transform: translateY(5px);
  z-index: 9999;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  white-space: nowrap;
  padding: 4px 10px;
  border-radius: 6px;
  background-color: #15171a;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4em;
  letter-spacing: 0.2px;
  text-transform: none;
  transform: translate(-50%, 5px);
}
[data-tooltip]:hover:before {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%);
}
.tooltip-delayed:before {
  opacity: 0;
  transition: opacity 0.2s ease 0s;
}
.tooltip-delayed:hover:before {
  opacity: 1;
  transition: opacity 0.2s ease 0.8s;
}
.tooltip-left:before {
  right: calc(1rem + 100%);
  bottom: 50%;
  left: auto;
}
.tooltip-left:before,
.tooltip-left:hover:before {
  transform: translateY(50%);
}
.tooltip-bottom:before {
  bottom: -94%;
  left: 50%;
  transform: translate(-50%, -5px);
}
.tooltip-bottom:hover:before {
  transform: translate(-50%);
}
.tooltip-centered:before {
  position: absolute;
  left: auto;
  bottom: auto;
  top: 50%;
  right: 208px;
}
.tooltip-centered:before,
.tooltip-centered:hover:before {
  transform: translateY(-50%);
}
.tooltip-top-left:before {
  right: calc(-16px + 100%);
  left: auto;
  transform: translateY(50%);
}
.tooltip-top-left:hover:before {
  transform: translate(0);
}
.gh-tooltip-trigger {
  position: relative;
}
.gh-tooltip-trigger .gh-tooltip {
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  height: auto;
  visibility: hidden;
  overflow: initial;
  white-space: nowrap;
  padding: 4px 4px 4px 10px;
  border-radius: 6px;
  background-color: #15171a;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4em;
  letter-spacing: 0.1px;
  transform: translate(-50%, 5px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease 0s;
}
.gh-tooltip-trigger.no-text .gh-tooltip {
  padding: 4px;
}
.gh-tooltip-trigger.no-shortcut .gh-tooltip {
  padding: 6px 10px;
}
:hover > .gh-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%);
  transition: opacity 0.2s ease 0.8s;
}
.tooltip-bottom .gh-tooltip {
  bottom: auto;
  top: calc(100% + 4px);
  transform: translate(-50%, -5px);
}
:hover > .tooltip-bottom .gh-tooltip {
  transform: translate(-50%);
}
.gh-tooltip .gh-shortcut-key {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 2px 8px;
  margin: 0;
  background: #40474f;
  font-size: 1.2rem;
  border-radius: 4px;
  line-height: 1.4em;
}
.error-background {
  width: 406px;
  height: 288px;
}
.error-code-size {
  font-size: 7.8rem;
  line-height: 0.4em;
}
@keyframes travel-1 {
  5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  30% {
    left: 406px;
    opacity: 0;
  }
}
@keyframes bounce-1 {
  0%,
  to {
    bottom: 0;
    animation-timing-function: ease-out;
  }
  50% {
    bottom: 20px;
    animation-timing-function: ease-in;
  }
  to {
    transform: rotate(1400deg);
  }
}
@keyframes travel-2 {
  2% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  20% {
    left: 0;
    opacity: 0;
  }
}
@keyframes bounce-2 {
  0%,
  to {
    bottom: -20px;
    animation-timing-function: ease-out;
  }
  50% {
    bottom: 30px;
    animation-timing-function: ease-in;
  }
  to {
    transform: rotate(-1200deg);
  }
}
.traveler-1 {
  height: 270px;
  opacity: 0;
  top: 10px;
  left: 0;
  animation-name: travel-1;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 4.5s;
  animation-delay: 3.7s;
}
.bouncer-1,
.traveler-1 {
  position: absolute;
  width: 24px;
}
.bouncer-1 {
  height: 24px;
  animation-name: bounce-1;
  animation-iteration-count: infinite;
  animation-duration: 0.55s;
}
.traveler-2 {
  height: 250px;
  opacity: 0;
  top: 10px;
  left: 406px;
  animation-name: travel-2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 6.5s;
  animation-delay: 1.5s;
}
.bouncer-2,
.traveler-2 {
  position: absolute;
  width: 44px;
}
.bouncer-2 {
  height: 44px;
  animation-name: bounce-2;
  animation-iteration-count: infinite;
  animation-duration: 0.7s;
}
@font-face {
  font-family: Inter;
  src: url(https://assets.ghost.io/admin/2278/assets/fonts/Inter-roman.var-66c6e40883646a7ad993108b2ce2da32.woff2)
    format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
}
@font-face {
  font-family: Inter;
  src: url(https://assets.ghost.io/admin/2278/assets/fonts/Inter-italic.var-1f7ca6383ea7c74a7f5ddd76c3d3cef2.woff2)
    format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: 'Italic';
}
.darkgrey {
  color: #394047;
}
.midgrey {
  color: #7c8b9a;
}
.lightgrey {
  color: #ced4d9;
}
.blue {
  color: #14b8ff;
}
.red {
  color: #f50b23;
}
.green {
  color: #30cf43;
}
.darkgrey-hover:hover {
  color: #394047;
}
.midgrey-hover:hover {
  color: #7c8b9a;
}
.lightgrey-hover:hover {
  color: #ced4d9;
}
.blue-hover:hover {
  color: #14b8ff;
}
.red-hover:hover {
  color: #f50b23;
}
.green-hover:hover {
  color: #2bba3c;
}
.darkgrey-bg-hover:hover {
  background: rgba(57, 64, 71, 0.2);
}
.midgrey-bg-hover:hover {
  background: rgba(124, 139, 154, 0.3);
}
.lightgrey-bg-hover:hover {
  background: rgba(206, 212, 217, 0.3);
}
.blue-bg-hover:hover {
  background: rgba(20, 184, 255, 0.3);
}
.red-bg-hover:hover {
  background-color: rgba(245, 11, 35, 0.2);
}
.green-bg-hover:hover {
  background: rgba(48, 207, 67, 0.2);
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  overflow: hidden;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 62.5%;
  line-height: 1.65;
  letter-spacing: 0.01em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  overflow: auto;
  overflow-x: hidden;
  color: #394047;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::-moz-selection {
  background: #e6e9eb;
}
::selection {
  background: #e6e9eb;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.3em;
  color: #15171a;
  line-height: 1.3em;
  text-rendering: optimizeLegibility;
}
h1 {
  text-indent: -1px;
  font-size: 2.9rem;
  letter-spacing: -0.021em;
}
@media (max-width: 500px) {
  h1 {
    font-size: 2.4rem;
    letter-spacing: -0.019em;
  }
}
h2 {
  font-size: 2.2rem;
  letter-spacing: -0.019em;
}
@media (max-width: 500px) {
  h2 {
    font-size: 1.9rem;
    letter-spacing: -0.017em;
  }
}
h3 {
  font-size: 1.9rem;
  letter-spacing: -0.017em;
}
@media (max-width: 500px) {
  h3 {
    font-size: 1.7rem;
    letter-spacing: -0.015em;
  }
}
h4 {
  font-size: 1.7rem;
  letter-spacing: -0.013em;
}
h5,
h6 {
  font-size: 1.5rem;
  letter-spacing: -0.009em;
}
.gh-heading-xs {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin: 0;
  padding: 0;
  color: #15171a;
}
.gh-data-summary {
  color: #15171a;
  font-size: 2.7rem;
  line-height: 1.1em;
  font-weight: 600;
}
.gh-data-unavailable-label {
  max-width: 320px;
  margin: 4px 0;
  color: #7c8b9a;
  font-size: 1.25rem;
  line-height: 1.35em;
  font-weight: 400;
}
dl,
ol,
p,
ul {
  margin: 0 0 1.7em;
}
ol,
ul {
  padding-left: 1.2em;
}
li {
  margin-bottom: 10px;
  line-height: 1.4em;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 10px 0 0.4em;
  padding-left: 2em;
  font-size: 0.9em;
}
mark {
  background-color: #fdffb6;
}
a {
  color: #2bba3c;
  transition:
    background 0.3s,
    color 0.3s;
}
a,
a:hover {
  text-decoration: none;
}
a:hover {
  transition:
    background 0.1s,
    color 0.1s;
}
a.highlight {
  color: #ffb41f;
  font-weight: 700;
}
hr {
  display: block;
  margin: 3.2em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #dfe1e3;
}
dl {
  margin: 1.6em 0;
}
dl dt {
  float: left;
  clear: left;
  overflow: hidden;
  width: 180px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
dl dd,
dl dt {
  margin-bottom: 1em;
}
dl dd {
  margin-left: 200px;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 1.6em;
  border-left: 0.6em solid #dfe1e3;
}
blockquote p {
  margin: 0.8em 0;
  font-size: 1.2em;
  font-weight: 300;
}
blockquote small {
  display: inline-block;
  margin: 0.8em 0 0.8em 1.5em;
  color: #7c8b9a;
  font-size: 0.9em;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote cite {
  font-weight: 700;
}
blockquote cite a {
  font-weight: 400;
}
.markdown,
code,
pre,
tt {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
}
code,
tt {
  padding: 0.2rem 0.3rem;
  border: 1px solid #e6e9eb;
  border-radius: 2px;
  color: #d70467;
  vertical-align: middle;
  white-space: pre-wrap;
  font-size: 0.85em;
  line-height: 1em;
}
code,
pre,
tt {
  background: #f1f3f4;
}
pre {
  overflow: auto;
  margin: 1.6em 0;
  padding: 10px;
  width: 100%;
  border: 1px solid #e6e9eb;
  border-radius: 3px;
  white-space: pre;
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 0.9em;
}
pre code,
pre tt {
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  white-space: pre-wrap;
  font-size: inherit;
}
.CodeMirror pre {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 0.9em;
}
kbd {
  display: inline-block;
  margin-bottom: 0.4em;
  padding: 1px 8px;
  border: 1px solid #ccc;
  background: #f4f4f4;
  border-radius: 4px;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.2),
    inset 0 1px 0 0 #fff;
  color: #394047;
  text-shadow: #fff 0 1px 0;
  font-size: 0.9em;
  font-weight: 700;
}
button {
  padding: 0;
  outline: none;
  border: none;
  background: transparent;
  box-shadow: none;
  line-height: inherit;
}
img,
input[type='image'] {
  max-width: 100%;
}
.clearfix,
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.wrapper {
  position: relative;
}
.show {
  display: block !important;
}
.hidden {
  visibility: hidden !important;
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.sr-only-focusable:focus {
  z-index: 900;
  overflow: visible;
  clip: auto;
  margin: 0;
  padding: 0 10px;
  width: auto;
  height: auto;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  line-height: 49px;
  font-weight: 700;
}
.right {
  float: right;
}
.left {
  float: left;
}
.vertical {
  display: table-cell;
  vertical-align: middle;
}
.flex {
  display: flex;
}
.avoid-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-snap {
  to {
    opacity: 1;
  }
}
@keyframes fade-in-scale {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes keyboard-focus-style-fade-out {
  0% {
    box-shadow: inset 0 0 30px 1px #b6bec6;
  }
  to {
    box-shadow: none;
  }
}
.fade-in {
  animation: fade-in 0.2s;
  animation-fill-mode: forwards;
}
.fade-in-scale {
  animation: fade-in-scale 0.2s;
  animation-fill-mode: forwards;
}
.fade-out {
  animation: fade-out 0.5s;
  animation-fill-mode: forwards;
}
.anim-fade-in-scale-enter,
.anim-fade-in-scale-leave-to {
  opacity: 0;
}
.anim-fade-in-scale-enter-to,
.anim-fade-in-scale-leave {
  opacity: 1;
}
.anim-fade-in-scale-enter-active {
  animation: fade-in 0.15s;
  animation-fill-mode: forwards;
}
.anim-fade-in-scale-leave-active {
  animation: fade-out 0.15s;
  animation-fill-mode: forwards;
}
.liquid-container.show-overflow,
.liquid-container.show-overflow .liquid-child {
  overflow: visible;
  z-index: 1;
}
.liquid-container.show-overflow.liquid-animating,
.liquid-container.show-overflow.liquid-animating .liquid-child {
  overflow: hidden;
}
.site-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transform: translateZ(0);
}
.gh-icon-user {
  stroke: none;
}
.gh-icon-spinner {
  stroke: #fff;
  animation: rotate-360 1s linear infinite;
  width: 14px;
  height: 14px;
}
.gh-btn-text .gh-icon-spinner {
  stroke: #333;
}
path.animated-check-circle {
  stroke: #fff;
  stroke-dashoffset: 300;
  stroke-dasharray: 300;
  animation: dash 4s ease-out forwards;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
svg.retry-animated {
  animation: rotate-360 0.5s ease-in-out forwards;
}
@keyframes rotate-360 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
form label {
  display: block;
  color: #15171a;
  font-size: 1.3rem;
  font-weight: 500;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
form .word-count {
  font-weight: 700;
}
fieldset {
  margin: 0 0 3em;
  padding: 0;
  border: none;
}
fieldset,
legend {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
legend {
  display: block;
  width: 100%;
  margin: 2em 0;
  border-bottom: 1px solid #c5c7c8;
  color: #7c8b9a;
  font-size: 1.2em;
  line-height: 2em;
}
input {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  display: none;
}
input[type='number'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
::-webkit-input-placeholder {
  color: #abb4be;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #abb4be;
  font-weight: 400;
}
::-moz-placeholder {
  color: #abb4be;
  font-weight: 400;
  opacity: 1;
}
.error .response {
  color: #f50b23;
}
.disabled-overlay {
  pointer-events: none;
  opacity: 0.5;
}
.form-col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
}
.form-group {
  position: relative;
  width: 100%;
  /* max-width: 620px; */
  margin-bottom: 1.6em;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.form-group.no-margin {
  margin-bottom: 0;
}
.form-group.right {
  text-align: right;
}
.form-group p {
  margin: 4px 0 0;
  color: #7c8b9a;
  font-size: 1.2rem;
  font-weight: 400;
}
.form-group p.green {
  color: #30cf43;
}
.form-group h3 {
  margin-bottom: 1.6em;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.form-group label {
  margin-bottom: 4px;
}
.form-group.max-width {
  max-width: 100%;
}
.form-group.pa5 {
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.form-group.mb0 {
  margin-bottom: 0;
}
.form-group.mb8 {
  margin-bottom: 3.2rem;
}
@media (max-width: 550px) {
  .form-group {
    max-width: 100%;
  }
}
.gh-input svg {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  left: inherit;
  width: 12px;
  height: 6px;
  margin-top: -0.2em;
  transform: inherit;
  pointer-events: none;
  speak: none;
}
.gh-input svg path {
  stroke: #abb4be;
}
.gh-input-icon {
  position: relative;
  display: block;
}
.gh-input-icon svg {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 14px;
  height: 14px;
  fill: #abadaf;
  transform: translateY(-7px);
}
.gh-input-icon.gh-icon-link svg {
  fill: none;
}
.gh-input-icon .gh-select select,
.gh-input-icon input {
  padding-left: 35px;
}
.gh-input,
.gh-select,
select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  border: 1px solid #e6e9eb;
  background: #fff;
  color: #394047;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  border-radius: 6px;
  -webkit-appearance: none;
}
.gh-select,
select {
  cursor: pointer;
}
.error .ember-power-select-multiple-trigger,
.error .gh-input,
.error .gh-input-append,
.error .gh-select select,
.gh-input.error,
.gh-select.error,
select.error {
  border-color: #f50b23 !important;
}
.gh-input.focus,
.gh-input:focus {
  outline: 0;
  border-color: #30cf43;
  box-shadow: inset 0 0 0 1px #30cf43;
  background: #fff;
}
.error .gh-input.focus,
.error .gh-input:focus {
  border-color: #f50b23;
  box-shadow: inset 0 0 0 1px #f50b23;
}
.gh-select:focus,
select:focus {
  border-color: #c3cad0;
}
textarea {
  width: 100%;
  height: auto;
  min-width: 250px;
  min-height: 10rem;
  max-width: 500px;
  line-height: 1.5em;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  resize: vertical;
}
.gh-input[disabled],
.gh-select select[disabled] {
  background: #fcfcfc;
  color: #99a3ad;
  border-color: #ebeef0;
  opacity: 1;
}
.gh-select select[disabled] {
  cursor: auto;
}
.gh-input-percentage-label {
  display: block;
  content: 'hello';
  position: absolute;
  right: 10px;
  top: 6px;
  font-size: 1.3rem;
  color: #7c8b9a;
}
.gh-input-x {
  width: 100%;
  min-height: 38px;
  height: auto;
  padding: 4px 12px;
  font-size: 1.4rem;
  color: #15171a;
  background-color: #f1f3f4;
  border: 1px solid transparent;
  border-radius: 8px;
}
.gh-input-x:focus-visible:not(.ember-basic-dropdown-trigger),
.gh-input-x:focus:not(.ember-basic-dropdown-trigger) {
  background-color: #fff;
  border: 1px solid #30cf43;
  box-shadow: 0 0 0 2px rgba(48, 207, 67, 0.25);
  outline: none;
}
textarea.gh-input-x {
  padding-block: 8px;
  max-width: unset;
}
.gh-input-x.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded='true'],
.gh-input-x.ember-power-select-trigger:focus {
  border-radius: 8px;
  background: #f1f3f4;
  border: 1px solid transparent;
  box-shadow: none;
  outline: none;
}
.gh-dropdown-x.ember-power-select-dropdown.ember-basic-dropdown-content--below {
  margin-top: 4px;
  border: none;
  border-radius: 8px;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.05),
    0 5px 18px rgba(0, 0, 0, 0.08);
}
.ember-power-select-multiple-trigger {
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 24px;
  position: relative;
}
.ember-power-select-multiple-options {
  gap: 4px;
  margin: 0;
  padding: 0;
}
.ember-power-select-trigger-multiple-input {
  border: 0;
  min-width: 60px;
}
.ember-basic-dropdown-trigger[aria-expanded='true'] .ember-power-select-status-icon,
.ember-power-select-status-icon {
  margin: 0 auto;
  transform: none;
}
.for-checkbox label,
.for-radio label {
  display: block;
  padding-bottom: 4px;
  cursor: pointer;
}
.for-checkbox label p,
.for-radio label p {
  overflow: auto;
  color: #394047;
  font-weight: 400;
}
.for-checkbox input,
.for-radio input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.for-checkbox .input-toggle-component,
.for-radio .input-toggle-component {
  position: relative;
  top: 1px;
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  border: 1px solid #c5c7c8;
  background: #ced4d9;
}
.for-checkbox label:hover input:not(:checked) + .input-toggle-component,
.for-radio label:hover input:not(:checked) + .input-toggle-component {
  border-color: #abadaf;
}
.for-checkbox .input-toggle-component {
  border-color: #ced4d9;
  background: #ced4d9;
  border-radius: 4px;
  transition:
    background 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
.for-checkbox .input-toggle-component:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 10px;
  height: 6px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  transform: rotate(-45deg);
}
.for-checkbox input:checked + .input-toggle-component {
  border-color: #15171a;
  background: #15171a;
}
.for-checkbox input:checked + .input-toggle-component:before {
  opacity: 1;
}
.for-radio .input-toggle-component {
  border-radius: 100px;
  transition:
    background 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
.for-radio .input-toggle-component:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 100%;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.for-radio input:checked + .input-toggle-component {
  border-color: #26a636;
  background: #30cf43;
}
.for-radio input:checked + .input-toggle-component:before {
  opacity: 1;
}
.gh-radio {
  display: flex;
  margin: 0 0 24px;
}
.gh-radio-button {
  flex-shrink: 0;
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid #b1bbc3;
  border-radius: 100%;
  background: #fff;
}
.gh-radio-content {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 15px;
  width: 100%;
}
.gh-radio-label {
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 600;
}
.gh-radio-desc {
  margin: 4px 0 0;
  color: #7c8b9a;
  font-size: 1.3rem;
  line-height: 1.2em;
  font-weight: 400;
}
.gh-radio-button:hover,
.gh-radio-label:hover {
  cursor: pointer;
}
.gh-radio.active .gh-radio-button {
  border-color: #000;
  background: #15171a;
}
.gh-radio.active .gh-radio-button:before {
  display: block;
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.gh-radio-color {
  position: relative;
}
.gh-radio-color > input[type='radio'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  opacity: 0.00001;
  z-index: 2;
}
.gh-radio-color > label {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.gh-radio-color label span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  transition: transform 0.2s ease-in-out;
}
.gh-radio-color input[type='radio']:checked + label:after {
  position: absolute;
  content: '';
  display: block;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 999px;
  border: 2px solid #14b8ff;
}
.gh-radio-color label span.gh-radio-color-blue {
  background-color: #14b8ff;
}
.gh-radio-color label span.gh-radio-color-green {
  background-color: #30cf43;
}
.gh-radio-color label span.gh-radio-color-purple {
  background-color: #8e42ff;
}
.gh-radio-color label span.gh-radio-color-yellow {
  background-color: #ffb41f;
}
.gh-radio-color label span.gh-radio-color-red {
  background-color: #f50b23;
}
.gh-radio-color label span.gh-radio-color-pink {
  background-color: #fb2d8d;
}
.gh-radio-color label span.gh-radio-color-midgrey {
  background-color: #7c8b9a;
}
.gh-radio-color label span.gh-radio-color-teal {
  background-color: #4dcddc;
}
.gh-radio-color label span.gh-radio-color-orange {
  background-color: #fe8b05;
}
.for-switch .container,
.for-switch label {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.for-switch .container,
.for-switch label:not(.xs .switch):not(.xxs .switch) {
  width: 50px !important;
  height: 28px !important;
}
.for-switch .container p,
.for-switch label p {
  overflow: auto;
  color: #394047;
  font-weight: 400;
}
.for-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.for-switch .input-toggle-component {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ced4d9;
  transition: 0.3s;
  width: 48px !important;
  height: 26px !important;
  border-radius: 999px;
  transition: all 0.15s ease-in-out;
}
.for-switch .container:hover input:not(:checked) + .input-toggle-component,
.for-switch label:hover input:not(:checked) + .input-toggle-component {
  border-color: #b8babc;
}
.for-switch .input-toggle-component:before {
  position: absolute;
  content: '';
  height: 22px !important;
  width: 22px !important;
  left: 2px !important;
  top: 2px !important;
  background-color: #fff;
  transition: 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  transition: all 0.15s ease-in-out;
}
.for-switch input:checked + .input-toggle-component {
  background: #15171a;
  border-color: transparent;
}
.for-switch input:checked + .input-toggle-component:before {
  transform: translateX(22px);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
.for-switch .container,
.for-switch.small .input-toggle-component {
  width: 38px !important;
  height: 22px !important;
}
.for-switch.small .input-toggle-component:before {
  height: 18px !important;
  width: 18px !important;
}
.for-switch.small input:checked + .input-toggle-component:before {
  transform: translateX(16px);
  transition: all 0.15s ease-in-out;
}
.for-switch.xs .input-toggle-component,
.for-switch.xs label {
  width: 34px !important;
  height: 20px !important;
}
.for-switch.xs .input-toggle-component:before {
  height: 16px !important;
  width: 16px !important;
}
.for-switch.xs input:checked + .input-toggle-component:before {
  transform: translateX(14px);
}
.for-switch.xxs .input-toggle-component,
.for-switch.xxs label {
  width: 28px !important;
  height: 16px !important;
}
.for-switch.xxs .input-toggle-component:before {
  height: 12px !important;
  width: 12px !important;
}
.for-switch.xxs input:checked + .input-toggle-component:before {
  transform: translateX(12px);
}
.for-switch.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.gh-select {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border-width: 0;
}
.gh-select svg {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  left: inherit;
  width: 12px;
  height: 6px;
  margin-top: -0.2em;
  transform: inherit;
  pointer-events: none;
  speak: none;
}
.gh-select svg path {
  stroke: #abb4be;
}
.gh-select select {
  padding: 6px 12px;
  outline: none;
  line-height: normal;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
}
.gh-select select::-ms-expand {
  display: none;
}
.gh-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.gh-select.disabled select {
  color: #b0b9c2;
  cursor: default;
}
.gh-select.disabled svg path {
  stroke: #d2d8dd;
}
.gh-input-file {
  width: auto;
  height: auto;
  font-size: 1.2rem;
}
.gh-input-file + .gh-btn {
  margin-left: 10px;
}
.gh-input-group {
  display: flex;
  align-items: center;
}
.gh-input-group .gh-input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 2px;
  min-width: 0;
}
.gh-input-group .gh-input:focus + .gh-input-append,
.gh-input-group .gh-input:focus + .gh-input-append:before {
  background: #fff;
}
.gh-input-append {
  display: block;
  position: relative;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  background: #fff;
  color: #394047;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  border-radius: 6px;
  word-wrap: none;
  border: 1px solid #e6e9eb;
  border-left: none;
  white-space: nowrap;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1;
  color: #abb4be;
}
@media (max-width: 430px) {
  .gh-input-append {
    padding: 6px 8px;
  }
}
.gh-expandable-content .gh-input-append {
  border-color: #e6e9eb;
}
.form-group:not(.error) .gh-input-group .gh-input:focus + .gh-input-append {
  border-color: #30cf43;
  box-shadow: inset 0 0 0 1px #30cf43;
}
.gh-input-append:before {
  position: absolute;
  content: '';
  top: 1px;
  left: -2px;
  bottom: 1px;
  width: 4px;
  background: #fff;
}
.gh-input-group .gh-btn,
.gh-input-group .gh-btn span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gh-input-group .gh-btn span {
  height: 38px;
  line-height: 38px;
}
.form-group.error .gh-input-group .gh-input,
.form-group.error .gh-input-group .gh-input + .gh-input-append {
  border-color: #f50b23;
}
.form-group.error .gh-input-group .gh-input:focus + .gh-input-append {
  box-shadow: inset 0 0 0 1px #f50b23;
}
.form-rich-radio .gh-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -1px 0 0;
  padding: 0;
}
.form-rich-radio .gh-radio-content {
  border: 1px solid #ebeef0;
  margin: 0 -32px 0 0;
}
.form-rich-radio .gh-radio:first-of-type .gh-radio-content {
  border-radius: 3px 3px 0 0;
}
.form-rich-radio .gh-radio:last-of-type .gh-radio-content {
  border-radius: 0 0 3px 3px;
}
.form-rich-radio .gh-radio:only-child .gh-radio-content {
  border-radius: 3px;
}
.form-rich-radio .active .gh-radio-content {
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px #30cf43;
  z-index: 9999;
}
.form-rich-radio .gh-radio-button {
  margin-right: 12px;
  opacity: 0;
}
.form-rich-radio .gh-radio-label {
  position: relative;
  padding: 12px 40px 12px 14px;
}
.form-rich-radio .gh-radio-label .description h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}
.form-rich-radio .gh-radio-label .description p {
  font-size: 1.3rem !important;
  font-weight: 400;
  line-height: 1.45em;
  margin: 0;
  padding: 0;
}
.form-rich-radio .check {
  position: absolute;
  top: calc(50% - 7px);
  right: 12px;
  color: #394047;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  overflow: visible;
}
.form-rich-radio .check path {
  stroke-width: 2px;
}
.form-rich-radio .gh-radio:not(.active) .check {
  display: none;
}
@-moz-document url-prefix() {
  .gh-select select {
    padding: 7px 10px 7px 8px;
  }
  .gh-select:focus {
    border-color: #abadaf;
  }
}
.gh-btn {
  display: inline-block;
  outline: none;
  border: 1px solid #e6e9eb;
  color: #394047;
  text-decoration: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  fill: #fff;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  transition-property: color, border-color, background, width, height, box-shadow;
  -webkit-font-smoothing: subpixel-antialiased;
}
.gh-btn.no-border {
  border: none;
}
.gh-btn span {
  display: block;
  overflow: hidden;
  padding: 0 14px;
  height: 34px;
  font-size: 1.3rem;
  line-height: 34px;
  text-align: center;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gh-btn-large span {
  height: 40px;
  padding: 0 20px;
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.4px;
}
.gh-btn:hover {
  background: #f1f3f4;
}
.gh-btn svg {
  display: inline-block;
  vertical-align: middle;
}
.gh-btn-large svg {
  width: 16px;
  height: 16px;
}
.gh-btn.disabled,
.gh-btn[disabled],
fieldset[disabled] .gh-btn {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.gh-btn-black,
.gh-btn-primary {
  color: #fff;
  background: #15171a;
  border: none;
}
.gh-btn-black:hover,
.gh-btn-primary:hover {
  color: #fff;
  background: #000 !important;
}
.gh-btn-blue {
  color: #fff;
  fill: #fff;
  background: #14b8ff;
  border: none;
}
.gh-btn-blue:hover {
  color: #fff !important;
  background: #00b2ff !important;
  border: none;
}
.gh-btn-blue:active,
.gh-btn-blue:focus {
  background: #00a7ef !important;
  border: none;
}
.gh-btn-green {
  color: #fff;
  fill: #fff;
  background: #30cf43;
}
.gh-btn-green:hover {
  color: #fff !important;
  background: #2cbe3e !important;
}
.gh-btn-green:active,
.gh-btn-green:focus {
  background: #29b23a !important;
}
.gh-btn-red {
  color: #fff;
  fill: #fff;
  box-shadow: none;
  background: #f50b23;
  border: none;
}
.gh-btn-red:hover {
  color: #fff;
  background: #e20920 !important;
}
.gh-btn-red:active,
.gh-btn-red:focus {
  background: #d4091d !important;
}
.gh-btn-outline {
  color: #394047;
  border: 1px solid #dee3e7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: none;
}
.gh-btn-outline:hover {
  color: #15171a;
  background: none;
  border-color: #ced4d9;
}
.gh-btn-outline:active,
.gh-btn-outline:focus {
  border-color: #b2bdc7;
}
.gh-btn-outline.blue {
  border-color: #14b8ff;
  color: #14b8ff;
  box-shadow: none;
}
.gh-btn-outline.blue:hover {
  border-color: #009ce0;
  color: #009ce0;
  box-shadow: none;
}
.gh-btn-hover-blue:hover {
  color: #14b8ff;
  border-color: #14b8ff;
}
.gh-btn-hover-green:hover {
  color: #30cf43;
  border-color: #30cf43;
}
.gh-btn-hover-red:hover {
  color: #f50b23;
  border-color: #f50b23;
}
.gh-btn-hover-background:hover {
  background: #ced4d9;
}
.gh-btn-white {
  border: none;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.01),
    0 1px 2px rgba(0, 0, 0, 0.05);
  outline: none;
}
.gh-btn-white,
.gh-btn-white:hover {
  background: #fff;
}
.gh-btn-white.gh-btn-blue:hover,
.gh-btn-white.gh-btn-green:hover {
  border: none;
}
.gh-btn-strong {
  border-color: #c4cbd2;
}
.gh-btn-icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gh-btn-block svg,
.gh-btn-icon svg {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6em;
}
.gh-btn-icon svg.gh-spinner {
  left: 5px;
}
.gh-btn-icon svg.gh-spinner rect {
  fill: #a7b1bb;
}
.gh-btn:not(.gh-btn-blue):not(.gh-btn-green):not(.gh-btn-red) svg.gh-icon-spinner rect {
  fill: #697989;
}
.gh-btn-icon-right svg,
svg.gh-btn-icon-right {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4em;
}
.gh-btn-icon svg path {
  stroke: currentColor;
}
.gh-btn-icon.fill svg {
  fill: currentColor;
}
.gh-btn-icon.fill svg path {
  stroke: none;
}
.gh-btn-icon-no-margin {
  margin: 0;
}
.gh-btn-text,
.gh-btn-text:hover {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.gh-btn-text.inline {
  display: inline-flex;
}
.gh-btn-text span {
  height: unset;
  line-height: unset;
  padding: 0;
}
.gh-btn-text.regular span {
  font-size: 1.4rem;
  color: #394047;
}
.gh-btn-text.blue span {
  color: #14b8ff;
}
.gh-btn-text.red span {
  color: #f50b23;
}
.gh-btn-text.yellow span {
  color: #eb9c00;
}
.gh-btn-text.green span {
  color: #2bba3c;
}
.gh-btn-textfield-group span {
  height: 36px;
  line-height: 36px;
}
.gh-btn-text.gh-btn-errordetails span,
.gh-btn-text.gh-btn-warningdetails span {
  text-decoration: underline;
}
.gh-btn-text.gh-btn-warningdetails span {
  color: #f5a300;
}
.gh-btn-text.gh-btn-errordetails span {
  color: #f50b23;
}
.gh-btn-action-icon svg {
  height: 16px;
  width: 16px;
  margin: 0;
}
.gh-btn-action-icon:not(.icon-only):not(.gh-btn-icon-right) svg {
  margin-right: 10px;
}
.gh-btn-action-icon svg circle,
.gh-btn-action-icon svg path {
  stroke: currentColor;
}
.gh-btn-action-icon.gh-btn-icon-right svg {
  height: 14px;
  width: 14px;
  margin-left: 8px;
}
.gh-btn-label-green {
  color: #30cf43;
}
.gh-btn-fullwidth {
  width: 100%;
}
.gh-btn-dropdown-arrow {
  margin-left: 5px !important;
  margin-right: -4px !important;
  height: 6px !important;
  width: auto !important;
}
.gh-btn-block {
  display: block;
  width: 100%;
}
input[type='button'].gh-btn-block,
input[type='reset'].gh-btn-block,
input[type='submit'].gh-btn-block {
  width: 100%;
}
.gh-btn-group {
  display: flex;
  align-items: center;
  background: #f1f3f4;
  border-radius: 6px;
  line-height: 0;
}
.gh-btn-group .gh-btn {
  border: none;
  background: none;
  background: transparent !important;
  box-shadow: none;
  margin: 2px;
  border-radius: 2px;
  color: #8695a4;
}
.gh-btn-group .gh-btn span {
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background: transparent !important;
  font-weight: 500 !important;
}
.gh-btn-group .gh-btn-group-selected span {
  color: #15171a;
  background: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.gh-btn-group .gh-btn-group-selected svg {
  fill: #15171a;
  color: #15171a;
}
.gh-btn-group.icons .gh-btn {
  margin: 3px;
  border-radius: 3px;
}
.gh-btn-group.icons .gh-btn span {
  height: 28px;
  padding: 0 8px;
}
.gh-btn-group.icons .gh-btn-icon svg {
  width: 16px;
  height: 16px;
  margin-right: 0;
  fill: #394047;
}
.gh-btn-group.icons .gh-btn-group-selected svg {
  fill: #15171a;
}
.gh-btn-group.icons .gh-btn-icon svg path {
  stroke: none;
}
.gh-btn-group.small .gh-btn span {
  font-size: 0.9rem;
}
.gh-btn-block + .gh-btn-block {
  margin-top: 5px;
}
.gh-btn-link {
  border: none;
}
.gh-btn-link,
.gh-btn-link:hover {
  background: none;
  box-shadow: none;
}
.gh-btn-link.blue {
  color: #14b8ff;
}
.gh-btn-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #ebeef0;
}
.gh-btn-tabs .gh-btn {
  background: none !important;
  border-radius: 0;
  margin-right: 20px;
  border-bottom: 1px solid transparent;
}
.gh-btn-tabs .gh-btn span {
  background: none !important;
  border-radius: 0;
  padding: 0;
  color: #7c8b9a;
  font-weight: 500 !important;
}
.gh-btn-tabs .gh-btn span:hover {
  color: #394047;
}
.gh-btn-tabs .gh-btn-tab-selected {
  border-bottom-color: #15171a;
}
.gh-btn-tabs .gh-btn-tab-selected span {
  color: #15171a;
}
.spinner {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: -2px 0;
  width: 14px;
  height: 14px;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  animation: spin 1s linear infinite;
}
.spinner:before {
  content: '';
  display: block;
  margin-top: 6px;
  width: 4px;
  height: 4px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
}
.gh-btn-filter {
  height: 33px;
  line-height: 33px;
  border-radius: 0;
  color: #394047;
}
.gh-btn-filter.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.gh-btn-filter.last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.gh-btn .gh-btn-filter-maxwidth {
  display: flex;
  align-items: center;
}
.gh-btn .gh-btn-filter-maxwidth span {
  padding: 0;
  margin: 0 4px 0 0;
  display: inline-block;
  max-width: 160px;
}
.gh-btn-filter-maxwidth svg {
  height: 4px;
  width: 6.11px;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
}
.stripe-connect {
  background: #635bff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  text-decoration: none;
  min-width: 180px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-font-smoothing: antialiased;
}
.stripe-connect span {
  color: #fff;
  display: block;
  font-family:
    sohne-var,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
  padding: 1px 0 0;
  margin: 0;
  position: relative;
  text-align: left;
}
.stripe-connect:hover {
  background: #7a73ff;
}
.stripe-connect span:after {
  display: block;
  background-repeat: no-repeat;
  background-size: 132px;
  background-position: 50%;
  content: '';
  height: 16px;
  width: 132px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='132' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1443_3527)' fill='%23fff'%3E%3Cpath d='M2 7.6c0-2.3 1.3-3.9 3-3.9 1.3 0 2.2.8 2.5 2l1.8-.6C8.7 3.2 7.2 2 5 2 2.1 2 0 4.3 0 7.6s2.1 5.6 5 5.6c2.2 0 3.7-1.2 4.3-3.1l-1.8-.6c-.3 1.3-1.2 2-2.5 2-1.8 0-3-1.6-3-3.9zm15.6 1.5C17.6 6.7 16 5 13.8 5 11.6 5 10 6.6 10 9.1c0 2.5 1.6 4.1 3.8 4.1 2.3 0 3.8-1.7 3.8-4.1zm-5.7 0c0-1.6.8-2.6 2-2.6s2 1 2 2.6-.8 2.6-2 2.6-2-1-2-2.6zM19 13h1.8V8.4c0-1.1.8-1.7 1.6-1.7 1 0 1.4.7 1.4 1.7V13h1.8V7.8c0-1.7-1-2.8-2.6-2.8-1 0-1.7.5-2.2 1v-.8H19V13zm8.5 0h1.8V8.4c0-1.1.8-1.7 1.6-1.7 1 0 1.4.7 1.4 1.7V13h1.8V7.8c0-1.7-1-2.8-2.6-2.8-1 0-1.7.5-2.2 1v-.8h-1.8V13zm11.8.2c1.6 0 2.8-.8 3.4-2.2l-1.5-.6c-.2.8-.9 1.3-1.8 1.3-1.2 0-2-.8-2.1-2.2h5.5v-.6c0-2.2-1.2-3.9-3.5-3.9-2.2 0-3.8 1.8-3.8 4.1 0 2.4 1.5 4.1 3.8 4.1zm-.1-6.7c1.1 0 1.7.8 1.7 1.6h-3.6c.2-1.1 1-1.6 1.9-1.6zm6.2 2.6c0-1.6.8-2.5 2.1-2.5 1 0 1.5.6 1.8 1.5l1.5-.8c-.4-1.3-1.6-2.2-3.3-2.2-2.2 0-3.9 1.7-3.9 4.1 0 2.4 1.6 4.1 3.9 4.1 1.7 0 2.9-1 3.3-2.3l-1.5-.8c-.2.9-.8 1.5-1.8 1.5-1.3-.1-2.1-1-2.1-2.6zM52 11c0 1.6.8 2.1 2.3 2.1.5 0 .9 0 1.2-.1v-1.5h-.7c-.6 0-1.1-.1-1.1-.8V6.6h1.7V5.1h-1.7V2.8h-1.8v2.3h-1.1v1.5h1.1L52 11zm11.7-5.9l-1.4 5.2-1.4-5.2h-1.8l2.4 7.9h1.6l1.4-5.2 1.4 5.2h1.6l2.4-7.9h-1.8l-1.5 5.2-1.4-5.2h-1.5zm7.1-1h1.8V2.3h-1.9l.1 1.8zm1.8 1h-1.8V13h1.8V5.1zm2 5.9c0 1.6.8 2.1 2.3 2.1.5 0 .9 0 1.2-.1v-1.5h-.7c-.6 0-1.1-.1-1.1-.8V6.6H78V5.1h-1.7V2.8h-1.7v2.3h-1.1v1.5h1.1V11zm4.9 2h1.8V8.4c0-1.1.8-1.7 1.6-1.7 1 0 1.4.7 1.4 1.7V13h1.8V7.8c0-1.7-1-2.8-2.6-2.8-1 0-1.7.5-2.2 1V2.3h-1.8V13zM117.1 15.4v-3c.4.3.9.7 1.9.7 1.9 0 3.6-1.5 3.6-4.9 0-3.1-1.7-4.8-3.6-4.8-1 0-1.7.5-2.1.9l-.1-.6h-2.3V16l2.6-.6zm1.2-9.7c1 0 1.6 1.1 1.6 2.5 0 1.5-.6 2.5-1.6 2.5-.6 0-1-.2-1.3-.5v-4c.4-.2.7-.5 1.3-.5zM127.701 13.2c1.3 0 2.2-.3 3-.7v-2.2c-.7.4-1.5.6-2.6.6s-1.9-.4-2.1-1.7h5.2v-1c0-2.8-1.3-4.9-3.8-4.9s-4.1 2.2-4.1 4.9c0 3.3 1.8 5 4.4 5zm-.3-7.7c.6 0 1.3.5 1.3 1.7h-2.8c.1-1.1.8-1.7 1.5-1.7zM107.6 6.5c.6-.9 1.7-.7 2-.6V3.4c-.4-.1-1.6-.4-2.1.8l-.2-.8H105v9.4h2.6V6.5zM95.602 10.2c0 .5-.4.6-1 .6-.9 0-2-.4-2.9-.9v2.6c1 .4 2 .6 2.9.6 2.2 0 3.7-1.1 3.7-3 0-3.2-4-2.6-4-3.8 0-.4.3-.6.9-.6.8 0 1.8.2 2.6.7V3.8c-.9-.4-1.7-.5-2.6-.5-2.1 0-3.6 1.1-3.6 3 0 3.1 4 2.6 4 3.9zM102.001 13.2c.8 0 1.5-.2 1.9-.4v-2.2c-.3.1-2 .6-2-1V5.8h2V3.5h-2V1.2l-2.6.6v8.6c0 1.6 1.1 2.8 2.7 2.8zM110.5.6v2.1l2.7-.5V0l-2.7.6zM113.1 3.5h-2.6v9.3h2.6V3.5z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1443_3527'%3E%3Cpath fill='%23fff' d='M0 0h132v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gh-btn-stripe-status {
  position: relative;
  box-shadow: none;
  color: #49525b;
  padding-left: 12px;
}
.gh-btn-stripe-status:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  height: 6px;
  width: 6px;
  margin: auto;
  background: #abb4be;
  border-radius: 999px;
}
.gh-btn-stripe-status.connected:before {
  background: #30cf43;
}
.stripe-connect.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.gh-btn .gh-btn-text-hide-for-mobile {
  display: none;
}
.gh-btn-with-notification {
  position: relative;
}
.gh-btn-notification-dot {
  position: absolute;
  top: -6px;
  right: -6px;
  display: block;
  content: '';
  width: 14px !important;
  height: 14px !important;
  background: #30cf43;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #fff;
}
.is-loading {
  position: relative;
  opacity: 0.8;
}
.is-loading:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid #abb4be;
  border-top-color: #15171a;
  border-radius: 100%;
  animation: spinner 1s linear infinite;
}
.is-loading span {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.is-loading:after {
  content: none;
}
@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}
.label {
  display: inline;
  padding: 2px 4px;
  border-radius: 0.25em;
  color: #fff;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
}
.label:empty {
  display: none;
}
.gh-btn .label {
  position: relative;
  top: -1px;
}
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
  position: relative;
  top: -0.18em;
  display: inline-block;
  padding: 0.2em 0.5em 0.25em;
  font-size: 70%;
  line-height: 70%;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label-default {
  background: #ced4d9;
  color: #7c8b9a;
}
.label-default[href] {
  color: #7c8b9a;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background: #c0c7ce;
}
.label-alt {
  background-color: #666;
  color: #fff;
}
.label-alt[href] {
  color: #fff;
}
.label-alt[href]:focus,
.label-alt[href]:hover {
  background-color: #4d4d4d;
}
.label-blue {
  background-color: #14b8ff;
  color: #fff;
}
.label-blue[href] {
  color: #fff;
}
.label-blue[href]:focus,
.label-blue[href]:hover {
  background-color: #009ce0;
}
.label-green {
  background-color: #30cf43;
  color: #fff;
}
.label-green[href] {
  color: #fff;
}
.label-green[href]:focus,
.label-green[href]:hover {
  background-color: #26a636;
}
.label-red {
  background-color: #f50b23;
  color: #fff;
}
.label-red[href] {
  color: #fff;
}
.label-red[href]:focus,
.label-red[href]:hover {
  background-color: #c5081b;
}
.table,
table {
  margin: 1.6em 0;
  max-width: 100%;
  width: 100%;
  background-color: transparent;
}
.table td,
.table th,
table td,
table th {
  padding: 8px;
  vertical-align: middle;
  text-align: left;
  line-height: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.table td,
.table th {
  border-top: 1px solid #dfe1e3;
}
.table th {
  color: #7c8b9a;
}
.table caption + thead tr:first-child td,
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dfe1e3;
}
.table table table {
  background-color: #fff;
}
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #fafafb;
}
.table.plain tbody > tr:nth-child(odd) > td,
.table.plain tbody > tr:nth-child(odd) > th {
  background: transparent;
}
.table.list,
table.list td {
  padding: 8px 0;
}
.table.list .data-label,
table.list .data-label {
  color: #7c8b9a;
  font-weight: 400;
  font-size: 1.4rem;
  white-space: nowrap;
  padding-right: 8px;
  vertical-align: top;
}
.table.list .data,
table.list .data {
  color: #394047;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 8px;
  word-wrap: break-word;
}
.table.list .data.highlight-hover:hover,
table.list .data.highlight-hover:hover {
  background: #f1f3f4;
}
.nav-list {
  padding: 0;
}
.nav-list-item {
  position: relative;
  display: block;
  margin: 0;
  color: #394047;
  border-bottom: 1px solid #e6e9eb;
}
.nav-list-item:hover {
  background: #fafafb;
  cursor: pointer;
}
.nav-list-item.selected {
  background: #fafafb;
}
.nav-list-item:first-of-type {
  border-top: 1px solid #e6e9eb;
}
.nav-list-item button {
  width: 100%;
  padding: 2rem 2.4rem;
  text-align: left;
}
.nav-list-item a {
  color: #394047;
}
.nav-list-item span {
  display: flex;
  align-items: center;
  color: #15171a;
  font-size: 1.4rem;
  line-height: 1.375;
  font-weight: 600;
}
li.nav-list-item svg {
  margin: 0 1rem 0 0;
  height: 1.6rem;
  width: 1.6rem;
}
li.nav-list-item svg path:not(li.nav-list-item .history path) {
  stroke-width: 1.8;
}
li.nav-list-item .history {
  width: 1.8rem;
  height: 1.8rem;
}
li.nav-list-item.delete {
  color: #f50b23;
}
li.nav-list-item .arrow-right {
  position: absolute;
  top: 50%;
  right: 24px;
  margin: -0.9rem 0 0;
  height: 1.4rem;
  width: 1.4rem;
}
li.nav-list-item .arrow-right path {
  fill: #7c8b9a;
}
.nav-list-item-notification {
  margin: 0 2.4rem 2rem;
  color: #626d79;
}
.nav-list-item-notification a {
  color: #2bba3c;
  font-weight: 500;
}
.gh-box {
  position: relative;
  margin-top: 3px;
  padding: 12px 10px 14px 40px;
  border: 1px solid #14b8ff;
  color: #394047;
  line-height: 1.55em;
  letter-spacing: 0.2px;
  background: rgba(20, 184, 255, 0.04);
  border-radius: 3px;
}
.gh-box a:not(.gh-btn) {
  color: #15171a;
  font-weight: 500;
}
.gh-box svg:first-of-type {
  position: absolute;
  left: 12px;
  width: auto;
  fill: #14b8ff;
}
.gh-box-tip svg:first-of-type {
  top: 12px;
  height: 2rem;
}
.gh-box-green {
  padding: 12px 24px;
  background: rgba(48, 207, 67, 0.04);
  border-color: rgba(48, 207, 67, 0.6);
}
.gh-box-green a {
  color: #2bba3c;
}
.gh-box-alert {
  border-color: #ffb41f;
  background: rgba(255, 180, 31, 0.04);
}
.gh-box-alert svg:first-of-type {
  top: 14px;
  height: 1.8rem;
  fill: #f5a300;
}
.gh-box-error {
  border: 1px solid #f50b23;
  background: rgba(245, 11, 35, 0.03);
}
.gh-box-error svg:first-of-type {
  top: 14px;
  height: 1.8rem;
  fill: #f50b23;
}
.gh-content-box {
  line-height: 1.4em;
  border: none;
  background: #f5f6f6;
  border-radius: 3px;
}
.gh-content-box a {
  color: #2bba3c;
}
.gh-content-box.pa {
  padding: 16px;
}
.gh-content-box.pt {
  padding-top: 16px;
}
.gh-content-box.pr {
  padding-right: 16px;
}
.gh-content-box.pb {
  padding-bottom: 16px;
}
.gh-content-box.pl {
  padding-left: 16px;
}
.gh-loading-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  justify-content: center;
  left: 0;
  padding-bottom: 8vh;
  background-color: #fff;
  z-index: 99999;
}
.gh-loading-content.basic-auth {
  z-index: 1000;
}
.gh-loading-spinner {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: -2px 0;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  animation: spin 1s linear infinite;
}
.gh-loading-spinner:before {
  content: '';
  display: block;
  margin-top: 7px;
  width: 7px;
  height: 7px;
  background: #4c5156;
  border-radius: 100px;
  z-index: 10;
}
.gh-loading-spinner-small {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  animation: spin 1s linear infinite;
}
.gh-loading-spinner-small:before {
  content: '';
  display: block;
  margin-top: 3px;
  width: 3px;
  height: 3px;
  background: #4c5156;
  border-radius: 100px;
  z-index: 10;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.infinity-loader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 2em 0;
  position: relative;
  z-index: 1;
}
.fullscreen-modal-container {
  display: flex;
  justify-content: center;
  visibility: hidden;
  z-index: 10000;
  overflow: auto;
}
.fullscreen-modal-background,
.fullscreen-modal-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
}
.fullscreen-modal-background {
  z-index: 50;
  background: #15171a;
  opacity: 0.6;
}
.fullscreen-modal {
  position: relative;
  z-index: 100;
  max-width: 550px;
  margin: 30px auto;
  pointer-events: none;
}
.fullscreen-modal * {
  pointer-events: auto;
}
@media (max-width: 900px) {
  .fullscreen-modal {
    padding: 10px;
  }
}
.fullscreen-modal-wide {
  width: 100%;
  max-width: 550px;
}
.fullscreen-modal-wider {
  width: 100%;
  max-width: 720px;
}
.fullscreen-modal-narrow {
  width: 100%;
  max-width: 420px;
}
.fullscreen-modal-full-overlay {
  width: 100%;
  max-width: 90%;
}
.fullscreen-modal-total-overlay {
  width: 100vw;
  max-width: unset;
  height: 100vh;
  margin: 0;
  padding: 0;
  background: #fff;
}
.fullscreen-modal-total-overlay .modal-content {
  height: 100%;
}
.fullscreen-modal-action {
  margin: 6vw 0;
}
@media (max-height: 960px) {
  .fullscreen-modal-action {
    margin: 40px auto;
  }
}
.fullscreen-modal-body-scrolling .modal-body {
  max-height: calc(100vh - 12vw - 12vmin - 122px);
  overflow-y: scroll;
  margin: 0 -32px;
  padding: 0 32px;
}
.fullscreen-modal-body-scrolling .modal-footer,
.modal-footer.top-shadow {
  position: relative;
  margin: 20px -32px 0;
  padding: 0 32px;
}
.modal-footer.top-shadow {
  margin-bottom: -4px;
  padding-top: 4px;
}
.fullscreen-modal-body-scrolling .modal-footer:before,
.modal-footer.top-shadow:before {
  position: absolute;
  content: '';
  top: -20px;
  left: -32px;
  right: -32px;
  height: 6px;
  background: hsla(0, 0%, 100%, 0);
  box-shadow:
    0 -0.3px 1px rgba(0, 0, 0, 0.03),
    0 -4px 4px rgba(0, 0, 0, 0.04);
}
.modal-footer.top-shadow:before {
  left: 0;
  right: 0;
}
.modal-content {
  position: relative;
  padding: 32px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
}
.modal-header h1 {
  line-height: 1.35em;
  letter-spacing: 0.2px;
}
.modal-footer {
  margin-top: 20px;
}
.modal-footer button {
  margin-left: 12px;
  min-width: 100px;
  text-align: center;
}
.modal-footer button:first-of-type {
  margin-left: 0;
}
.modal-body fieldset {
  margin: 0;
}
.modal-body .login-form {
  display: block;
}
.modal-body .login-form .password-wrap input {
  width: 100%;
  margin-right: 20px;
}
.modal-body .login-form .gh-btn span {
  height: 38px;
}
.modal-body .form-group p {
  font-size: 1.3rem;
}
@media (max-width: 900px) {
  .modal-body .login-form {
    margin: 0 auto;
    max-width: 264px;
  }
  .modal-body .login-form .password-wrap {
    margin: 0 auto 1em;
    width: 100%;
  }
  .modal-body .login-form .password-wrap input {
    margin-right: 0;
  }
  .modal-body .login-form .gh-btn {
    margin: 0 0 1em;
    width: 100%;
  }
}
@media (min-width: 901px) {
  .modal-body .login-form {
    display: flex;
    align-items: center;
  }
  .modal-body .login-form .password-wrap {
    flex: 1;
    margin-right: 10px;
  }
}
.modal-reauthenticate p {
  color: #15171a;
  font-size: 1.6rem;
  font-weight: 400;
}
.epm-modal.modal-reauthenticate .modal-content {
  padding: 48px 32px;
}
.modal-reauthenticate .gh-signin .gh-btn-login {
  margin-top: 32px;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --epm-animation-backdrop-in-duration: 0s;
    --epm-animation-backdrop-out-duration: 0s;
    --epm-animation-modal-in-duration: 0s;
    --epm-animation-modal-out-duration: 0s;
    --epm-animation-backdrop-in-delay: 0s;
    --epm-animation-backdrop-out-delay: 0s;
    --epm-animation-modal-in-delay: 0s;
    --epm-animation-modal-out-delay: 0s;
  }
}
.epm-scrolling-disabled {
  overflow: hidden;
}
.epm-backdrop,
.epm-modal-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.epm-backdrop {
  background-color: #15171a;
  opacity: 0.6;
  animation: epm-backdrop-in 0.2s ease-in-out 0s forwards;
  animation-delay: 0s;
  animation-duration: 0.2s;
  z-index: 10000;
}
.epm-backdrop.background-light {
  background-color: #fafafb;
}
.epm-modal-container {
  z-index: 10000;
  display: flex;
  justify-content: center;
  overflow: auto;
  align-items: unset;
}
.epm-modal-container.background-blur {
  backdrop-filter: blur(4px);
}
.epm-animating .epm-modal-container {
  overflow: unset;
}
.epm-modal {
  opacity: 0;
  animation: epm-modal-in 0.15s ease-out 0s forwards;
  animation-delay: 0s;
  animation-duration: 0.15s;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  transform: none;
}
.epm-modal * {
  pointer-events: auto;
}
@media (max-width: 900px) {
  .epm-modal:not(.fullscreen-modal-total-overlay) {
    padding: 10px;
  }
}
.epm-backdrop.epm-out {
  opacity: 1;
  animation: epm-backdrop-out 0.2s ease-in-out 0s forwards;
  animation-delay: 0s;
  animation-duration: 0.2s;
  pointer-events: none;
}
.epm-modal.epm-out {
  opacity: 1;
  animation: epm-modal-out 0.15s ease-out 0s forwards;
  animation-delay: 0s;
  animation-duration: 0.15s;
  pointer-events: none;
  transform: none;
}
@keyframes epm-backdrop-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 0.6;
  }
}
@keyframes epm-backdrop-out {
  0% {
    opacity: 0.6;
  }
  to {
    opacity: 0;
  }
}
@keyframes epm-modal-in {
  0% {
    transform: translateY(-16px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes epm-modal-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.epm-modal .fullscreen-modal {
  margin: 30px auto;
}
.epm-modal .modal-content {
  position: relative;
  padding: 32px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 8px;
  box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
}
.modal-content * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.modal-content .close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 9999;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  border: none;
}
.modal-content .close svg {
  fill: #808284;
  width: 16px;
  height: 16px;
}
.modal-content .close svg:hover {
  fill: #394047;
}
.modal-header {
  position: relative;
  margin-bottom: 22px;
}
.modal-header h1 {
  display: inline-block;
  margin: -5px 25px 0 0;
  font-size: 2.2rem;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: -0.025em;
  text-wrap: pretty;
}
.modal-header.icon-center {
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 124px;
}
.modal-header.icon-center svg {
  width: 66px;
  height: 66px;
}
.modal-header.icon-center h1 {
  margin: 20px 0 8px;
  padding: 0;
}
.modal-header.icon-center .gh-loading-content {
  position: relative;
  padding: 8px 0;
  height: 62px;
}
.modal-body {
  position: relative;
}
.modal-body p {
  font-size: 1.4rem;
  line-height: 1.5em;
}
.modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.2rem;
}
.modal-footer-spread {
  justify-content: space-between;
}
.modal-footer .gh-btn {
  min-width: 100px;
  text-align: center;
}
.modal-footer .gh-btn:not(:first-child) {
  margin-left: 12px;
}
.modal-footer-hint {
  font-size: 1.3rem;
  color: #697989;
}
.modal-body .gh-image-uploader {
  margin: 0;
  background: #fafafb;
}
.modal-body svg.gh-date-picker-cal-icon {
  top: 12px;
  right: 11px;
  width: 14px;
  height: 14px;
}
.epm-modal .fullscreen-modal-wide {
  width: 100%;
  max-width: 550px;
}
.epm-modal .fullscreen-modal-action {
  margin: 6vw 0;
}
@media (max-height: 960px) {
  .epm-modal .fullscreen-modal-action {
    margin: 40px auto;
  }
}
.gh-notifications {
  position: absolute;
  bottom: 30px;
  left: 24px;
  z-index: 7000;
  display: flex;
  flex-direction: column;
}
.gh-notification {
  position: relative;
  margin-top: 8px;
  min-width: 272px;
  max-width: 320px;
  background: #fff;
  border-radius: 8px;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.28),
    0 100px 80px rgba(0, 0, 0, 0.0112458),
    0 41.7776px 33.4221px rgba(0, 0, 0, 0.0161557),
    0 22.3363px 17.869px rgba(0, 0, 0, 0.02),
    0 12.5216px 10.0172px rgba(0, 0, 0, 0.0238443),
    0 6.6501px 5.32008px rgba(0, 0, 0, 0.0287542),
    0 2.76726px 2.21381px rgba(0, 0, 0, 0.04);
  color: #15171a;
  font-size: 1.3rem;
  line-height: 1.25em;
  opacity: 1;
  min-height: 44px;
}
@media (max-width: 1240px) {
  .gh-notification {
    min-width: 232px;
  }
}
.gh-notification-icon {
  margin-top: 1px;
  line-height: 0;
  color: #30cf43;
}
:is(.gh-notification-error, .gh-notification-warn) .gh-notification-icon {
  color: #f50b23;
}
.gh-notification-icon svg {
  width: 16px;
  height: 16px;
}
.gh-notification-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 3px;
  margin-right: 28px;
}
.gh-notification-content p span {
  white-space: nowrap;
}
.gh-notification-header {
  display: flex;
  gap: 10px;
}
.gh-notification-title {
  display: block;
  margin-top: 1px;
  font-weight: 600;
  font-size: 1.4rem;
}
.gh-notification-details {
  margin: -18px 16px 16px 42px;
}
.gh-notification p {
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.35em;
}
.gh-notification a {
  color: inherit;
  text-decoration: underline;
  font-weight: 400;
}
.gh-notification em {
  font-weight: 700;
  font-style: normal;
}
.gh-notification-actions {
  margin-top: 10px;
  margin-bottom: 2px;
  display: flex;
}
.gh-notification-actions a {
  display: inline-block;
  margin-right: 10px;
  color: #394047;
}
.gh-notification-actions a:hover {
  color: #15171a;
}
.gh-notification-close {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 8px;
  background: none;
  border-radius: 999px;
  line-height: 0;
  width: 24px;
  height: 24px;
}
.gh-notification-close svg {
  height: 8px;
  width: 8px;
  stroke: #7c8b9a;
}
.gh-notification-close:hover svg {
  stroke: #394047;
}
.gh-notification-close svg path {
  stroke-width: 2px;
}
.gh-notification-passive {
  animation: notification-fade-in-spring, fade-out;
  animation-delay: 0s, 5s;
  animation-duration: 0.8s, 0.35s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.gh-notification-passive:hover {
  animation: notification-fade-in-spring;
}
@keyframes notification-fade-in-spring {
  0.00% {
    transform: translateY(100%);
  }
  26.52% {
    transform: translateY(-3.9px);
  }
  63.26% {
    transform: translateY(1.2px);
  }
  100.00% {
    transform: translateY(0);
  }
}
.gh-notification-red {
  background: #f50b23;
}
.gh-notification-green {
  background: #30cf43;
}
.gh-notification-schedule {
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  width: auto;
  border: 1px solid #ced4d9;
  border-radius: 2px;
  box-shadow: none;
  vertical-align: middle;
  line-height: 1.3em;
}
.gh-notification-schedule:hover {
  cursor: default;
}
.gh-alerts {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.gh-alert {
  z-index: 9999;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 15px;
  border-bottom: 1px solid #dfe1e3;
  background-color: #fff;
}
.gh-alert-content {
  font-size: 1.4rem;
  line-height: 1.3em;
}
.gh-alert-content,
.gh-alert a {
  font-weight: 400;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.gh-alert a {
  text-decoration: underline;
}
.gh-alert-close {
  flex-shrink: 0;
  margin-left: 20px;
  padding: 4px;
  font-size: 10px;
  line-height: 10px;
}
.gh-alert-close svg {
  height: 12px;
  width: 12px;
}
.gh-alert-blue {
  border-bottom: 1px solid #009ce0;
  background: #14b8ff;
  color: #fff;
}
.gh-alert-blue a {
  color: #fff;
}
.gh-alert-blue .gh-alert-close svg:hover,
.gh-alert-blue svg {
  fill: #fff;
}
.gh-alert-red {
  border-bottom: 1px solid #c5081b;
  background: #f50b23;
  color: #fff;
}
.gh-alert-red a {
  color: #fff;
}
.gh-alert-red svg {
  fill: #fff;
}
.gh-alert-red .gh-alert-close:hover {
  color: #fff;
}
.gh-alert-red .gh-alert-close svg:hover {
  fill: #fff;
}
.gh-alert-green {
  border-bottom: 1px solid #29b23a;
  background: #30cf43;
  color: #fff;
}
.gh-alert-green a {
  color: #fff;
}
.gh-alert-green svg {
  fill: #fff;
}
.gh-alert-green .gh-alert-close:hover {
  color: #fff;
}
.gh-alert-green .gh-alert-close svg:hover {
  fill: #fff;
}
.gh-alert-black {
  border-bottom: 1px solid #15171a;
  background: #15171a;
  color: #fff;
}
.gh-alert-black a {
  color: #fff;
}
.gh-alert-black svg {
  fill: #fff;
}
.gh-alert-black .gh-alert-close:hover {
  color: #fff;
}
.gh-alert-black .gh-alert-close svg:hover {
  fill: #fff;
}
.gh-alert-yellow {
  border-bottom: 1px solid #e9ebb6;
  background: #fdffb6;
}
.gh-update-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background: #15171a;
  color: #fff;
  font-size: 1.45rem;
  z-index: 30;
}
.gh-update-banner a {
  font-weight: 700;
  color: #59d969;
}
.x-file--input {
  width: 1px;
  height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.x-file--input + label {
  display: inline-block;
  cursor: pointer;
}
.x-file--input:focus + label {
  outline: 1px dotted #000;
  outline: 5px auto -webkit-focus-ring-color;
}
.x-file--input + label * {
  pointer-events: none;
}
.gh-image-uploader {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 140px;
  overflow: hidden;
  margin: 1.6em 0;
  color: #626d79;
  text-align: center;
  border-radius: 3px;
}
.gh-image-uploader.-drag-over {
  border: 2px solid #30cf43;
}
.gh-image-uploader.-with-image {
  background: transparent !important;
  border: none !important;
}
.gh-image-uploader img {
  display: block;
  min-width: 200px;
  max-width: 100%;
  margin: 0 auto;
  line-height: 0;
}
.image-action {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 300;
  display: block;
  display: flex;
  align-items: center;
  padding: 8px;
  color: #fff;
  font-size: 13px;
  line-height: 10px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.2);
}
.image-edit {
  margin-right: 42px;
}
.image-action svg {
  width: 13px;
  height: 13px;
  margin: 0 !important;
}
.image-edit:hover {
  background: #626d79;
}
.image-delete:hover {
  color: #fff;
  cursor: pointer;
  background: #f50b23;
}
.gh-image-uploader .upload-form {
  flex-direction: row;
}
.gh-image-uploader .upload-form,
.gh-image-uploader .x-file-input {
  flex-grow: 1;
  display: flex;
  width: 100%;
}
.gh-image-uploader .x-file-input label {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.gh-image-uploader .description {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
}
.gh-image-uploader .failed {
  margin: 1em 2em;
  font-size: 16px;
  color: #7c8b9a;
}
.gh-image-uploader .progress-container,
.gh-progress-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.gh-image-uploader .progress,
.gh-progress-container-progress {
  width: 60%;
  overflow: hidden;
  margin: 0 auto;
  background: linear-gradient(180deg, #f5f5f5, #f9f9f9);
  border-radius: 12px;
}
.gh-image-uploader .bar,
.gh-progress-bar {
  height: 8px;
  background: #30cf43;
}
.gh-image-uploader .bar.fail,
.gh-progress-bar.-error {
  width: 100% !important;
  background: #f50b23;
}
.gh-image-uploader .bar.hidden {
  display: none;
}
.gh-image-uploader-unsplash {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 36px;
  padding: 10px;
  opacity: 0.33;
  transition: opacity 0.3s ease;
}
.gh-image-uploader-unsplash:hover {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.gh-image-uploader-unsplash svg {
  width: 14px;
}
.splitbtn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.splitbtn .gh-btn {
  position: relative;
  float: left;
}
.splitbtn .gh-btn + .gh-btn {
  margin-left: -1px;
}
.splitbtn .gh-btn.active,
.splitbtn .gh-btn:active,
.splitbtn .gh-btn:focus,
.splitbtn .gh-btn:hover {
  z-index: 2;
}
.splitbtn .gh-btn:first-child {
  margin-left: 0;
}
.splitbtn .gh-btn:first-child:not(:last-child):not(.dropdown-toggle) {
  height: 31px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.splitbtn .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.splitbtn .dropdown-toggle.gh-btn-sm {
  padding-right: 10px;
  padding-left: 10px;
  height: 31px;
}
.splitbtn .dropdown-toggle.gh-btn-lg {
  padding-right: 16px;
  padding-left: 16px;
}
.splitbtn .dropdown-toggle .options {
  color: #fff;
  text-align: center;
}
.splitbtn .dropdown-toggle svg {
  height: 10px;
  fill: #fff;
}
.splitbtn .dropdown-toggle svg path {
  stroke: #fff;
  stroke-width: 2px;
}
.dropdown,
.ember-basic-dropdown-content {
  z-index: 1100;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  float: left;
  margin: 2px 0 0;
  padding: 4px 0;
  min-width: 200px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 20px -3px rgba(0, 0, 0, 0.2);
  list-style: none;
  text-align: left;
  text-transform: none;
  font-size: 1.4rem;
  font-weight: 400;
}
.relative-dropdown-menu .dropdown-menu {
  position: relative;
  float: none;
  top: auto;
  left: auto;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  overflow: hidden;
  margin: 8px 0;
  height: 1px;
  background: #edeeef;
}
.dropdown-menu li {
  margin: 0;
}
.dropdown-menu li > a,
.dropdown-menu li > button {
  display: flex;
  align-items: center;
  clear: both;
  padding: 7px 10px;
  margin: 0 4px;
  width: calc(100% - 8px);
  color: #394047;
  text-align: left;
  white-space: nowrap;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4em;
  transition: none;
  border-radius: 6px;
}
.dropdown-menu li > button:disabled {
  opacity: 0.4;
}
.dropdown-menu svg {
  margin-right: 10px;
  height: 14px;
  width: 14px;
  line-height: 1em;
  fill: #667380;
}
.dropdown-align-right {
  top: calc(100% + 6px);
  right: 10px;
  left: auto;
}
@media (max-width: 500px) {
  .dropdown-menu li > a,
  .dropdown-menu li > button {
    padding: 7px 8px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  .dropdown-menu svg {
    height: 16px;
  }
}
.dropdown-menu li > a:focus,
.dropdown-menu li > a:hover,
.dropdown-menu li > button:focus,
.dropdown-menu li > button:hover {
  background: rgba(237, 238, 238, 0.6);
  color: #394047;
  text-decoration: none;
}
.dropdown-menu li > a:focus svg,
.dropdown-menu li > a:hover svg,
.dropdown-menu li > button:focus svg,
.dropdown-menu li > button:hover svg {
  fill: #394047;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > button,
.dropdown-menu > .active > button:focus,
.dropdown-menu > .active > button:hover {
  outline: 0;
  background-color: #14b8ff;
  color: #fff;
  text-decoration: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > button,
.dropdown-menu > .disabled > button:focus,
.dropdown-menu > .disabled > button:hover {
  color: #b6bfc8;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > button:focus,
.dropdown-menu > .disabled > button:hover {
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  cursor: auto;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.closed > .dropdown-menu {
  display: none;
}
.dropdown-action {
  top: calc(100% + 6px);
  left: auto;
  width: 210px;
  overflow-x: hidden;
}
.dropdown-action li {
  cursor: pointer;
}
.dropdown-action li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
  padding: 0;
  color: #394047;
}
.dropdown-action .dropdown-content {
  flex-grow: 1;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-action .dropdown-label {
  padding: 6px 14px;
  width: 184px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-action li.selected .dropdown-label {
  font-weight: 700;
}
.dropdown-action li.selected a:hover {
  background: none;
}
.dropdown-action .dropdown-action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  padding: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: 4px;
  border-radius: 3px;
}
.dropdown-action a:hover .dropdown-action-icon {
  opacity: 1;
}
.dropdown-action .dropdown-action-icon:hover {
  background: #e6e9eb;
}
.dropdown-action .dropdown-action-icon svg {
  margin: 0;
  fill: none;
}
.dropdown-action .dropdown-footer {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  border-top: 1px solid #ebeef0;
}
.dropdown-action .dropdown-footer li:first-of-type {
  margin-top: 6px;
}
.dropdown-action .dropdown-footer a {
  padding: 6px 14px;
}
.dropdown-action .dropdown-footer a span {
  display: flex;
  align-items: center;
}
.dropdown-action .dropdown-footer a span svg {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.dropdown-action.fade-out {
  animation-duration: 1ms;
  pointer-events: none;
}
.dropdown-menu .label-token svg {
  margin-right: 0;
}
.gh-member-label-input .dropdown-action-icon {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  padding: 4px;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: 4px;
  border-radius: 3px;
}
.gh-member-settings .gh-member-label-input .dropdown-action-icon {
  margin-right: -8px;
  padding: 4px 6px;
  color: #7c8b9a;
}
.gh-member-settings .gh-member-label-input .dropdown-action-icon:hover {
  color: #394047;
}
.gh-member-label-input li:hover .dropdown-action-icon {
  opacity: 1;
}
.gh-member-label-input .dropdown-action-icon:hover {
  background: #e6e9eb;
}
.gh-member-label-input .dropdown-action-icon svg {
  margin: 0;
  height: 14px;
  width: 14px;
  line-height: 1em;
  fill: none;
}
.gh-context-menu-container {
  visibility: hidden;
}
.gh-context-menu-overlay {
  position: fixed;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.gh-context-menu-container[data-open] {
  visibility: visible;
}
.gh-context-menu {
  position: fixed;
  max-width: 160px;
  z-index: 1001;
}
.gh-posts-context-menu {
  max-width: 160px !important;
  border-radius: 6px;
  box-shadow:
    0 0 2.3px rgba(0, 0, 0, 0.028),
    0 3.8px 7.8px rgba(0, 0, 0, 0.042),
    0 17px 35px -7px rgba(0, 0, 0, 0.11);
}
.gh-placement-top .gh-posts-context-menu {
  transform: translateY(-100%);
}
.gh-placement-left .gh-posts-context-menu {
  transform: translateX(-100%);
}
.gh-placement-top.gh-placement-left .gh-posts-context-menu {
  transform: translate(-100%, -100%);
}
.gh-posts-context-menu li > button span {
  display: flex;
  align-items: center;
}
.gh-posts-context-menu li > button:hover span svg,
.gh-posts-context-menu li > button span svg {
  fill: none;
}
.gh-posts-context-menu li > button span svg path {
  stroke-width: 2px;
}
.gh-posts-context-menu li > button span svg.star path {
  stroke-width: 1.8px;
}
.gh-analytics-actions-menu li:last-child:before,
.gh-posts-context-menu li:last-child:before {
  display: block;
  position: relative;
  content: '';
  margin: 5px 0;
  width: 100%;
  height: 1px;
  background-color: #ebeef0;
}
.pagination {
  display: inline-block;
  margin: 20px 0;
  padding-left: 0;
  border-radius: 6px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  padding: 6px 12px;
  border: 1px solid #dfe1e3;
  background-color: #fff;
  color: #14b8ff;
  text-decoration: none;
  line-height: 1.42857143;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: #eee;
  color: #2a6496;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  background-color: #428bca;
  color: #fff;
  cursor: default;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  border-color: #ddd;
  background-color: #fff;
  color: #777;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.gh-badge {
  display: inline-block;
  padding: 3px 9px;
  color: #26a636;
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(48, 207, 67, 0.2);
  border-radius: 999px;
  text-transform: uppercase;
}
.gh-badge-blue {
  background: #14b8ff;
}
.gh-badge-red {
  color: #f50b23;
  background: rgba(245, 11, 35, 0.2);
}
.gh-badge-pink {
  color: #fb2d8d;
  background: rgba(251, 45, 141, 0.2);
}
.gh-badge-black {
  background: #394047;
  color: #fff;
}
.gh-badge-outline {
  border-color: #e1e4e8;
  color: #c4cbd2;
  box-shadow: none;
  text-shadow: none;
}
.gh-badge-outline,
.gh-badge-title {
  font-weight: 400;
  background: transparent;
}
.gh-badge-title {
  margin-left: 13px;
  color: #99a3ad;
  border: 1px solid #c3cad0;
  border-radius: 4px;
  line-height: 25px;
}
.settings-menu-toggle {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 9999;
  height: 34px;
  margin-right: 0 !important;
}
.settings-menu-toggle .settings-menu-open svg path {
  stroke: #15171a;
}
@media (min-width: 500px) and (max-width: 1024px) {
  .settings-menu-toggle {
    top: 12px;
  }
}
@media (max-width: 500px) {
  .settings-menu-toggle {
    top: 11px;
    right: 20px;
  }
}
.settings-menu-toggle-spacer {
  width: 46px;
}
@media (max-width: 1024px) {
  .settings-menu-toggle-spacer {
    width: 68px;
  }
}
.settings-menu-container {
  z-index: 999;
  height: 100dvh;
  min-width: 420px;
  overflow-x: visible;
  overflow-y: auto;
  border-left: 1px solid #e6e9eb;
}
.settings-menu-container-wide {
  width: 501px;
  min-width: 501px;
}
@media (max-width: 1024px) {
  .settings-menu-container {
    position: absolute;
    right: 0;
    box-shadow:
      -4.5px 0 3.6px rgba(0, 0, 0, 0.007),
      -12.5px 0 10px rgba(0, 0, 0, 0.008),
      -30.1px 0 24.1px rgba(0, 0, 0, 0.01),
      -100px 0 80px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 500px) {
  .settings-menu-container {
    width: 100vw;
    min-width: 100vw;
  }
}
.settings-menu-container .settings-menu-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 419px;
  overflow: auto;
  background-color: #fff;
  opacity: 1;
  z-index: 0;
}
.settings-menu-container-wide .settings-menu-pane {
  width: 500px;
  min-width: 500px;
}
.settings-menu-container .settings-menu-pane-main {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  height: 100dvh;
}
@media (max-width: 500px) {
  .settings-menu-container .settings-menu-pane {
    width: 100vw;
    min-width: 100vw;
  }
}
.settings-menu-header {
  position: fixed;
  display: flex;
  height: 82px;
  width: 100%;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
  background: #fff;
}
@media (max-width: 1024px) {
  .settings-menu-header {
    padding-top: 15px;
  }
}
.settings-menu-header h4 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.375;
  font-weight: 700;
}
.settings-menu-header .close {
  margin-right: -15px;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 12px;
}
.settings-menu-header .close svg {
  width: 12px;
  height: 12px;
  fill: #394047;
}
.settings-menu-header.subview {
  z-index: 2;
  width: 100%;
  max-width: 484px;
}
.settings-menu-header.subview h4 {
  width: 100%;
  text-align: left;
}
.settings-menu-header.subview .back {
  margin-left: -15px;
  padding: 2px 15px 0;
  line-height: 14px;
}
.settings-menu-header.subview .back svg {
  width: 12px;
  height: 12px;
}
.settings-menu-header.subview .back svg path {
  fill: #394047;
}
.settings-menu-container .ember-power-select-multiple-trigger input,
.settings-menu-pane .gh-date-time-picker-date input,
.settings-menu-pane .gh-date-time-picker-time input {
  border: none !important;
}
.settings-menu-content {
  padding: 92px 0 0;
}
.gh-post-settings {
  padding: 0 24px;
}
@media (max-width: 1024px) {
  .settings-menu-content {
    padding-top: 72px;
  }
}
.settings-menu-content label code {
  font-weight: 400;
  border: 1px solid #ced4d9;
}
.settings-menu-content .gh-image-uploader {
  margin: 0 0 1.6rem;
  background: #f7f8f9;
}
.settings-menu-content .gh-image-uploader .description {
  font-size: 1.4rem;
}
.settings-menu-content .gh-image-uploader form {
  padding: 35px 45px;
}
.settings-menu-content .gh-image-uploader.-with-image {
  width: auto;
  min-height: 50px;
  max-height: 250px;
  margin-top: 0;
}
.settings-menu-content .gh-radio {
  margin: 20px 0;
}
.settings-menu-content .no-selection {
  margin-top: -16px;
}
.settings-menu-content .gh-radio-desc {
  margin: 8px 0 0 -32px;
}
.settings-menu-content .select-members {
  margin-bottom: 0.4rem;
}
.settings-menu-content .segment-totals {
  line-height: 1.65;
}
.settings-menu-content textarea {
  height: 108px;
}
.settings-menu-content .gh-cm-editor-textarea {
  min-height: 170px;
}
.settings-menu-content .nav-list {
  margin: 0;
}
.settings-menu-content .word-count {
  font-weight: 700;
}
.ghost-url-preview {
  width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-menu-post-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2rem;
  padding: 0.4rem 0;
}
.settings-menu-content .for-checkbox .input-toggle-component {
  margin-right: 0.8rem;
}
.settings-menu-content .for-checkbox {
  margin: 0;
  width: auto;
}
.settings-menu-content .for-checkbox label {
  margin: 0;
  padding: 0;
}
.settings-menu-content .for-checkbox label p {
  margin: 0;
  color: #15171a;
  font-size: 1.3rem;
  font-weight: 500;
}
li.nav-list-item .switch {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  padding: 2rem 2.4rem;
}
li.nav-list-item .for-switch.xs label {
  width: auto;
  height: auto !important;
}
.settings-menu-content .gh-toggle-featured {
  position: relative;
  width: 34px;
  height: 20px;
}
.settings-menu-delete-button {
  margin: 3.2rem 2.4rem 2.4rem;
}
.settings-menu-delete-button button,
.settings-menu-delete-button button:active,
.settings-menu-delete-button button:focus,
.settings-menu-delete-button button:hover {
  border: 1px solid #f50b23;
}
.settings-menu-delete-button button span {
  height: 40px;
  line-height: 40px;
  color: #f50b23;
}
.settings-menu-delete-button button:hover span {
  color: #dd091f;
}
.settings-menu-delete-button svg {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.8rem 2px 0;
  color: #f50b23;
}
.settings-menu-delete-button button:hover svg {
  color: #dd091f;
}
.post-setting-custom-excerpt {
  font-size: 1.5rem;
  line-height: 1.35em;
  letter-spacing: 0;
}
.settings-menu-content .gh-seo-preview-title {
  white-space: inherit;
}
.settings-menu-content .CodeMirror {
  height: 170px;
  min-height: 170px;
  padding: 0;
  background: #fff;
  color: #394047;
  border: 1px solid #ced4d9;
  border-radius: 4px;
}
.settings-menu-content .CodeMirror-cursor {
  border: 1px solid #7c8b9a;
}
.settings-menu-content .CodeMirror-gutters {
  background-color: #fafafb;
  border-right: 1px solid #ced4d9;
}
.settings-menu-content .CodeMirror:hover {
  cursor: text;
}
.settings-menu-content .CodeMirror-scroll {
  min-height: 170px;
}
.settings-menu-content .for-checkbox .input-toggle-component,
.settings-menu-content .for-radio .input-toggle-component {
  background: #fff;
}
.settings-menu-pane .ember-power-select-dropdown {
  border: none;
  margin: 0 1px;
  width: calc(100% - 2px);
  box-shadow:
    0 0 0 1px rgba(99, 114, 130, 0.16),
    0 8px 16px rgba(27, 39, 51, 0.08);
}
.settings-menu-pane .gh-date-time-picker-date,
.settings-menu-pane .gh-date-time-picker-time {
  margin: 0;
}
.settings-menu-pane .gh-date-time-picker-date {
  margin-right: 4px;
}
.settings-menu-pane .gh-date-time-picker-time {
  margin-left: 4px;
}
.settings-menu-content.keyboard-shortcuts .form-group {
  margin-bottom: 3em;
}
.settings-menu-content.keyboard-shortcuts label {
  padding: 12px 0;
  border-bottom: 1px solid #e6e9eb;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.settings-menu-content .gh-shortcut {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e6e9eb;
}
.settings-menu-content .gh-shortcut .link {
  color: var(--accent-color);
}
.settings-menu-content .gh-shortcut .code {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 0.95em;
}
.gh-shortcut .gh-keys {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.gh-shortcut .gh-key {
  min-width: 28px;
  height: 28px;
  background: #ebeef0;
  border-radius: 6px;
  padding: 0 6px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 28px;
  cursor: default;
}
.gh-shortcut .gh-key.mono {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 1.25rem;
}
.gh-shortcut .gh-key.mono.clear {
  background: transparent;
}
@keyframes coverFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobile-menu-expanded .content-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
  animation: coverFadeIn 0.3s ease 0.1s 1 forwards;
  transform: translate3d(205px, 0, 0);
}
.settings-menu-email-button span {
  padding: 4px 0;
  line-height: 1em;
  height: unset;
  margin-bottom: 4px;
}
.settings-menu-email .disabled button,
.settings-menu-email .disabled input {
  opacity: 0.5;
}
.settings-menu-container .gh-date-time-picker-date,
.settings-menu-container .gh-date-time-picker-time,
.settings-menu-container select {
  min-height: 38px;
  padding: 4px 12px;
  font-size: 1.4rem;
  color: #15171a;
  background-color: #f1f3f4;
  border: 1px solid transparent;
  border-radius: 8px;
  transition-property:
    color,
    background-color,
    border-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.settings-menu-container .gh-date-time-picker-date:hover,
.settings-menu-container .gh-date-time-picker-time:hover,
.settings-menu-container select:hover {
  background-color: #f4f5f6;
}
.settings-menu-container
  .ember-basic-dropdown-trigger[aria-expanded='true']
  .gh-date-time-picker-date,
.settings-menu-container .gh-date-time-picker-time:focus-within {
  background-color: #fff;
  border: 1px solid #30cf43;
  box-shadow: 0 0 0 2px rgba(48, 207, 67, 0.25);
  outline: none;
}
.settings-menu-container textarea.gh-input {
  padding-block: 8px;
}
.settings-menu-container .gh-date-time-picker input {
  font-size: 1.4rem;
  color: #15171a;
}
.settings-menu-container .gh-input-icon .gh-input {
  padding-left: 32px;
}
.settings-menu-container .ember-power-select-trigger[aria-expanded='true'] {
  border-color: transparent;
}
.settings-menu-container .ember-power-select-multiple-trigger {
  padding: 5px 8px;
  border-radius: 8px !important;
}
.settings-menu-container
  .ember-power-select-multiple-trigger:has(.ember-power-select-multiple-option) {
  padding-left: 6px !important;
}
.settings-menu-container .ember-power-select-multiple-option {
  height: 24px;
}
.settings-menu-container .ember-power-select-status-icon {
  border-color: #15171a;
}
.settings-menu-container .gh-date-time-picker-timezone {
  font-size: 1.2rem;
  margin-left: 0;
}
.settings-menu-container .ember-power-select-dropdown {
  border: 0 !important;
  border-radius: 8px;
  --tw-shadow:
    0 0 7px rgba(0, 0, 0, 0.08), 0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
    0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016), 0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
    0 17px 17.9px -5px rgba(0, 0, 0, 0.024), 0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
    0 76px 80px -5px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored:
    0 0 7px var(--tw-shadow-color), 0 2.1px 2.2px -5px var(--tw-shadow-color),
    0 5.1px 5.3px -5px var(--tw-shadow-color), 0 9.5px 10px -5px var(--tw-shadow-color),
    0 17px 17.9px -5px var(--tw-shadow-color), 0 31.8px 33.4px -5px var(--tw-shadow-color),
    0 76px 80px -5px var(--tw-shadow-color);
  box-shadow:
    0 0 transparent,
    0 0 transparent,
    var(--tw-shadow);
}
.ember-power-select-trigger:not(.gh-input-x) {
  padding: 0 12px;
  border: 1px solid #e6e9eb;
  border-radius: 6px;
  background: #fff;
}
.ember-power-select-trigger.gh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 12px;
}
.ember-power-select-trigger.gh-btn span {
  padding: 0 6px 0 8px;
}
.ember-power-select-trigger--active:not(.gh-input-x),
.ember-power-select-trigger:focus {
  border: 1px solid #e6e9eb;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger):not(
    .gh-preview-newsletter-trigger
  )
  svg {
  height: 6px;
  margin-left: 2px;
  margin-right: -4px;
  vertical-align: middle;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) svg path {
  stroke: #394047;
}
.ember-power-select-search {
  padding: 2px 0 3px !important;
}
.ember-power-select-selected-item {
  margin-left: 0;
}
.ember-basic-dropdown--opened > .ember-power-select-trigger,
.ember-power-select-search input,
.ember-power-select-trigger[aria-expanded='true']:not(.gh-input-x) {
  outline: 0;
  border-color: #e6e9eb;
}
.ember-power-select-dropdown {
  position: absolute;
  z-index: 10001;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #e6e9eb;
  border-top: 0;
  background: #fff;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 18px 45px -5px rgba(0, 0, 0, 0.15);
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  padding: 4px 0;
  border-bottom-color: rgba(237, 238, 238, 0.7);
  border-top: 1px solid rgba(237, 238, 238, 0.7);
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below {
  border: 1px solid #e6e9eb;
  border-top: none;
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded='true']:not(
    .gh-input-x
  ) {
  border-radius: 6px;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #e6e9eb;
  border-radius: 6px;
}
.ember-power-select-option {
  color: #394047;
}
.ember-power-select-option[aria-current='true'] {
  background: rgba(237, 238, 238, 0.6);
  color: #394047;
}
.ember-power-select-option[aria-selected='true'] {
  color: #394047;
  font-weight: 700;
  background: transparent;
}
.ember-power-select-option[aria-selected='true']:hover {
  background: rgba(237, 238, 238, 0.6);
}
.ember-power-select-options:not([role='group']) {
  max-height: 50vh;
  width: 100%;
  overflow-x: hidden;
}
.ember-power-select-group .ember-power-select-options li,
.ember-power-select-options li.ember-power-select-option {
  margin-bottom: 0;
  padding: 7px 12px;
}
.ember-power-select-options li span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.3em;
  overflow: hidden;
}
.ember-power-select-search input {
  display: inline-block !important;
  margin: 0 1px !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 27px;
  width: calc(100% - 8px) !important;
  max-width: 100% !important;
  max-height: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: inherit !important;
}
.ember-power-select-group {
  float: left;
  box-sizing: border-box;
  width: 100%;
  border-top: 0;
}
.ember-power-select-group .ember-power-select-group-name {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 6px;
  padding: 12px 0 0 12px;
  cursor: default;
  border-top: 1px solid #e6e9eb;
  text-transform: uppercase;
  color: #abb4be;
  white-space: nowrap;
  letter-spacing: 0.1px;
  font-size: 1.2rem;
  font-weight: 500;
}
@media (max-width: 900px) {
  .ember-power-select-group .ember-power-select-group-name:after {
    width: calc(524px - 100%);
  }
}
@media (max-width: 600px) {
  .ember-power-select-group .ember-power-select-group-name:after {
    width: calc(80vw - 45px - 100%);
  }
}
.ember-power-select-options .ember-power-select-group:first-child .ember-power-select-group-name {
  border-top: none;
}
.ember-power-select-group:first-of-type .ember-power-select-group-name {
  margin: 8px 0;
  padding: 0 0 0 12px;
}
.ember-power-select-group:first-of-type .ember-power-select-group-name:after {
  top: 66%;
}
.ember-power-select-group:last-of-type {
  margin-bottom: 4px;
}
.ember-power-select-group .ember-power-select-option {
  cursor: pointer;
  font-size: 1.4rem;
  padding-left: 0;
}
.ember-power-select-group .ember-power-select-option span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.3em;
  overflow: hidden;
}
.ember-power-select-group .ember-power-select-option .highlight {
  display: inline;
  font-weight: 600;
  text-decoration: underline;
  border-radius: 1px;
  color: #22272b;
  pointer-events: none;
}
.ember-power-select-group .ember-power-select-option[aria-current='true'] {
  background: rgba(237, 238, 238, 0.6);
  color: #394047;
}
.ember-power-select-trigger-reset {
  padding: 0;
  border: none;
  border-radius: unset;
  line-height: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.ember-power-select-trigger-reset--active,
.ember-power-select-trigger-reset:focus {
  border: none;
}
.ember-power-select-option--no-matches-message {
  padding: 7px 8px;
  color: #7c8b9a;
  font-size: 0.9em;
}
.ember-power-select-multiple-trigger:not(.gh-input-x) {
  background: #fff;
  padding: 4px;
  border: 1px solid #e6e9eb;
  border-radius: 6px;
  outline: none;
}
.ember-power-select-multiple-option {
  margin: 2px !important;
  padding: 1px 0 2px 6px;
  border-radius: 3px;
  font-size: 0.93em;
  font-weight: 500;
  border: 1px solid transparent;
  color: #fff;
  background: #15171a;
  display: flex;
  flex-direction: row;
  justify-items: start;
  align-items: center;
  height: 23px;
}
.ember-power-select-multiple-inner-text {
  display: inline-block;
  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}
.ember-power-select-multiple-remove-btn {
  flex: 1;
  display: flex;
  width: 22px;
  height: 100%;
  margin-top: 1px;
  line-height: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 1;
}
.ember-power-select-multiple-remove-btn svg {
  width: 8px;
  height: 8px;
  pointer-events: none;
}
.ember-power-select-multiple-remove-btn svg path {
  stroke-width: 2px;
  stroke: #fff;
  fill: #fff;
}
.ember-power-select-trigger-multiple-input {
  height: 24px;
}
.ember-power-select-trigger {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 33px;
}
.ember-power-select-status-icon {
  position: absolute;
  right: 12px;
  top: 12px;
  border: solid #abb4be;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(45deg);
  pointer-events: none;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger)
  .ember-power-select-status-icon {
  top: calc(50% - 4px);
}
.ember-basic-dropdown-trigger[aria-expanded='true'] .ember-power-select-status-icon {
  transform: rotate(45deg);
}
.gh-token-input .ember-power-select-options {
  max-height: 172px;
}
.gh-token-input.select-members-recipient .ember-power-select-options[role='group'] {
  max-height: unset;
}
.gh-resource-select-trigger {
  height: 33px;
  font-size: 1.35rem;
  padding: 6px 12px;
  box-sizing: border-box;
  line-height: normal;
  background: #fff;
  display: flex;
  align-items: center;
}
.gh-resource-select-trigger .ember-power-select-placeholder {
  margin-left: 0;
}
.gh-resource-select-dropdown .ember-power-select-search input {
  border-bottom: 1px solid #dddedf !important;
  padding: 7px 12px !important;
  line-height: 1.35em;
  font-size: 1.4rem;
}
.ember-power-select-options[role='listbox'] {
  overflow-x: hidden;
}
.tag-token:not(.tag-token--internal) {
  position: relative;
  color: var(--accent-color);
  background: none;
}
.tag-token:not(.tag-token--internal):after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: '';
  border-radius: 3px;
  background: var(--accent-color);
  opacity: 0.15;
}
.tag-token span {
  position: relative;
  z-index: 2;
  opacity: 0.8;
}
.tag-token svg path {
  stroke: var(--accent-color);
  fill: var(--accent-color);
}
.tag-token--internal svg path {
  stroke: #fff;
}
#author-list ul li:first-of-type {
  position: relative;
  color: var(--accent-color);
  background: none;
}
#author-list ul li:first-of-type:after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: '';
  border-radius: 3px;
  background: var(--accent-color);
  opacity: 0.15;
}
#author-list ul li:first-of-type span {
  position: relative;
  z-index: 2;
  opacity: 0.8;
}
#author-list ul li:first-of-type svg path {
  stroke: var(--accent-color);
  fill: var(--accent-color);
}
.token-segment-status-free {
  border: 1px solid #2bba3c;
  color: #fff;
  background: #2bba3c;
}
.token-segment-status-paid {
  border: 1px solid #fb147f;
  color: #fff;
  background: #fb147f;
}
.token-segment-label {
  border: 1px solid #e6e9eb;
  color: #394047;
  background: #e6e9eb;
}
.token-segment-label svg path {
  stroke: #626d79;
  fill: #626d79;
}
.token-segment-tier {
  background: #15171a;
  color: #fff;
}
.token-segment-status-free svg path,
.token-segment-status-paid svg path,
.token-segment-tier svg path {
  stroke: #fff;
  fill: #fff;
}
.ember-power-select-inline {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  min-height: auto;
  vertical-align: bottom;
  font-weight: 600;
  line-height: 1.6em;
  cursor: pointer;
}
.ember-power-select-inline.ember-power-select-trigger--active,
.ember-power-select-inline.ember-power-select-trigger:focus {
  border: 0;
}
.gh-input-with-select-trigger.ember-power-select-trigger--active {
  border-color: #30cf43 !important;
  box-shadow: inset 0 0 0 1px #30cf43;
}
.gh-input-with-select-input {
  border: none;
  width: 100%;
  line-height: normal;
}
.gh-input-with-select-input:active,
.gh-input-with-select-input:focus {
  border: none;
  outline: 0;
}
.gh-snippet-dropdown {
  margin-top: -1px;
  border-top: 1px solid #e6e9eb !important;
}
.gh-snippet-dropdown li:not(.ember-power-select-group) {
  padding: 8px 12px;
}
.gh-snippet-dropdown .ember-power-select-group-name {
  margin-top: 0;
}
.gh-btn-create-snippet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2px 0;
  color: #2bba3c;
  font-weight: 500;
}
.gh-btn-create-snippet svg {
  width: 1.2rem;
  height: 1.2rem;
}
.ember-power-select-multiple-trigger {
  padding: 2px 28px 2px 2px !important;
  min-height: 33px;
}
.ember-power-select-multiple-options,
.ember-power-select-multiple-trigger {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ember-power-select-trigger-multiple-input {
  width: auto !important;
  padding: 0;
  margin: 2px;
  border: none;
  font-size: 1.4rem;
  line-height: 1.35em;
  background: none;
}
.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
}
.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.ember-power-calendar-days,
.ember-power-calendar-days *,
.ember-power-calendar-nav * {
  box-sizing: border-box;
}
.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
  font-size: 1.35rem;
  font-weight: 600;
}
.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}
.ember-power-calendar-weekday {
  display: flex;
}
.ember-power-calendar-day,
.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  align-items: center;
  height: 23px;
}
.ember-power-calendar-day {
  font-size: inherit;
}
.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit;
}
.ember-power-calendar {
  font-size: 14px;
  line-height: 1.65;
}
.ember-power-calendar-weekdays {
  color: #abb4be;
}
.ember-power-calendar-day {
  color: #7c8b9a;
}
.ember-power-calendar-nav {
  padding: 0 4px 8px;
  height: 32px;
}
.ember-power-calendar-nav-control {
  position: relative;
  bottom: 2px;
  line-height: 1;
  font-size: 150%;
  color: #15171a;
}
.ember-power-calendar-nav-control:focus {
  color: #2c3036;
}
.ember-power-calendar-day--current-month {
  color: #394047;
}
.ember-power-calendar-day--today,
.ember-power-calendar-day:not([disabled]):hover {
  background-color: #ebeef0;
  border-radius: 3px;
}
.ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #7c8b9a;
}
.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: 700;
  background-color: #acecb4;
  color: #394047;
  border-radius: 3px;
}
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: #d6f5d9;
}
.ember-power-calendar-day--focused {
  box-shadow: inset 0 -2px 0 0 #30cf43;
}
.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}
.ember-power-datepicker-content {
  min-width: 212px;
  padding: 12px;
  z-index: 99999;
}
.ember-power-datepicker-trigger:focus {
  outline: none;
}
.gh-date-picker {
  position: relative;
  display: flex;
  flex-direction: column;
}
svg.gh-date-picker-cal-icon {
  display: block;
  position: absolute;
  right: 0;
  top: 9px;
  font-size: 1.3rem;
}
.gh-date-picker-cal-icon path,
.gh-date-picker-cal-icon rect {
  fill: none;
  stroke: #7c8b9a;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
.gh-koenig-editor {
  width: 100%;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
}
.gh-koenig-editor-pane {
  padding: 11vw 92px;
}
@media (max-width: 768px) {
  .gh-koenig-editor-pane {
    padding: 56px 32px;
  }
}
.gh-koenig-editor-pane .koenig-editor {
  cursor: text;
}
.koenig-editor {
  max-width: 740px;
}
.kg-settings-panel-control-input .ember-power-select-trigger,
.kg-settings-panel-control-input .gh-input,
.kg-settings-panel-control-input .gh-select {
  font-size: 1.4rem !important;
  padding: 5px 10px;
  font-weight: 500;
}
.kg-settings-panel-control-input .ember-power-select-trigger svg {
  position: absolute;
  top: 18px;
  right: 12px;
}
.kg-settings-headerstyle-btn-group {
  background: none !important;
}
.kg-settings-headerstyle-btn-group .gh-btn {
  background: #fff !important;
  width: 26px;
  height: 26px;
  border: 1px solid #ebeef0;
  border-radius: 999px;
  margin-right: 5px;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-dark {
  background: #08090c !important;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-light {
  background: #f9f9f9 !important;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-accent {
  background: var(--accent-color) !important;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-image {
  background: transparent !important;
  margin-right: 0;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-image svg {
  width: 12px;
  height: 12px;
}
.kg-settings-headerstyle-btn-group .kg-headerstyle-btn-image svg path {
  stroke-width: 1.5;
}
.kg-settings-headerstyle-btn-group .gh-btn-group-selected {
  position: relative;
}
.kg-settings-headerstyle-btn-group .gh-btn-group-selected:before {
  position: absolute;
  content: '';
  display: block;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 2px solid #30cf43;
  border-radius: 999px;
}
.koenig-react-editor {
  max-width: 740px;
  margin: 0 auto;
  width: 100%;
}
.koenig-react-editor-error,
.koenig-react-editor-loading {
  font-family: Georgia, Times, serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6em;
  letter-spacing: 0.1px;
}
.koenig-react-editor-loading {
  color: #aeb7c1;
}
.gh-publish-trigger,
.gh-unpublish-trigger {
  height: 34px;
  cursor: pointer;
}
.gh-publish-trigger span {
  color: #2bba3c;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.gh-publish-trigger:focus,
.gh-unpublish-trigger:focus {
  outline: 0;
}
@media (max-width: 500px) {
  .publish-modal .gh-publish-trigger,
  .publish-modal .gh-unpublish-trigger {
    display: none;
  }
}
.gh-date-time-picker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gh-date-time-picker .ember-basic-dropdown {
  width: 100%;
}
.gh-date-time-picker-date,
.gh-date-time-picker-time {
  display: flex;
  align-items: center;
  position: relative;
  height: 32px;
  margin: 7px 0 4px;
  padding: 6px 8px;
  border: 1px solid #e6e9eb;
  border-radius: 3px;
  transition: border-color 0.15s linear;
  background: #fff;
}
.gh-date-time-picker-time {
  margin-left: 10px;
  width: calc(100% - 4px);
}
.gh-date-time-picker-date.error,
.gh-date-time-picker-time.error {
  border-color: #f50b23;
}
.gh-date-time-picker input {
  display: block;
  padding: 0;
  width: 100%;
  border: none;
  color: #515d69;
  font-size: 1.3rem;
  line-height: 1em;
  font-weight: 400;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  background: transparent;
  -webkit-appearance: none;
}
.gh-date-time-picker input:focus {
  outline: 0;
}
.gh-date-time-picker-date:focus,
.gh-date-time-picker-time:focus {
  border-color: #c5c8ca;
}
.gh-date-time-picker-date svg {
  width: 14px;
  height: 14px;
}
.gh-date-time-picker-date svg path,
.gh-date-time-picker-date svg rect {
  fill: none;
  stroke: #7c8b9a;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
.gh-date-time-picker-timezone {
  font-size: 1.1rem;
  color: #7c8b9a;
  margin-left: -30px;
}
.gh-date-time-picker-error {
  display: block;
  padding-top: 4px;
  font-size: 1.3rem;
  line-height: 1.4em;
  color: #dd091f;
}
.gh-publish-send-to {
  display: flex;
}
.gh-publish-send-to-option {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 1.2rem;
}
.gh-publish-send-to-option p {
  margin: 0;
  color: #394047;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  white-space: nowrap;
}
.gh-publish-send-to-option .for-checkbox {
  height: 40px;
  position: relative;
}
.gh-publish-send-to-option .for-checkbox .input-toggle-component {
  position: absolute;
  top: calc(50% - 9px);
  left: 14px;
  margin: 0;
  border-color: transparent;
  background: transparent;
}
.gh-publish-send-to-option label p {
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  padding: 0 14px 0 38px;
  border: 1px solid #dee3e7;
  color: #626d79;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.2px;
  cursor: pointer;
  background: none;
  overflow: unset;
  border-radius: 21px;
}
.gh-publish-send-to-option .for-checkbox input:checked + .flex p {
  padding: 0 13px 0 37px;
  border: 2px solid #15171a;
  background: #fafafb;
  color: #15171a;
  line-height: 34px;
}
.gh-publish-send-to-option .for-checkbox input:checked + .flex .input-toggle-component {
  border-color: transparent;
  background: transparent;
}
.gh-publish-send-to-option .for-checkbox .input-toggle-component:before {
  opacity: 1 !important;
  border-color: #abb4be;
}
.gh-publish-send-to-option .for-checkbox input:checked + .flex .input-toggle-component:before {
  opacity: 1;
  border-color: #15171a;
}
.gh-publish-emailcount {
  margin-left: 4px;
  font-size: 1.3rem;
}
.gh-publish-header,
.gh-publish-newsletter-dropdown .ember-power-select-option {
  display: flex;
  justify-content: space-between;
}
.gh-publish-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  flex-wrap: wrap;
  height: 34px;
  padding: 0;
  margin: 1.2rem 2rem;
  z-index: 799;
}
@media (max-width: 1024px) {
  .gh-publish-header {
    z-index: 100;
    display: flex;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 0 0 15px;
    background-color: #fff;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .gh-publish-header .mobile {
    margin-left: 5px;
  }
}
.gh-publish-header .gh-btn-group-right {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.gh-publish-back-button {
  height: 34px;
  padding: 0 12px;
  outline: none;
  border: none;
  background: #fff;
  color: #394047;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 34px;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 6px;
}
.gh-publish-back-button:hover {
  background: #ebeef0;
}
.gh-publish-back-button span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gh-publish-back-button svg {
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.5em;
  padding-top: 2px;
  fill: #394047;
}
.gh-publish-settings-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 688px;
  margin: 0 auto 11vw;
  padding: 11vw 24px 0;
  opacity: 1;
}
.gh-publish-settings-container.fade-in {
  transform-origin: center;
  animation: fade-in-pulse 0.25s cubic-bezier(0.8, 0.02, 0.45, 0.91) forwards;
}
.epm-out .gh-publish-settings-container.fade-in {
  transform-origin: center;
  animation: fade-out-pulse 0.25s cubic-bezier(0.8, 0.02, 0.45, 0.91) forwards;
}
@keyframes fade-in-pulse {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
  }
  70%,
  to {
    transform: scale(1);
  }
}
@keyframes fade-out-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  70%,
  to {
    opacity: 0;
    transform: scale(0.85);
  }
}
@media (max-width: 1024px) {
  .gh-publish-settings-container {
    padding-top: 10vh;
  }
}
.gh-publish-title {
  margin: 2px 0 4rem;
  color: #15171a;
  font-size: 4.6rem;
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: 1.2em;
}
@media (max-width: 1024px) {
  .gh-publish-title {
    font-size: 3.6rem;
  }
}
@media (max-width: 500px) {
  .gh-publish-title {
    font-size: 3rem;
  }
}
.gh-publish-settings {
  margin: 1rem 0 5.2rem;
  width: 100%;
}
@media (max-width: 560px) {
  .gh-publish-settings {
    margin: 1rem 0 3.2rem;
  }
}
.gh-publish-setting {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #e6e9eb;
}
.gh-publish-setting.last {
  border-bottom: 0;
}
.gh-publish-setting-title {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 1.6rem;
}
.gh-publish-setting-title.disabled {
  opacity: 0.3;
  cursor: default;
}
.gh-publish-setting-title svg {
  width: 1.65rem;
  height: 1.65rem;
  margin-right: 1.4rem;
}
.gh-publish-setting-title svg path {
  stroke: #15171a;
  stroke-width: 2px;
}
.gh-publish-setting-title .icon-expand {
  position: absolute;
  right: 0;
  width: 1rem;
  height: auto;
  margin: 0;
  fill: #abb4be;
  transition: all 0.2s ease-in-out;
}
.gh-publish-setting-title .icon-expand path {
  stroke: #abb4be;
}
.expanded .icon-expand {
  transform: scaleY(-1);
  transition: all 0.2s ease-in-out;
}
.gh-publish-setting-trigger {
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  color: #15171a;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.35em;
}
@media (max-width: 560px) {
  .gh-publish-setting-trigger {
    font-size: 1.7rem;
  }
}
.gh-publish-setting-trigger .gh-selected-newsletter {
  font-weight: 600;
}
.gh-publish-setting input[type='radio']:disabled + label {
  color: #abb4be;
}
.gh-publish-setting-form {
  margin: 1.6rem 0;
  padding-bottom: 2.4rem;
  background-color: #fff;
  overflow-x: auto;
}
.gh-publish-setting-form.last {
  margin-bottom: 0;
}
.gh-publish-setting-form.last fieldset {
  display: flex;
  margin-bottom: 0;
}
.gh-publish-newsletter-trigger {
  margin-top: 2px;
  padding: 8px 16px;
  font-size: 1.4rem;
  line-height: 1.65;
}
.gh-publish-newsletter-trigger svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: scaleX(1.1);
}
.gh-publish-newsletter-trigger svg path {
  stroke: #abb4be !important;
  stroke-width: 4;
}
.gh-publish-newsletter-trigger .gh-newsletter-count {
  display: none;
}
.gh-publish-newsletter-dropdown .gh-newsletter-count {
  padding: 2px 7px;
  background: #f1f3f4;
  color: #626d79;
  border-radius: 999px;
  font-weight: 500;
  font-size: 1.25rem;
  min-width: 23px;
  text-align: center;
}
.gh-publish-newsletter-dropdown {
  z-index: 99999;
  padding: 4px 0;
}
.gh-publish-newsletter-dropdown .ember-power-select-option {
  padding: 8px 16px;
}
.gh-publish-newsletter-dropdown .ember-power-select-option[aria-selected='true'] {
  color: #15171a;
  font-weight: 600;
}
.gh-publish-schedule,
.gh-publish-types {
  display: flex;
  flex-shrink: 0;
  margin: 0;
}
.gh-publish-schedule .gh-radio-button,
.gh-publish-types .gh-radio-button {
  display: none;
}
.gh-publish-schedule label,
.gh-publish-types label {
  display: block;
  height: 38px;
  margin-right: 1.2rem;
  padding: 0 18px;
  border: 1px solid #dee3e7;
  color: #626d79;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.2px;
  cursor: pointer;
  background: none;
  border-radius: 21px;
  white-space: nowrap;
}
.gh-publish-schedule .gh-radio.active label,
.gh-publish-types .gh-radio-button:checked + label {
  padding: 0 17px;
  border: 2px solid #15171a;
  color: #15171a;
  line-height: 34px;
  background: #fafafb;
}
.gh-publish-schedule label:hover,
.gh-publish-types label:hover {
  color: #5b6571;
}
.gh-publish-types + .gh-box {
  margin: 16px 0 0;
  padding: 16px 20px;
  font-size: 1.45rem;
}
.gh-publish-schedule .gh-radio {
  margin: 0;
}
.gh-publish-setting-form .gh-date-time-picker {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 12px;
}
.gh-publish-setting-form .gh-date-time-picker-date,
.gh-publish-setting-form .gh-date-time-picker-time {
  height: 38px;
  min-width: 120px;
  margin: 0;
  padding: 8px 12px;
  font-size: 1.4rem;
}
.gh-publish-setting-form .gh-date-time-picker-time {
  width: unset;
}
.gh-publish-setting-form .gh-date-time-picker-timezone {
  margin: 0;
  color: #7c8b9a;
  font-weight: 500;
}
.gh-publish-setting-form .gh-date-time-picker-error {
  grid-column: span 2;
  margin-top: 4px;
  font-size: 1.25rem;
  font-weight: 400;
}
.publish-flow-datepicker {
  width: 100%;
  max-width: 310px;
  padding: 16px;
  box-shadow:
    0 0 7px rgba(0, 0, 0, 0.08),
    0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
    0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016),
    0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
    0 17px 17.9px -5px rgba(0, 0, 0, 0.024),
    0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
    0 76px 80px -5px rgba(0, 0, 0, 0.04);
}
.publish-flow-datepicker .ember-power-calendar-nav {
  align-items: center;
  height: 40px;
  padding: 0 12px 12px;
}
.publish-flow-datepicker .ember-power-calendar-nav-control {
  bottom: unset;
}
.publish-flow-datepicker .ember-power-calendar-day {
  height: 28px;
}
.publish-flow-datepicker .ember-power-calendar-day--selected {
  color: #fff;
  background: #15171a;
}
.publish-flow-datepicker .ember-power-calendar-day--selected:hover {
  color: #fff;
  background: #000;
}
.gh-publish-cta {
  display: flex;
  gap: 3.2rem;
}
.gh-publish-cta,
.gh-publish-cta .gh-btn {
  width: -moz-max-content;
  width: max-content;
}
.gh-publish-cta .gh-btn-pulse {
  fill: #fff;
  background: linear-gradient(90deg, #4dd831, #1dc32e);
  color: #fff;
  font-weight: 500;
  box-shadow: 0 0 0 0 #30cf43;
  animation: pulse-green 2s infinite;
}
@keyframes pulse-green {
  0% {
    transform: scale(0.98);
    box-shadow: 0 0 0 0 rgba(48, 207, 67, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(48, 207, 67, 0);
  }
  to {
    transform: scale(0.98);
    box-shadow: 0 0 0 0 rgba(48, 207, 67, 0);
  }
}
.gh-publish-cta .gh-btn-green,
.gh-publish-cta .gh-btn-green:active,
.gh-publish-cta .gh-btn-green:hover {
  background: linear-gradient(90deg, #4dd831, #1dc32e) !important;
}
.gh-publish-cta .gh-btn-green + .gh-publish-cta-secondary {
  display: none;
}
.gh-publish-cta .gh-btn-green {
  animation: pulse-click 1s;
}
@keyframes pulse-click {
  0% {
    box-shadow: 0 0 0 0 rgba(48, 207, 67, 0.7);
  }
  to {
    box-shadow: 0 0 0 16px rgba(48, 207, 67, 0);
  }
}
.gh-publish-cta-secondary {
  display: block;
  overflow: hidden;
  color: #7c8b9a;
  font-weight: 400;
  letter-spacing: 0.4px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gh-publish-cta-secondary .gh-btn-link {
  display: inline;
  padding: 0;
  color: #394047;
  font-size: 1.45rem;
  text-align: left;
}
.gh-publish-confirmation {
  margin-top: -2rem;
  margin-bottom: 5rem;
  color: #15171a;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6em;
}
.gh-publish-confirmation strong {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .gh-publish-confirmation {
    font-size: 1.6rem;
  }
}
.gh-publish-confirmation + .gh-box-error {
  margin: -4rem 0 4.8rem;
  padding: 16px 20px;
  border: 0;
  background: rgba(245, 11, 35, 0.05);
  font-size: 1.6rem;
}
.gh-publish-confirmation-with-feedback {
  display: flex;
  justify-content: space-between;
}
.gh-revert-to-draft {
  color: #2bba3c;
  font-weight: 500;
}
.gh-back-to-editor {
  color: #7c8b9a;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: 0.4px;
  transition: color 0.2s ease;
  -webkit-font-smoothing: subpixel-antialiased;
}
.gh-back-to-editor:hover {
  color: #394047;
}
.gh-post-bookmark-wrapper {
  margin-bottom: 4rem;
}
.gh-post-bookmark {
  display: grid;
  grid-template-columns: 1fr minmax(0, 2fr);
  width: 100%;
  max-width: 640px;
  margin-top: 1.6rem;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.03),
    0 2px 5px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}
.gh-post-bookmark:hover {
  box-shadow:
    0 54px 80px rgba(0, 0, 0, 0.07),
    0 19.7109px 29.2013px rgba(0, 0, 0, 0.0482987),
    0 9.56927px 14.1767px rgba(0, 0, 0, 0.0389404),
    0 4.69103px 6.94968px rgba(0, 0, 0, 0.0310596),
    0 1.85484px 2.74791px rgba(0, 0, 0, 0.0217013),
    0 0 0 1px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease-in-out;
  transform: translateY(-4px);
}
.gh-post-bookmark-image {
  display: inherit;
}
.gh-post-bookmark-image img {
  width: 100%;
  height: 100%;
  max-height: 152px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px 0 0 6px;
}
.gh-post-bookmark-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  overflow: hidden;
}
.gh-post-bookmark-content.no-image {
  grid-column: span 2;
}
.gh-post-bookmark-title {
  display: -webkit-box;
  margin-bottom: 0.4rem;
  color: #394047;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.4em;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gh-post-bookmark-text {
  margin-bottom: 1.6rem;
  color: #626d79;
  font-size: 1.4rem;
  font-weight: 400;
}
.gh-post-bookmark-details {
  display: flex;
  align-items: center;
  color: #626d79;
  font-size: 1.4rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gh-post-bookmark-site-title {
  flex-shrink: 0;
  max-width: 362px;
  color: #394047;
  font-weight: 500;
}
.gh-post-bookmark-authors,
.gh-post-bookmark-site-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-post-bookmark-authors:before {
  content: '•';
  margin: 0 6px;
  color: #394047;
}
.gh-post-bookmark-site-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.modal-post-success {
  max-width: 600px;
  --padding: 36px;
  --radius: 12px;
}
.modal-post-success .modal-content {
  padding: var(--padding);
  border-radius: var(--radius);
}
.modal-post-success a {
  text-decoration: none;
  color: inherit;
}
.modal-post-success a:hover .gh-post-card {
  background: #fafafb;
}
.modal-post-success .gh-post-card {
  border-radius: 8px;
  border: 1px solid #dee3e7;
  box-sizing: border-box;
  margin: 24px 0 0;
}
.modal-post-success .modal-image {
  aspect-ratio: 16/7.55;
  overflow: hidden;
}
.modal-post-success .modal-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 7px 7px 0 0;
  box-sizing: border-box;
}
.modal-post-success .modal-header {
  margin: 0;
}
.modal-post-success .modal-header h1 {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.modal-post-success .modal-header h1 span:has(+ span) {
  color: #30cf43;
}
.modal-post-success .modal-body {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-wrap: pretty;
  padding: 16px 24px;
}
.modal-post-success .modal-body p {
  font-size: 1.6rem;
  line-height: 1.5em;
}
.modal-post-success .modal-body p.post-excerpt {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 16px;
}
.modal-post-success .email {
  font-size: 1.6rem;
  padding: 0;
}
.modal-post-success .modal-body .gh-post-details {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  font-size: 1.4rem;
}
.modal-post-success .modal-body .gh-post-details .gh-post-bookmark-site-name {
  font-weight: 600;
  flex-shrink: 0;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-post-success .modal-body .gh-post-bookmark-authors:before {
  margin-left: 4px;
}
.modal-post-success .modal-body .gh-post-bookmark-site-icon {
  width: 24px;
  height: 24px;
}
.modal-post-success .modal-body strong.nowrap {
  text-wrap: nowrap;
}
.modal-post-success .modal-footer {
  margin-top: 16px;
  gap: 16px;
  padding: 0;
}
.modal-post-success .modal-footer-email {
  background: #fff;
  margin-top: 36px;
  gap: 16px;
  padding: 0;
  border: none;
  border-radius: 0;
  text-align: right;
}
.modal-post-success .modal-footer .share-buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 16px;
}
.modal-post-success .modal-footer .gh-btn {
  min-width: 64px;
  height: 40px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-post-success .modal-footer .copy-preview-link {
  background: #f1f3f4;
}
.modal-post-success .modal-footer .gh-btn:not(:first-child) {
  margin: 0;
}
.modal-post-success .modal-footer .gh-btn span {
  padding-inline: 18px;
  font-size: 1.4rem;
  height: 100%;
  align-content: center;
}
.modal-post-success .modal-footer .gh-btn-primary {
  min-width: 80px;
}
.modal-post-success .modal-footer:has(.twitter) .gh-btn-primary {
  flex-grow: 1;
}
.modal-post-success .modal-footer .gh-btn:is(.twitter, .threads, .facebook, .linkedin) {
  width: 56px;
  background: #f1f3f4;
  border-color: transparent;
}
.modal-post-success
  .modal-footer
  .gh-btn:is(.twitter, .threads, .facebook, .linkedin, .copy-link, .copy-preview-link):hover {
  background: #ebeef0;
}
.modal-post-success .modal-footer .gh-btn:is(.twitter, .threads, .facebook, .linkedin) span {
  font-size: 0;
}
.modal-post-success .modal-footer .gh-btn svg {
  width: 18px;
  height: 18px;
}
.modal-post-success .modal-footer .gh-btn.twitter svg path {
  fill: #000;
}
.modal-post-success .close {
  top: 24px;
  right: 24px;
}
@media (max-width: 500px) {
  .modal-post-success .modal-header h1 {
    font-size: 2.4rem;
  }
  .modal-post-success .modal-footer {
    display: flex;
    flex-direction: column;
  }
  .modal-post-success .modal-footer .share-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
  .modal-post-success .modal-footer .copy-link,
  .modal-post-success .modal-footer .copy-preview-link {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .modal-post-success .modal-footer:has(.share-buttons) {
    flex-direction: column;
  }
  .modal-post-success .modal-footer .gh-btn:is(.twitter, .threads, .facebook, .linkedin) {
    width: auto;
  }
}
.popover-item {
  position: relative;
  display: inline-block;
  padding: 11px 26px 13px 16px;
  min-width: 300px;
  max-width: 400px;
  background: #394047;
  border-radius: 6px;
  color: #7c8b9a;
  font-size: 1.2rem;
}
.popover-title {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
}
.popover-desc {
  margin-top: -4px;
}
.popover-body {
  margin-top: 11px;
  line-height: 1.7;
}
.popover-body b {
  color: #fff;
}
.popover-body > :last-child {
  margin: 0;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover .popover-item {
  position: absolute;
  z-index: 20;
}
.popover .popover-item.open {
  display: block;
}
.popover .popover-item.closed {
  display: none;
}
.popover-triangle-top {
  transform-origin: top center;
}
.popover-triangle-top-left {
  transform-origin: top left;
}
.popover-triangle-top-right {
  transform-origin: top right;
}
.popover-triangle-bottom {
  transform-origin: bottom center;
}
.popover-triangle-bottom-left {
  transform-origin: bottom left;
}
.popover-triangle-bottom-right {
  transform-origin: bottom right;
}
.popover-triangle-left {
  transform-origin: left center;
}
.popover-triangle-left-top {
  transform-origin: left top;
}
.popover-triangle-left-bottom {
  transform-origin: left bottom;
}
.popover-triangle-right {
  transform-origin: right center;
}
.popover-triangle-right-top {
  transform-origin: right top;
}
.popover-triangle-right-bottom {
  transform-origin: right bottom;
}
.popover-triangle-bottom-left:after,
.popover-triangle-bottom-left:before,
.popover-triangle-bottom-right:after,
.popover-triangle-bottom-right:before,
.popover-triangle-bottom:after,
.popover-triangle-bottom:before,
.popover-triangle-left-bottom:after,
.popover-triangle-left-bottom:before,
.popover-triangle-left-top:after,
.popover-triangle-left-top:before,
.popover-triangle-left:after,
.popover-triangle-left:before,
.popover-triangle-right-bottom:after,
.popover-triangle-right-bottom:before,
.popover-triangle-right-top:after,
.popover-triangle-right-top:before,
.popover-triangle-right:after,
.popover-triangle-right:before,
.popover-triangle-top-left:after,
.popover-triangle-top-left:before,
.popover-triangle-top-right:after,
.popover-triangle-top-right:before,
.popover-triangle-top:after,
.popover-triangle-top:before {
  content: '';
  position: absolute;
  display: block;
}
.popover-triangle-bottom:after,
.popover-triangle-bottom:before,
.popover-triangle-top:after,
.popover-triangle-top:before {
  left: 50%;
  margin-left: -14px;
}
.popover-triangle-bottom-left:after,
.popover-triangle-bottom-left:before,
.popover-triangle-top-left:after,
.popover-triangle-top-left:before {
  left: 14px;
}
.popover-triangle-bottom-right:after,
.popover-triangle-bottom-right:before,
.popover-triangle-top-right:after,
.popover-triangle-top-right:before {
  right: 14px;
  left: auto;
}
.popover-triangle-top-left:before,
.popover-triangle-top-right:before,
.popover-triangle-top:before {
  top: -11.2px;
  width: 0;
  height: 0;
  border-right: 14px solid transparent;
  border-bottom: 11.2px solid #242628;
  border-left: 14px solid transparent;
}
.popover-triangle-bottom-left:before,
.popover-triangle-bottom-right:before,
.popover-triangle-bottom:before {
  bottom: -11.2px;
  width: 0;
  height: 0;
  border-top: 11.2px solid #242628;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
}
.popover-triangle-left:after,
.popover-triangle-left:before,
.popover-triangle-right:after,
.popover-triangle-right:before {
  top: 50%;
  margin-top: -14px;
}
.popover-triangle-left-top:after,
.popover-triangle-left-top:before,
.popover-triangle-right-top:after,
.popover-triangle-right-top:before {
  top: 14px;
}
.popover-triangle-left-bottom:after,
.popover-triangle-left-bottom:before,
.popover-triangle-right-bottom:after,
.popover-triangle-right-bottom:before {
  top: auto;
  bottom: 14px;
}
.popover-triangle-left-bottom:before,
.popover-triangle-left-top:before,
.popover-triangle-left:before {
  left: -11.2px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 11.2px solid #242628;
  border-bottom: 14px solid transparent;
}
.popover-triangle-right-bottom:before,
.popover-triangle-right-top:before,
.popover-triangle-right:before {
  right: -11.2px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11.2px solid #242628;
}
.gh-unsplash-window {
  padding: 25px;
  background: #fff;
}
.gh-unsplash-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: calc(100vh - 200px);
  max-width: 1200px;
  margin: 100px auto;
}
.gh-unsplash-logo {
  position: absolute;
  top: 23px;
  left: 25px;
  display: block;
}
.gh-unsplash-logo svg {
  width: 32px;
}
.gh-unsplash-header {
  text-align: center;
}
.gh-unsplash-header .gh-input-icon svg {
  left: 15px;
  fill: #777;
}
.gh-unsplash-header .gh-input-icon {
  display: block;
  max-width: 1000px;
  margin: 50px auto;
}
.gh-unsplash-search {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 30px 1px 50px;
  outline: none;
  border: 1px solid #c8cfd5;
  color: #394047;
  font-size: 14px;
  background-color: #fff;
  border-radius: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gh-unsplash-search:focus {
  border-color: #adbbc7;
}
.gh-unsplash-loading {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
}
.gh-unsplash-error {
  text-align: center;
}
.gh-unsplash-error-404 {
  min-height: 225px;
  max-width: 300px;
}
.gh-unsplash-error-404,
.gh-unsplash .gh-loading-spinner {
  display: block;
  margin: 0 auto;
}
.gh-unsplash-grid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
  box-sizing: border-box;
  width: 100%;
}
.gh-unsplash-grid-column {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  margin-right: 24px;
}
.gh-unsplash-grid-column:last-of-type {
  margin-right: 0;
}
.gh-unsplash-photo {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 24px;
  color: #fff;
  cursor: zoom-in;
}
.gh-unsplash-photo-container > img {
  position: absolute;
  display: block;
  height: auto;
  width: 100%;
}
.gh-unsplash-photo-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  color: #fff;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2),
    transparent 40%,
    transparent 60%,
    rgba(0, 0, 0, 0.3)
  );
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.gh-unsplash-photo:hover .gh-unsplash-photo-overlay {
  opacity: 1;
}
.gh-unsplash-button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 8px 12px;
  color: #777;
  font-size: 1.4rem;
  line-height: 1.1em;
  font-weight: 500;
  background: #fff;
  border-radius: 5px;
  opacity: 0.9;
  transition: all 0.15s ease-in-out;
}
.gh-unsplash-button:hover {
  opacity: 1;
}
.gh-unsplash-photo-header {
  flex-grow: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.gh-unsplash-photo-author {
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.15em;
}
.gh-unsplash-photo-author-img {
  flex-shrink: 0;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 100%;
}
.gh-unsplash-photo-author-name {
  display: block;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-unsplash-button-likes svg {
  height: 15px;
  margin-right: 5px;
  fill: #ff3f49;
}
.gh-unsplash-photo-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gh-unsplash-button-download svg {
  height: 13px;
  margin: 2px 0 0;
  stroke: #777;
  stroke-width: 3px;
}
.gh-unsplash-zoom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  padding: 25px;
  background: hsla(0, 0%, 100%, 0.8);
  backdrop-filter: blur(2px);
}
.gh-unsplash-zoom .gh-unsplash-photo {
  position: relative;
  width: auto;
  min-height: 400px;
  max-width: 1200px;
  max-height: calc(100vh - 50px);
  margin: 0;
  color: #fff;
  cursor: zoom-out;
  background: #394047;
  box-shadow:
    8px 14px 38px rgba(39, 44, 49, 0.1),
    1px 3px 8px rgba(39, 44, 49, 0.08);
}
.gh-unsplash-zoom .gh-unsplash-photo-container > img {
  position: static;
  display: block;
  width: auto;
  max-height: calc(100vh - 50px);
}
.gh-unsplash-zoom .gh-unsplash-photo-overlay {
  opacity: 1;
}
.gh-tenor-gif {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 24px;
  color: #fff;
  cursor: pointer;
}
.gh-tenor-gif-highlighted {
  box-shadow: 0 0 0 3px #30cf43;
}
.gh-tenor-logo {
  display: inline-block;
  width: 100px;
  margin-right: 20px;
}
.CodeMirror,
.CodeMirror * {
  box-sizing: initial;
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
  box-sizing: content-box;
}
.CodeMirror-linenumber {
  min-width: 14px;
}
ul.nostyle {
  list-style-type: none;
}
.gh-list,
ul.nostyle,
ul.nostyle li {
  margin: 0;
  padding: 0;
}
.gh-list {
  display: table;
  list-style: none;
  background: #fff;
  width: 100%;
}
.gh-list.tabbed {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.gh-list-row {
  display: table-row;
  position: relative;
}
.gh-list-row:not(.header):first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.gh-list-row:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gh-list-cell,
.gh-list-header {
  display: table-cell;
  vertical-align: middle;
}
.gh-list-header {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #15171a;
  padding: 10px 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.pages-list .gh-list-row.header,
.posts-list .gh-list-row.header {
  position: sticky;
  background: #fff;
  z-index: 2;
  top: 0;
}
.gh-list-row.header.empty .gh-list-header {
  padding: 0;
}
.gh-list:not(.tabbed) .gh-list-header:first-child {
  padding-left: 0;
}
.gh-list:not(.tabbed) .gh-list-header:last-child {
  padding-right: 16px;
}
.gh-list-data {
  display: table-cell;
  vertical-align: middle;
  padding: 16px 20px;
  border-top: 1px solid #f1f3f4;
  transition: none !important;
  font-size: 1.3rem;
}
.gh-list.small .gh-list-data {
  padding: 8px 20px;
}
.gh-list-row .gh-list-data:first-child {
  padding-left: 0;
}
.gh-list-cell.show-on-hover > *,
.gh-list-data.show-on-hover > * {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gh-list-row:hover .gh-list-cell.show-on-hover > *,
.gh-list-row:hover .gh-list-data.show-on-hover > * {
  opacity: 1;
}
.gh-list-row > * {
  position: relative;
  z-index: 10;
}
.gh-list-row:not(.header):hover:after {
  display: block;
  position: absolute;
  content: '';
  top: -1px;
  right: -16px;
  bottom: -1px;
  left: -16px;
  background-color: #fafafb;
  z-index: 0;
  border-radius: 7px;
}
.gh-list-row:not(.header):hover + .gh-list-row:not(.header) .gh-list-data,
.gh-list-row:not(.header):hover .gh-list-data {
  border-color: transparent;
}
.gh-list-data-attribution {
  font-weight: 500;
  font-size: 1.4rem;
  color: #7c8b9a;
}
.gh-list-data-attribution > a {
  font-weight: 600;
  color: #394047;
}
.gh-list-data-date {
  font-weight: 500;
  font-size: 1.3rem;
  color: #abb4be;
}
.gh-list-cell.align-right,
.gh-list-data.align-right {
  text-align: right;
}
.gh-list-cellwidth-max {
  width: 100%;
}
.gh-list-cellwidth-min {
  max-width: 8px;
}
.gh-list-cellwidth-2-3 {
  width: 67%;
}
.gh-list-cellwidth-1-2 {
  width: 50%;
}
.gh-list-cellwidth-1-3 {
  width: 33%;
}
.gh-list-cellwidth-1 {
  width: 1%;
}
.gh-list-cellwidth-10 {
  width: 10%;
}
.gh-list-cellwidth-20 {
  width: 20%;
}
.gh-list-cellwidth-25 {
  width: 25%;
}
.gh-list-cellwidth-30 {
  width: 30%;
}
.gh-list-cellwidth-40 {
  width: 40%;
}
.gh-list-cellwidth-50 {
  width: 50%;
}
.gh-list-cellwidth-60 {
  width: 60%;
}
.gh-list-cellwidth-70 {
  width: 70%;
}
.gh-list-cellwidth-80 {
  width: 80%;
}
.gh-list-cellwidth-90 {
  width: 90%;
}
.gh-list-cellwidth-100 {
  width: 100%;
}
.gh-list-cellwidth-chevron {
  width: 32px;
}
.gh-list h3 {
  margin: 0 0 3px;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
}
.gh-list a:not(.gh-btn) {
  color: #15171a;
}
.gh-list-nodata {
  font-size: 1.5rem;
  letter-spacing: 0;
  text-decoration: none;
  min-width: 54px;
  color: #ced4d9;
  font-weight: 500;
}
.gh-list-rate-bar {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.gh-list-rate-number {
  display: inline-block;
  width: 33px;
}
.gh-list-rate-amount {
  height: 6px;
  border-radius: 2.5px;
  background: #ebeef0;
  overflow: hidden;
  position: relative;
  display: block;
  flex-grow: 1;
  margin-left: 4px;
  margin-right: 0;
}
.gh-list-rate-amount > span {
  background: #d5b8ff;
  background: linear-gradient(90deg, #fb2d8d, #8e42ff);
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 2px;
}
@media (max-width: 1200px) {
  .gh-list {
    border-bottom: none;
  }
  .gh-list-header,
  .gh-list-hidecell-m,
  .gh-list .gh-list-nodata {
    display: none;
  }
  .gh-list-rate-bar {
    display: none !important;
  }
}
@media (max-width: 800px) {
  .gh-list-hidecell-s {
    display: none;
  }
  .gh-list-cell.show-on-hover > *,
  .gh-list-data.show-on-hover > * {
    opacity: 1;
  }
  .gh-list-cell.force-hide-s > *,
  .gh-list-data.force-hide-s > * {
    opacity: 0;
  }
}
.gh-flex-list-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  border-top: 1px solid #f1f3f4;
}
.gh-flex-list-row:first-of-type {
  border-top: none;
}
.gh-flex-list-row:not(.header):not(.loading):hover {
  background: #fafafb;
}
.gh-flex-list-row:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.gh-flex-list-row:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gh-flex-list-data {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  transition: none !important;
}
.gh-flex-list-auto {
  flex: 1 1 auto;
}
.gh-flex-list-grow,
.gh-flex-list-shrink {
  flex-grow: 1;
}
.gh-list-chevron a {
  display: flex;
  align-items: center;
  line-height: 1;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  to {
    background-position: 800px 0;
  }
}
@keyframes fadeLoadingList {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gh-list.loading {
  opacity: 0;
  animation: fadeLoadingList 0.3s ease 0.75s 1 forwards;
}
.gh-list-loadingcell div {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #ced4d9;
  background: linear-gradient(90deg, #ced4d9 8%, #d4d9dd 18%, #ced4d9 33%);
  background-size: 800px 104px;
  position: relative;
  max-width: 440px;
  height: 13px;
}
.gh-list-loadingcell:hover {
  background: none;
}
.gh-list-loadingcell .gh-list-loading-title {
  max-width: 440px;
  height: 13px;
}
.gh-list-loadingcell .gh-list-loading-detail {
  max-width: 320px;
  height: 9px;
  margin-top: 8px;
}
.gh-list-scrolling,
.gh-list-sticky {
  position: relative;
  overflow: auto;
  max-width: calc(100% + 96px);
  height: calc(100vh - 140px);
  margin: 0 -48px -81px;
  padding: 0 48px;
}
.gh-list-scrolling table {
  position: relative;
  border-collapse: inherit;
  margin: 0;
  border-bottom: none;
}
.gh-list-scrolling thead tr {
  position: sticky;
  background: #fff;
  z-index: 999;
  top: 0;
}
.gh-list-scrolling thead th {
  vertical-align: middle;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #15171a;
  padding: 10px 20px;
  text-transform: uppercase;
  white-space: nowrap;
  background: #fff;
}
.gh-list-scrolling thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  border-bottom: none;
  padding: 0 60px 0 0;
  background: linear-gradient(90deg, #fff 90%, hsla(0, 0%, 100%, 0));
}
.gh-list-scrolling thead th:first-child:before {
  position: absolute;
  top: 0;
  left: -16px;
  bottom: 0;
  width: 16px;
  display: block;
  content: '';
  background: #fff;
}
.gh-list-scrolling thead th:last-child {
  position: relative;
}
.gh-list-scrolling thead th:last-child:before {
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  width: 16px;
  display: block;
  content: '';
  background: #fff;
}
.gh-list-scrolling tbody .gh-list-data:first-child {
  position: sticky;
  left: 0;
  border-bottom: none;
  background: #fff;
  background: linear-gradient(90deg, #fff 90%, hsla(0, 0%, 100%, 0));
  padding-right: 60px;
  padding-left: 0;
  z-index: 99;
}
.gh-list-scrolling a:not(.wrap),
.gh-list-scrolling td:not(.wrap),
.gh-list-scrolling th:not(.wrap) {
  white-space: nowrap;
}
.gh-list-scrolling tbody th {
  position: sticky;
  left: 0;
}
.gh-list-scrolling tbody .gh-list-data {
  border-bottom: none;
  border-top: 1px solid #f1f3f4;
}
.gh-list-scrolling tbody tr:hover > a:first-of-type,
.gh-list-scrolling tbody tr:hover > a:not(:first-of-type) {
  background: #fafafb;
}
.gh-list-scrolling tbody tr:hover > a:first-of-type:after {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: -16px;
  bottom: 0;
  width: 16px;
  background-color: #fafafb;
  z-index: 0;
  border-radius: 7px 0 0 7px;
}
.gh-list-scrolling tbody tr:hover > a:last-of-type {
  position: relative;
}
.gh-list-scrolling tbody tr:hover > a:last-of-type:after {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  right: -16px;
  bottom: 0;
  width: 16px;
  background-color: #fafafb;
  z-index: 0;
  border-radius: 0 7px 7px 0;
}
.gh-list-scrolling tbody tr:hover + tr > .gh-list-data,
.gh-list-scrolling tbody tr:hover > .gh-list-data {
  border-color: transparent;
}
@media (min-width: 1441px) {
  .gh-list-scrolling,
  .gh-list-sticky {
    height: calc(100vh - 103px);
  }
}
@media (max-width: 800px) {
  .gh-list-scrolling,
  .gh-list-sticky {
    max-width: calc(100% + 8vw);
    height: calc(100vh - 193px);
    margin-left: 0;
    margin-right: -4vw;
    padding-left: 0;
    padding-right: 4vw;
  }
  .gh-list-scrolling thead {
    position: relative;
    z-index: 780;
  }
}
@media (max-width: 450px) {
  .gh-list-scrolling,
  .gh-list-sticky {
    height: calc(100vh - 205px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}
.gh-tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c3cad0;
  padding: 3px 0 8px;
}
.gh-tab {
  padding: 4px 2px;
  margin-right: 28px;
  color: #697989;
  border-radius: 4px;
}
.gh-tab.selected {
  font-weight: 700;
  color: #394047;
  position: relative;
}
.gh-tab.selected:after {
  content: '';
  position: absolute;
  height: 3px;
  background: #14b8ff;
  width: 100%;
  bottom: -9px;
  left: 0;
}
.gh-browserpreview-previewcontainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 3px !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.02),
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
  opacity: 1;
}
.gh-browserpreview-iframecontainer {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.gh-browserpreview-iframecontainer .site-frame {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 1600px) {
  .gh-browserpreview-iframecontainer .site-frame iframe {
    width: 130%;
    height: 130%;
    transform: scale(0.76923);
    transform-origin: 0 0;
  }
}
@media (min-width: 1601px) and (max-width: 1920px) {
  .gh-browserpreview-iframecontainer .site-frame iframe {
    width: 110%;
    height: 110%;
    transform: scale(0.90909);
    transform-origin: 0 0;
  }
}
.gh-browserpreview-browser {
  background: #f1f3f4;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.gh-browserpreview-browser .tabs {
  display: flex;
  align-items: center;
  padding: 16px 13px;
}
.gh-browserpreview-browser .tabs ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.gh-browserpreview-browser .tabs ul li {
  display: block;
  padding: 0;
  margin: 0 10px 0 0;
  background: #ced4d9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.gh-browserpreview-browser .tabs div {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: -7px 6px -15px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  background: #fff;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.gh-browserpreview-browser .favicon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.gh-browserpreview-browser .favicon img {
  width: 16px;
  height: 16px;
}
.gh-browserpreview-browser .favicon svg {
  width: 8px;
  height: 8px;
}
.gh-browserpreview-browser .favicon.default svg {
  width: 16px;
  height: 16px;
}
.gh-browserpreview-browser .site-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.gh-stack {
  display: flex;
  flex-direction: column;
}
.gh-stack-item {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gh-stack-item.row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.gh-stack-item.row label {
  margin-bottom: 0;
}
.gh-filter-builder {
  padding: 20px;
  max-width: 780px;
  min-width: 400px;
}
.gh-filter-builder h3 {
  font-size: 1.9rem;
  font-weight: 600;
}
.gh-filter-builder .gh-filters {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  background: #f1f3f4;
  border-radius: 3px;
  padding: 16px;
  margin-top: 20px;
}
.gh-filter-builder .gh-filter-block {
  display: flex;
  align-items: center;
}
.gh-filter-builder .gh-filter-block .form-group {
  margin: 0;
}
.gh-filter-builder .gh-filter-inputgroup {
  display: grid;
  grid-template-columns: 1fr 146px minmax(0, 1fr) 18px;
  grid-column-gap: 8px;
}
.gh-filter-builder .gh-input,
.gh-filter-builder .gh-select,
.gh-filter-builder select {
  height: 33px;
  font-size: 1.35rem;
}
.gh-filter-builder .gh-select svg {
  width: 9px;
  height: 9px;
  margin-right: 0;
}
.gh-filter-builder .gh-delete-filter {
  width: 20px;
  height: 33px;
  margin-left: 4px;
  color: #626d79;
}
.gh-filter-builder .gh-delete-filter:focus,
.gh-filter-builder .gh-delete-filter:hover {
  color: #f50b23;
}
.gh-add-filter svg,
.gh-filter-builder .gh-delete-filter svg {
  width: 10px;
  height: 10px;
}
.gh-add-filter svg {
  margin: 0 6px 0 2px;
}
.gh-filter-builder .gh-btn-text.green.gh-add-filter:focus-visible span,
.gh-filter-builder .gh-btn-text.green.gh-add-filter:hover span {
  color: #1da42d;
}
.gh-filter-builder-footer .gh-btn:not(.gh-btn-primary):focus-visible {
  color: #394047;
  background: #dde0e2;
}
.gh-filter-builder-footer .gh-btn.gh-btn-primary:focus-visible {
  box-shadow: 0 0 0 2px #26a636;
}
.gh-filter-builder .gh-filter-block-divider {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #7c8b9a;
  text-transform: uppercase;
  margin: 12px 0;
}
.gh-filter-builder .gh-filter-block-divider:before {
  content: '';
  display: block;
  width: 16px;
  height: 1px;
  background: #dddedf;
  margin: 0 4px 0 -16px;
}
.gh-filter-builder .gh-filter-block-divider:after {
  content: '';
  flex-grow: 1;
  display: block;
  height: 1px;
  background: #dddedf;
  margin: 0 -16px 0 4px;
}
.gh-filter-builder-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.gh-filter-block .label-token,
.gh-filter-block .token-segment-tier {
  margin: 2px !important;
}
.gh-filter-block .token-segment-tier .ember-power-select-multiple-remove-btn svg {
  margin-right: 0 !important;
}
.gh-filter-builder .ember-power-select-multiple-trigger {
  padding: 2px;
}
.gh-filter-builder .ember-power-select-dropdown.ember-basic-dropdown-content--below {
  font-size: 1.3rem;
}
.gh-filter-builder .ember-power-select-trigger {
  max-height: 72px;
}
.gh-filter-builder .ember-power-select-option {
  padding: 6px 0 6px 12px;
}
.gh-filter-builder .ember-power-select-multiple-option {
  padding: 1px 1px 1px 6px;
  z-index: 9999;
}
.gh-filter-builder .ember-power-select-trigger-multiple-input {
  height: 23px;
  display: flex;
}
.gh-filter-builder .ember-power-select-multiple-options {
  padding-right: 28px;
}
@media (max-width: 690px) {
  .gh-filter-builder .gh-filter-inputgroup {
    grid-template-columns: 1fr 18px;
    grid-template-rows: 3fr;
    grid-row-gap: 4px;
    margin-bottom: 12px;
  }
  .gh-filter-builder .gh-filter-inputgroup :not(.gh-delete-filter) {
    grid-column: 1/2;
  }
  .gh-filter-builder .gh-filter-inputgroup .gh-delete-filter {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .gh-filter-builder .gh-filters {
    max-height: calc(75vh - 180px);
    overflow-y: auto;
  }
}
.pintura-editor {
  --color-background: 0, 0, 0 !important;
  --color-foreground: 255, 255, 255 !important;
  --font-family:
    Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Droid Sans,
    Helvetica Neue, sans-serif !important;
  --editor-modal-border-radius: 3px !important;
}
.PinturaRoot[data-env~='landscape'][data-env~='has-navigation'] > .PinturaMain {
  grid-column: 1/-1 !important;
}
.PinturaRoot[data-env~='landscape'] .PinturaStage {
  margin: auto !important;
  max-width: calc(100% - 190px) !important;
  width: 100% !important;
}
.PinturaRoot > .PinturaNavTools {
  padding: 24px 24px 0 !important;
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type {
  padding: 0 14px !important;
  height: 34px !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  color: #15171a !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
.PinturaRoot > .PinturaNav .PinturaButtonExport .PinturaButtonInner {
  height: auto !important;
}
.PinturaRoot .PinturaButtonExport:hover {
  color: #15171a !important;
  background-color: #fff !important;
  opacity: 0.95 !important;
}
.PinturaRoot[data-env~='landscape'] .PinturaNavGroup {
  margin-left: 0 !important;
}
.PinturaRoot[data-env~='landscape'] .PinturaUtilFooter,
.PinturaRoot[data-env~='landscape'] .PinturaUtilMain {
  padding-right: 0 !important;
}
.PinturaRectManipulator[data-shape~='circle'] {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.PinturaRectManipulator:not([data-shape='edge']):after {
  inset: 0 !important;
  border-radius: 0 !important;
  content: '' !important;
  display: inline-block !important;
  height: 20px !important;
  position: relative !important;
  transform: rotate(-90deg) !important;
  width: 20px !important;
  border-color: #fff !important;
  border-style: solid !important;
  border-width: 4px 4px 0 0 !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='tr'] {
  left: -20px !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='tr']:after {
  transform: rotate(0) !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='bl'] {
  top: -20px !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='bl']:after {
  transform: rotate(180deg) !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='br'] {
  top: -20px !important;
  left: -20px !important;
}
.PinturaRectManipulator[data-shape~='circle'][data-direction='br']:after {
  transform: rotate(90deg) !important;
}
.theme-validation-container {
  overflow-y: auto;
  margin: -32px -32px 0;
  padding: 32px 32px 0;
  max-height: calc(100vh - 20vw);
}
@media (max-height: 960px) {
  .theme-validation-container {
    max-height: calc(100vh - 180px);
  }
}
.theme-validation-container .gh-image-uploader {
  justify-content: center;
}
.theme-validation-container .gh-image-uploader .description {
  color: #2bba3c;
  font-weight: 500;
}
.theme-validation-container .gh-image-uploader .x-file-input.try-again,
.theme-validation-container .gh-image-uploader .x-file-input.try-again label {
  display: inline;
}
.theme-validation-item {
  margin: 12px 0 0;
  padding: 12px 16px 12px 28px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ced4d9;
}
.theme-validation-item h4 {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5em;
}
.theme-validation-rule-text {
  flex-grow: 1;
}
.theme-validation-item.theme-fatal-error {
  border: 1px solid #f50b23;
}
.theme-validation-item.theme-error .theme-validation-rule-text:before,
.theme-validation-item.theme-fatal-error .theme-validation-rule-text:before,
.theme-validation-item.theme-warning .theme-validation-rule-text:before {
  font-weight: 600;
}
.theme-validation-item.theme-fatal-error .theme-validation-rule-text:before {
  content: 'Fatal error:';
  color: #f50b23;
}
.theme-validation-item.theme-error .theme-validation-rule-text:before {
  content: 'Error:';
}
.theme-validation-item.theme-warning .theme-validation-rule-text:before {
  content: 'Warning:';
}
.theme-error .theme-validation-type-label:before,
.theme-fatal-error .theme-validation-type-label:before,
.theme-warning .theme-validation-type-label:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  margin-left: -16px;
  border-radius: 999px;
}
.theme-error .theme-validation-type-label:before,
.theme-fatal-error .theme-validation-type-label:before {
  background: rgba(245, 11, 35, 0.85);
}
.theme-warning .theme-validation-type-label:before {
  background: #ffb41f;
}
.theme-validation-list ul {
  list-style: disc;
}
.theme-validation-list code,
.theme-validation-rule-text code {
  font-size: 0.9em;
}
.theme-validation-item h6 {
  font-size: 1.3rem;
  font-weight: 500;
}
.theme-validation-toggle-details {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: flex-start;
  padding: 0;
  color: #394047;
  text-decoration: none !important;
  font-size: 1.3rem;
}
.theme-validation-rule-icon {
  flex-shrink: 0;
  margin-left: 5px;
  width: 13px;
  height: 14px;
  color: #7c8b9a;
  transition: all 0.1s ease-out;
}
.theme-validation-rule-icon svg path {
  fill: #7c8b9a;
}
.theme-validation-details {
  margin-top: 12px;
  padding-top: 12px;
  font-size: 1.3rem;
  border-top: 1px solid #ced4d9;
}
p.theme-validation-details {
  font-size: 1.3rem;
}
.theme-validation-screenshot img {
  margin-bottom: 2rem;
  border: 1px solid #e6e9eb;
  border-radius: 3px;
}
.gh-about-logo svg {
  position: relative;
  width: 120px;
  height: auto;
}
.gh-about-logo {
  border-bottom: 1px solid #e4e8ec;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.gh-about-modal .gh-about-logo {
  margin: 4px 0 20px;
  border-bottom: none;
  padding-bottom: 0;
}
.gh-env-details {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 24px 28px 28px;
}
.gh-env-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gh-env-list li {
  margin: 0 0 4px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.gh-env-error {
  margin: 1.2rem 0;
  padding: 16px;
  line-height: 1.4em;
  border: none;
  background: rgba(245, 11, 35, 0.06);
  border-radius: 3px;
}
.gh-env-error a {
  color: #f50b23;
}
.gh-env-help {
  max-width: 200px;
}
.gh-env-help .gh-btn {
  margin: 4px 0;
}
@media (max-width: 670px) {
  .gh-env-details {
    flex-direction: column;
  }
  .gh-env-help {
    margin: 1em 0;
    max-width: none;
  }
  .gh-env-help .gh-btn {
    display: inline-block;
  }
}
.gh-about-content-actions {
  display: none;
}
.gh-upgrade-notification {
  padding-top: 1em;
}
.gh-upgrade-notification a {
  text-decoration: underline;
}
.gh-about-modal .gh-upgrade-notification {
  background: rgba(48, 207, 67, 0.08);
  padding: 24px 28px;
  border-radius: 3px;
  margin-bottom: 28px;
}
.gh-copyright-info {
  color: #7c8b9a;
  font-size: 1.3rem;
  border-top: 1px solid #e4e8ec;
  padding-top: 16px;
  margin-top: 16px;
  line-height: 1.45em;
}
.gh-about-modal .gh-copyright-info {
  margin: 4px 0 8px;
  border-top: none;
}
.width-25 {
  width: 25%;
}
.width-34 {
  width: 34%;
}
.width-50 {
  width: 50%;
}
.width-67 {
  width: 67%;
}
.gh-app {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  height: 100%;
}
.gh-app,
.gh-viewport {
  display: flex;
  overflow: hidden;
}
.gh-viewport {
  flex-grow: 1;
  max-height: 100%;
}
.gh-main {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body:not(.gh-body-fullscreen) .gh-viewport {
  background-color: #fafafb;
}
.gh-main-white {
  background: #fff;
}
.gh-main-grey {
  background: #fafafb;
}
.gh-main-grey-gradient {
  background: linear-gradient(315deg, #fafafb, #fff);
}
.gh-main-wide .gh-canvas {
  max-width: 1600px;
}
.gh-main-fullwidth .gh-canvas {
  max-width: 100%;
}
.gh-main > section {
  width: 100%;
  position: relative;
}
.gh-user-avatar {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 8px 0 0;
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  border: 1px solid #ebeef0;
}
.gh-nav {
  position: relative;
  z-index: 800;
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  transform: translateX(0);
  transition:
    flex-basis 0.25s ease-in-out,
    opacity 0.25s ease-in-out,
    transform 0.25s ease-in-out,
    box-shadow 0.25s ease-in-out;
}
.gh-nav-hidden {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-320px);
  width: 320px;
  background-color: #fff;
  height: 100%;
  z-index: 9999;
}
.gh-nav-hidden:hover {
  transform: translateX(0);
  box-shadow:
    100px 0 80px 0 rgba(0, 0, 0, 0.02),
    41.78px 0 33.422px 0 rgba(0, 0, 0, 0.01),
    22.34px 0 17.869px 0 rgba(0, 0, 0, 0.01),
    12.52px 0 10.017px 0 rgba(0, 0, 0, 0.01),
    6.65px 0 5.32px 0 rgba(0, 0, 0, 0.01),
    2.77px 0 2.214px 0 rgba(0, 0, 0, 0.01);
}
.gh-toggle-nav-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  right: -32px;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.gh-nav-hidden .gh-toggle-nav-menu {
  width: 60px;
  max-height: 400px;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.gh-nav-hidden .gh-toggle-nav-menu,
.gh-nav:hover .gh-toggle-nav-menu {
  opacity: 1;
}
.gh-btn-toggle-menu {
  width: 18px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gh-nav-hidden:hover .gh-btn-toggle-menu {
  transform: translateX(-22px);
}
.gh-btn-toggle-menu .segment-1,
.gh-btn-toggle-menu .segment-2 {
  display: block;
  width: 2px;
  height: 10px;
  background: #abb4be;
  transition: transform 0.15s ease-in-out;
}
.gh-btn-toggle-menu .segment-1 {
  border-radius: 10px 10px 0 0;
}
.gh-btn-toggle-menu .segment-2 {
  border-radius: 0 0 10px 10px;
}
.gh-btn-toggle-menu:hover .segment-1 {
  transform: rotate(45deg) translateY(2px) scaleY(1.2);
}
.gh-btn-toggle-menu:hover .segment-2 {
  transform: rotate(-45deg) translateY(-2px) scaleY(1.2);
}
.gh-nav-hidden .gh-btn-toggle-menu .segment-1,
.gh-nav-hidden .gh-btn-toggle-menu .segment-2 {
  transform: translateX(2px);
}
.gh-nav-hidden .gh-btn-toggle-menu:hover .segment-1 {
  transform: rotate(-45deg) translateY(2px) scaleY(1.2) translateX(0);
}
.gh-nav-hidden .gh-btn-toggle-menu:hover .segment-2 {
  transform: rotate(45deg) translateY(-2px) scaleY(1.2) translateX(0);
}
.gh-nav-contributor {
  position: absolute;
  bottom: 0;
  border-right: none;
  background: unset;
  width: 100%;
  overflow: unset;
}
.gh-nav-contributor .gh-nav-body {
  overflow: unset;
}
.gh-nav-contributor .gh-sidebar-banner {
  max-width: 300px;
}
.gh-nav-menu {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 32px;
}
.gh-nav-menu-dropdown .dropdown-menu {
  top: -324px;
  left: -13px;
  margin: 10px 0 0;
  box-shadow:
    0 0 7px rgba(0, 0, 0, 0.08),
    0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
    0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016),
    0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
    0 17px 17.9px -5px rgba(0, 0, 0, 0.024),
    0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
    0 76px 80px -5px rgba(0, 0, 0, 0.04);
  min-width: 290px;
  padding: 4px 0;
  border-radius: 8px;
}
.gh-nav-menu-dropdown-contributor .dropdown-menu {
  top: -272px;
}
.gh-nav-menu-dropdown .dropdown-menu > li > a,
.gh-nav-menu-dropdown .dropdown-menu > li > button {
  font-size: 1.4rem;
  margin: 1px 4px 0;
  width: unset;
  padding: 8px 14px 9px;
  height: 36px;
  font-weight: 400;
}
.gh-nav-menu-dropdown .dropdown-menu > li > button {
  width: calc(100% - 8px);
}
.gh-nav-menu-dropdown .dropdown-menu .divider {
  margin: 4px 0;
}
.gh-nav-menu-dropdown .dropdown-menu svg {
  width: 16px;
  height: 16px;
}
.gh-nav-menu-dropdown.ember-basic-dropdown--transitioning-in {
  animation: fade-in-scale 0.2s;
  animation-fill-mode: forwards;
}
.gh-nav-menu-dropdown.ember-basic-dropdown--transitioning-out {
  animation: fade-out 0.5s;
  animation-fill-mode: forwards;
}
.gh-nav-menu-icon {
  flex-shrink: 0;
  margin-right: 12px;
  margin-left: -6px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  background-size: cover;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.gh-nav-menu-details {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-right: 10px;
  min-width: 0;
}
.gh-nav-menu-details-sitetitle {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.3em;
  font-weight: 600;
  color: #15171a;
}
.gh-nav-menu-details-sitetitle,
.gh-nav-menu-details-user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-nav-menu-details-user {
  color: #7c8b9a;
  font-size: 1.2rem;
  line-height: 1.2em;
}
.gh-nav-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  overflow-y: auto;
  padding: 0;
}
.gh-nav-main-enter-active,
.gh-nav-main-leave-active {
  position: absolute;
  top: 0;
  height: 100%;
  transition: transform 0.4s ease;
  width: 319px;
}
.gh-nav-main-enter,
.gh-nav-main-leave-to {
  transform: translateX(-100%);
}
.gh-account-menu-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.gh-account-menu-header .gh-user-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  margin: 0;
  padding: 0;
}
.gh-account-menu-header .gh-user-info {
  margin-left: 10px;
}
.gh-account-menu-header .user-menu-signout {
  position: absolute;
  top: 16px;
  right: 12px;
}
.gh-user-name {
  margin: 1px 0 0;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 5px;
}
.gh-user-email,
.gh-user-name {
  display: inline-block;
  width: 188px;
  padding: 0;
  word-break: break-all;
  line-height: 1;
}
.gh-user-email {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626d79;
}
.gh-nav-list .gh-icon-ap-network {
  width: 18px;
  height: 18px;
}
.gh-nav-btn-search {
  padding: 8px 8px 5px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  margin: 2px -8px 0 0;
}
.gh-nav-btn-search svg {
  width: 18px;
  height: 18px;
}
.gh-nav-btn-search svg path {
  fill: #7c8b9a;
}
.gh-nav-btn-search:hover {
  background: #f1f3f4;
}
.gh-nav-search-modal {
  position: relative;
  margin: -32px;
}
.gh-nav-search {
  position: relative;
  min-width: 300px;
}
.gh-nav-search-input .ember-power-select-trigger {
  outline: 0;
  background: #fff;
  border-radius: 5px;
  border: none;
  padding: 16px;
}
.gh-nav-search-input .ember-power-select-trigger input {
  height: 25px;
  margin-left: 26px !important;
  font-size: 1.5rem !important;
}
.gh-nav-search-icon {
  position: absolute;
  top: 21px;
  left: 15px;
  bottom: 0;
  z-index: 1;
  width: 16px !important;
  height: 16px !important;
  line-height: 13px;
}
.gh-nav-search-icon path {
  stroke: none !important;
  fill: #7c8b9a;
}
.gh-search-tips {
  position: absolute;
  top: calc(100% + 5px);
  padding: 0 8px;
  border-radius: 5px;
  right: 0;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-align: right;
  background: none;
  color: hsla(0, 0%, 100%, 0.9);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.modal-content .gh-nav-search-modal .ember-power-select-option {
  height: auto;
  margin: 0 10px;
  border-radius: 9px;
}
.gh-nav-search-modal .gh-nav-search-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gh-nav-search-modal .gh-nav-search-label {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.1px;
  white-space: nowrap;
  padding: 1px 8px;
  border-radius: 5px;
}
.gh-nav-search-modal .gh-nav-search-label.draft {
  background: rgba(236, 22, 111, 0.1);
  color: #fb2d8d;
}
.gh-nav-search-modal .gh-nav-search-label.scheduled {
  background: rgba(48, 207, 67, 0.1);
  color: #30cf43;
}
@media (max-width: 800px) {
  .gh-nav-search {
    min-width: 220px;
  }
}
.gh-nav-list {
  margin: 32px 0 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.6em;
  padding: 0 20px;
}
.gh-nav-list:first-of-type {
  margin-top: 0;
}
.gh-nav-list li {
  margin: 0;
  padding: 0;
}
.gh-nav-list .gh-nav-list-h {
  overflow: hidden;
  padding: 10px 27px;
  color: #394047;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.4px;
  font-size: 1.1rem;
  line-height: 1.1em;
  font-weight: 500;
}
.gh-nav-list a,
.gh-nav-list button.main-menu-item {
  display: flex;
  align-items: center;
  color: #626d79;
  transition: none;
  font-weight: 500;
  padding: 7px 14px;
  font-size: 1.4rem;
  height: 36px;
  margin: 1px 0 0;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
}
.gh-nav-list button.main-menu-item {
  width: calc(100% - 12px);
}
.gh-nav-list .active {
  position: relative;
  color: #15171a;
  background-color: #ebeef0;
  font-weight: 600;
}
.gh-nav-list a:not(.active):hover,
.gh-nav-list button.main-menu-item:hover {
  color: #394047;
  background: #f1f3f4;
  opacity: 1;
}
.gh-nav-list a:hover .gh-nav-member-count {
  background: #dce2e5;
}
.gh-nav-list svg,
.gh-nav-list img {
  margin-right: 11px;
  width: 16px;
  height: 16px;
  line-height: 1;
  transition: none;
  z-index: 999;
}
.gh-nav-list-home svg {
  margin-top: -2px;
}
.gh-nav-list svg circle {
  fill: none !important;
}
.gh-nav-button-expand {
  display: flex;
  align-items: center;
  padding-left: 8px;
  height: 16px;
  position: absolute;
  left: 8px;
  top: 10px;
  z-index: 999;
  opacity: 1;
  padding-left: 9px;
  opacity: 0;
}
.gh-nav-list-posts:hover .gh-nav-button-expand {
  opacity: 1;
}
.gh-nav-posts-icon {
  transition: all 0.2s ease !important;
}
.gh-nav-list-posts:hover .gh-nav-posts-icon {
  opacity: 0;
}
.gh-nav-button-expand svg {
  width: 9px;
  height: 9px;
  margin-bottom: 1px;
}
.gh-nav-button-expand svg path {
  stroke-width: 2px;
  stroke: #7c8b9a;
}
.gh-nav-button-expand:hover svg path {
  stroke: #2e3339;
}
.gh-nav-list a[data-test-nav='posts'] svg {
  margin-top: -3px;
}
.gh-nav-list .gh-secondary-action {
  position: absolute;
  z-index: 999;
  padding: 10px;
  margin: 0;
  right: -6px;
  top: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.gh-nav-list li:hover .gh-secondary-action {
  opacity: 1;
}
.gh-nav-list .gh-secondary-action span {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gh-nav-list .gh-secondary-action span svg {
  margin-right: 0;
}
.gh-nav-list .gh-secondary-action:not(.icon-only):hover span {
  background: #f1f3f4;
}
.gh-nav-list .active + .gh-secondary-action:hover span,
.gh-nav-list .gh-secondary-action:hover,
.gh-nav-list a.gh-secondary-action:hover {
  background: none;
}
.gh-nav-list .gh-secondary-action.icon-only,
.gh-nav-list .gh-secondary-action.icon-only span {
  pointer-events: none;
  transition: none;
}
.gh-nav-list .gh-secondary-action.icon-only.arrow svg {
  width: 16px;
  height: 16px;
}
.gh-nav-list .gh-nav-new-post {
  opacity: 1;
}
.gh-nav-list .gh-nav-new-post span svg path {
  stroke: #394047;
  stroke-width: 1;
}
.gh-nav-list .gh-nav-member-count {
  position: absolute;
  z-index: 999;
  padding: 2px 7px;
  margin: 0;
  right: 10px;
  top: 7px;
  background: #ebeef0;
  color: #626d79;
  border-radius: 999px;
  font-weight: 500;
  font-size: 1.3rem;
  min-width: 23px;
  text-align: center;
}
.gh-nav-list-ap .active .gh-nav-member-count {
  display: none;
}
.gh-nav-main {
  margin: 24px 0;
}
.gh-nav-labs {
  margin-bottom: 32px;
  padding: 0;
}
.gh-nav-pro .gh-btn-green {
  margin: 12px 0 9px !important;
  width: 100% !important;
}
.gh-nav-view-list {
  padding: 0;
  margin: 0 0 22px;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.6em;
}
.gh-nav-view-list a {
  position: relative;
  padding-left: 42px;
}
.gh-nav-viewname {
  display: inline-block;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gh-nav-view-list .circle {
  position: absolute;
  display: block;
  border-radius: 999px;
  border: 3px solid #7c8b9a;
  width: 8px;
  height: 8px;
  margin: 0;
  right: 18px;
}
.gh-nav-view-list .svg-midgrey .circle {
  border-color: #7c8b9a;
  background: #7c8b9a;
}
.gh-nav-view-list .svg-blue .circle {
  border-color: #14b8ff;
  background: #14b8ff;
}
.gh-nav-view-list .svg-green .circle {
  border-color: #30cf43;
  background: #30cf43;
}
.gh-nav-view-list .svg-red .circle {
  border-color: #f50b23;
  background: #f50b23;
}
.gh-nav-view-list .svg-teal .circle {
  border-color: #4dcddc;
  background: #4dcddc;
}
.gh-nav-view-list .svg-purple .circle {
  border-color: #8e42ff;
  background: #8e42ff;
}
.gh-nav-view-list .svg-yellow .circle {
  border-color: #ffb41f;
  background: #ffb41f;
}
.gh-nav-view-list .svg-orange .circle {
  border-color: #fe8b05;
  background: #fe8b05;
}
.gh-nav-view-list .svg-pink .circle {
  border-color: #fb2d8d;
  background: #fb2d8d;
}
@media (max-width: 800px) {
  .gh-nav-button-expand {
    opacity: 1;
  }
  .gh-nav-posts-icon {
    opacity: 0;
  }
}
.gh-nav-bottom {
  margin: 0;
  padding: 32px;
}
.gh-nav-bottom .ember-basic-dropdown-trigger {
  padding: 4px 8px 4px 4px;
  margin: -4px -8px -4px -4px;
  border-radius: 999px;
}
.gh-nav-bottom .ember-basic-dropdown-trigger:hover {
  background: #ebeef0;
}
.gh-nav-contributor .gh-nav-bottom .ember-basic-dropdown-trigger {
  padding: 8px 12px 8px 8px;
  margin: -4px 0;
}
.gh-nav-bottom-tabicon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  padding: 10px;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  line-height: 1;
  color: #394047;
}
.gh-nav-bottom-tabicon:hover {
  background: #ebeef0;
}
.gh-nav-bottom-tabicon.active {
  background: #e6e9eb;
  color: #15171a;
}
.gh-nav-bottom-tabicon.active svg {
  fill: #15171a;
}
.gh-nav-bottom-tabicon svg {
  width: 20px;
  height: 20px;
  fill: #394047;
  line-height: 1;
  transition: none;
}
.gh-nav-bottom-tabicon:last-child[data-tooltip]:before {
  left: -12px;
}
.nightshift-toggle-container {
  padding: 8px 0 8px 12px;
}
.nightshift-toggle-container[data-tooltip]:before {
  left: -10px;
}
.nightshift-toggle {
  position: relative;
  height: 22px;
  width: 42px;
  background: #15171a;
  cursor: pointer;
}
.nightshift-toggle,
.nightshift-toggle .thumb {
  border-radius: 999px;
  transition: all 0.3s ease-in-out;
}
.nightshift-toggle .thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background-color: #fff;
}
.nightshift-toggle.on .thumb {
  position: absolute;
  left: 22px;
  top: 2px;
}
.nightshift-toggle .sun {
  right: 6px;
}
.nightshift-toggle .moon,
.nightshift-toggle .sun {
  position: absolute;
  top: 5px;
  color: #fff;
  line-height: 1;
}
.nightshift-toggle .moon {
  left: 6px;
}
.nightshift-toggle .moon svg,
.nightshift-toggle .sun svg {
  width: 12px;
  height: 12px;
  transition: all 0.3s ease-in-out;
}
.nightshift-toggle .moon svg path,
.nightshift-toggle .sun svg circle,
.nightshift-toggle .sun svg line,
.nightshift-toggle .sun svg path {
  stroke-width: 2px;
}
@media (max-width: 1240px) {
  .gh-nav {
    flex-basis: 280px;
  }
  .gh-nav-main-enter-active,
  .gh-nav-main-leave-active {
    width: 279px;
  }
}
.gh-mobilemenu-button {
  display: none;
}
@media (max-width: 800px) {
  .view-header {
    padding-left: 0 !important;
  }
  .gh-mobilemenu-button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 24px;
    font-size: 18px;
    line-height: 18px;
  }
  .gh-mobilemenu-button .icon-gh {
    margin: 0;
    width: 20px;
    height: 18px;
  }
  .gh-nav:not(.gh-nav-contributor) {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    background: #fff;
    transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
    transform: translate3d(-320px, 0, 0);
  }
  .mobile-menu-expanded .gh-nav {
    transform: translateZ(0);
    z-index: 1000;
    box-shadow:
      100px 0 80px 0 rgba(0, 0, 0, 0.02),
      41.78px 0 33.422px 0 rgba(0, 0, 0, 0.01),
      22.34px 0 17.869px 0 rgba(0, 0, 0, 0.01),
      12.52px 0 10.017px 0 rgba(0, 0, 0, 0.01),
      6.65px 0 5.32px 0 rgba(0, 0, 0, 0.01),
      2.77px 0 2.214px 0 rgba(0, 0, 0, 0.01);
  }
  .mobile-menu-expanded .content-cover {
    width: calc(100vw - 260px);
    cursor: pointer;
    transform: translate3d(260px, 0, 0);
  }
}
@media (max-width: 460px) {
  .gh-mobilemenu-button {
    padding: 24px 15px 24px 16px;
  }
  .gh-nav:not(.gh-nav-contributor) {
    width: 80vw;
    transform: translate3d(-80vw, 0, 0);
  }
  .mobile-menu-expanded .gh-nav {
    transform: translateZ(0);
  }
  .mobile-menu-expanded .content-cover {
    width: 20vw;
    cursor: pointer;
    transform: translate3d(80vw, 0, 0);
  }
  .gh-nav-list {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  .gh-nav-list-h {
    font-size: 1.2rem;
  }
  .gh-nav-list svg {
    margin-right: 10px;
    width: 17px;
    height: 17px;
    text-align: center;
    font-size: 17px;
  }
  .gh-nav-button-expand svg {
    width: 9px;
    height: 9px;
    margin-bottom: 1px;
  }
}
.gh-mobile-nav-bar {
  display: none;
}
@media (max-width: 800px) {
  .gh-toggle-nav-menu {
    display: none;
  }
  .gh-viewport {
    padding-bottom: 55px;
  }
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    .gh-viewport {
      padding-bottom: calc(55px + env(safe-area-inset-bottom, 0px));
    }
  }
  .gh-mobile-nav-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fafafb;
    z-index: 800;
    height: 72px;
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
  }
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    .gh-mobile-nav-bar {
      padding-bottom: env(safe-area-inset-bottom, 0);
    }
  }
  .gh-mobile-nav-bar-more,
  .gh-mobile-nav-bar a {
    position: relative;
    height: 48px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    color: #626d79;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 1.2rem;
    margin: 4px;
    border-radius: 999px;
  }
  .gh-mobile-nav-bar a.active {
    background: #ebeef0;
    color: #15171a;
  }
  .gh-mobile-nav-bar a.active svg {
    fill: #15171a;
  }
  .gh-mobile-nav-bar a.active.gh-nav-main-users g,
  .gh-mobile-nav-bar a.active.gh-nav-main-users path {
    fill: transparent;
    stroke: #15171a;
  }
  .gh-mobile-nav-bar svg,
  .gh-mobile-nav-bar svg g {
    width: 18px;
    fill: #394047;
  }
  .gh-mobile-nav-bar svg g path {
    stroke: #15171a;
  }
  .gh-mobile-nav-bar .gh-mobile-nav-bar-more svg path {
    fill: #394047;
  }
  .gh-body-fullscreen .gh-viewport,
  .unauthenticated-route .gh-viewport {
    padding-bottom: 0;
  }
  .gh-body-fullscreen .gh-mobile-nav-bar,
  .unauthenticated-route .gh-mobile-nav-bar {
    display: none;
  }
  .mobile-nav-posts-icon {
    transform: translateY(-1px) translateX(1px);
  }
  .mobile-nav-members-icon {
    width: 20px;
    transform: translateY(-1px);
  }
}
.gh-view {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.gh-canvas {
  flex-grow: 1;
  padding: 0 32px 32px;
  margin: 0 auto;
  max-width: 1480px;
}
@media (min-width: 800px) {
  .gh-nav-hidden + .gh-main .gh-canvas {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.gh-canvas.gh-canvas-sticky {
  padding-bottom: 0;
}
.gh-canvas.circle-bg:before {
  position: absolute;
  display: block;
  content: '';
  top: -450px;
  right: -250px;
  width: 970px;
  height: 970px;
  border-radius: 50%;
  z-index: 0;
  background: #f5f6f6;
  opacity: 0.5;
}
.gh-canvas-header {
  margin: 0 -32px;
  padding: 32px;
  top: 0;
  background: #fff;
  z-index: 700;
  border-bottom: 1px solid;
  border-color: transparent;
}
.gh-canvas-header.sticky {
  position: sticky;
}
.gh-canvas.circle-bg .gh-canvas-header {
  position: relative;
  background: none;
}
.gh-canvas-header.grey,
.gh-main-grey .gh-canvas-header {
  background: #f5f6f6;
}
.gh-canvas-header .gh-canvas-breadcrumb {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 34px;
  color: #8e9cac;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.2px;
  background: none;
  white-space: nowrap;
}
.gh-canvas-header.sticky .gh-canvas-breadcrumb {
  position: sticky;
}
.gh-canvas-header .gh-canvas-breadcrumb a {
  color: #394047;
  line-height: 24px;
}
.gh-canvas-header .gh-canvas-breadcrumb svg {
  display: block;
  width: 9px;
  height: 9px;
  margin: 1px 10px 0;
}
.gh-canvas-header .gh-canvas-breadcrumb svg path {
  stroke: #8e9cac;
}
.gh-main-grey-gradient .gh-canvas-header {
  background: transparent;
  position: relative;
}
.gh-canvas-header-content {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.gh-main-width {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 32px;
}
.gh-main-white .gh-canvas-header {
  background: #fff;
}
.gh-main-layout.content-preview {
  display: grid;
  grid-template-columns: auto 460px;
  grid-gap: 32px;
}
@media (max-width: 1320px) {
  .gh-main-layout.content-preview {
    grid-gap: 0;
  }
}
@media (max-width: 1140px) {
  .gh-main-layout.content-preview {
    display: flex;
  }
}
.gh-main-section {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 3vw;
  grid-column-gap: 0;
}
.gh-main-section-header,
.gh-main-section.bb {
  border-bottom: 1px solid #ebeef0;
}
.gh-main-section-header {
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: unset;
  padding: 8px 0;
  color: #15171a;
  margin: 0;
}
.gh-main-section-header.small {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 500;
  padding: 12px 0;
}
.gh-main-section-header.bn {
  border: none;
}
.gh-main-section-header.pt0 {
  padding-top: 0;
}
.gh-main-section-header.pt5 {
  padding-top: 20px;
}
.gh-main-section-description {
  color: #626d79;
  border-bottom: 1px solid #ebeef0;
  padding: 0 0 8px;
  font-size: 1.3rem;
  margin: 0;
  font-weight: 400;
}
.gh-main-section-description.bn {
  border-bottom: none;
}
.gh-main-section-header + .gh-main-section-description {
  margin-top: -6px;
  padding-bottom: 12px;
}
.gh-main-section-header.small + .gh-main-section-description {
  font-size: 1.2rem;
  margin-top: -10px;
}
.gh-main-section.columns-2 {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 32px;
}
.gh-main-section.columns-2 .gh-main-section-header {
  grid-column: 1/3;
}
.gh-main-section.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 32px;
}
.gh-main-section.columns-3 .gh-main-section-header {
  grid-column: 1/4;
}
.gh-main-section-block {
  padding: 0;
}
.gh-main-section-block.span-2 {
  grid-column: span 2;
}
.gh-main-section-block.with-margin,
.gh-main-section-block:not(:last-of-type) {
  margin-bottom: 32px;
}
.gh-main-section-block.no-margin {
  margin-bottom: 0;
}
.gh-main-section-block.bt {
  border-top: 1px solid #ebeef0;
}
.gh-main-section-block.br {
  border-right: 1px solid #ebeef0;
}
.gh-main-section-block.bb {
  border-bottom: 1px solid #ebeef0;
}
.gh-main-section-block.bl {
  border-left: 1px solid #ebeef0;
}
.gh-main-section-block.p0 {
  padding: 0;
}
.gh-main-section-content {
  display: grid;
  grid-template-columns: 1fr;
}
.gh-main-section-content.grey {
  background: #f5f6f6;
  padding: 24px;
  border-radius: 3px;
}
.gh-main-section-content.bordered {
  padding: 24px;
  border: 1px solid #e5e9ed;
  border-radius: 12px;
}
.gh-main-section-content.columns-2 {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
.gh-main-section-content.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 24px;
}
.gh-main-section-content.padding-top-s {
  padding-top: 16px;
}
.gh-main-section-content + .gh-main-section-header {
  margin-top: 24px;
}
.gh-main-section-block.stretch-height {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gh-main-section-block.stretch-height .gh-main-section-content {
  flex-grow: 1;
}
.gh-expandable {
  background: #fff;
  border: 1px solid #e5e9ed;
  border-radius: 12px;
}
.gh-expandable.overflow-hidden {
  overflow-x: hidden;
}
.gh-expandable-block {
  border-bottom: 1px solid #e5e9ed;
  padding: 18px 24px;
  margin: 0;
}
.gh-expandable-block .gh-main-section {
  margin: 0;
}
.gh-expandable-block:last-of-type {
  border-bottom: none;
}
.gh-expandable-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.gh-expandable-header .gh-expandable-title {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #15171a;
  margin: 0;
  padding: 0;
}
.gh-expandable-header .gh-expandable-description {
  margin: 4px 0 0;
  padding: 0;
  color: #7c8b9a;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.45em;
}
.gh-expandable-content {
  background: #fff;
  margin: 18px -24px -18px;
  padding: 0 24px;
  border-radius: 0 0 12px 12px;
}
.gh-expandable-content .gh-main-section-block {
  margin: 0;
  padding: 0;
}
.gh-expandable-content
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(
    .gh-btn-black
  ):not(.gh-btn-link):not(.gh-btn-text):not(.gh-btn-outline),
.gh-main-section-content.grey
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(
    .gh-btn-black
  ):not(.gh-btn-link):not(.gh-btn-text):not(.gh-btn-outline) {
  background: #dddedf;
}
.gh-expandable-content
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(
    .gh-btn-link
  ):not(.gh-btn-text):not(.gh-btn-outline):hover,
.gh-main-section-content.grey
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(
    .gh-btn-text
  ):not(.gh-btn-outline):not(.gh-btn-link):hover {
  background: #d3d4d5;
}
.gh-expandable-header
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red) {
  background: #fff;
  border: transparent;
}
.gh-expandable-header
  .gh-btn:not(.gh-btn-white):not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover {
  background: #f1f3f4;
}
.gh-main-section-content.grey .gh-btn-group {
  background: #ebeef0;
}
.gh-main-section-content.grey .gh-btn-tabs {
  border-bottom: 1px solid #e6e9eb;
}
.gh-main-section-content.grey .gh-btn-tabs:first-child {
  margin-top: -8px;
}
@media (max-width: 1000px) {
  .gh-main-section-content.columns-2,
  .gh-main-section.columns-2 {
    grid-template-columns: 1fr;
    grid-row-gap: 32px;
  }
}
.gh-main-content-card {
  background: #fff;
  margin-bottom: 12px;
}
.gh-main-content-card:last-of-type {
  margin-bottom: 24px;
}
.gh-canvas-title-container {
  display: flex;
  flex-direction: column;
}
.gh-canvas-title {
  z-index: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0;
  padding: 0 6px 0 0;
  text-overflow: ellipsis;
  font-size: 2.8rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  min-height: 35px;
  color: #15171a;
}
.gh-canvas-title a {
  color: #15171a;
}
.gh-canvas-title span {
  display: inline-block;
  height: 100%;
  vertical-align: baseline;
}
.gh-canvas-title svg {
  width: 0.5em;
  height: 0.5em;
  margin: 0 10px;
}
.gh-canvas-breadcrumb + .gh-canvas-title {
  padding: 6px 0 0;
}
.gh-btn-edit-view {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.gh-canvas-title:hover .gh-btn-edit-view {
  opacity: 1;
}
@media (max-width: 800px) {
  .gh-canvas-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 500px) {
  .gh-canvas-title svg {
    margin: 0 5px;
  }
  .gh-canvas-title span.gh-canvas-title-hide-for-mobile {
    display: none !important;
  }
  .members-header .gh-btn .gh-btn-text-hide-for-mobile {
    display: block !important;
  }
  .members-header .gh-btn.gh-btn.gh-btn-primary > span:first-of-type {
    display: none;
  }
}
.gh-whats-new-badge-account {
  top: -1px;
  right: -3px;
  border: 1px solid #fff;
  width: 12px;
  height: 12px;
  background-color: #30cf43;
}
.view-header {
  flex-shrink: 0;
  justify-content: space-between;
  padding: 24px;
  margin: 2px 0 0;
}
.view-header,
.view-title {
  display: flex;
  align-items: center;
}
.view-title {
  overflow: hidden;
  margin: -3px 0 0 1px;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.8rem;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: 0.2px;
  min-height: 35px;
}
.view-title a {
  color: inherit;
}
.view-title a:hover {
  color: #14b8ff;
}
.view-title svg {
  margin: 0 10px;
  height: 14px;
}
.view-title svg path {
  fill: #818181;
}
.view-actions {
  gap: 8px;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
}
.view-actions,
.view-actions-secondary {
  display: flex;
  align-items: center;
}
.view-container,
.view-content {
  position: relative;
  flex-grow: 1;
  padding-top: 0;
  padding-bottom: 32px;
}
.gh-canvas-sticky .view-container {
  padding-bottom: 0;
}
.view-content {
  padding: 20px;
}
.view-content p,
.view-content p * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.view-actions input[type='text'] {
  padding: 8px 8px 9px;
  height: 33px;
  font-size: 1.35rem;
}
.view-actions .gh-btn {
  cursor: pointer;
}
.view-actions .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue):not(.gh-btn-green):not(.gh-btn-link) {
  box-shadow: none;
}
.view-actions
  .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue):not(.gh-btn-green):not(.gh-btn-link):hover {
  background: #ebeef0;
}
.view-actions .gh-btn-icon-only {
  border: none;
}
.view-actions .gh-btn-icon-only svg {
  height: 18px;
  width: 18px;
  fill: #15171a;
  margin-right: 0;
}
.view-actions .gh-input-search-icon {
  position: absolute;
  top: 9px;
  left: 9px;
  width: 16px;
  height: 16px;
  fill: #b9c1c9;
}
.gh-actions-menu {
  top: calc(100% + 6px);
  right: 10px;
  left: auto;
}
.gh-actions-menu.fade-out {
  animation-duration: 0.01s;
}
.gh-canvas-header.black {
  background: #15171a;
}
.gh-canvas-header.black .gh-canvas-title,
.gh-canvas-header.black .gh-canvas-title a {
  color: #ebeef0;
}
.gh-canvas-header.black
  .view-actions
  .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue):not(.gh-btn-green),
.gh-canvas-header.black
  .view-actions
  .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue):not(.gh-btn-green):hover {
  background: #394047;
}
.gh-canvas-header.black .view-actions .gh-btn.gh-btn-primary,
.gh-canvas-header.black .view-actions .gh-btn.gh-btn-primary:hover {
  background: #fff !important;
  color: #15171a !important;
}
.gh-canvas-header.black .view-actions .gh-btn svg {
  fill: #ebeef0;
}
.gh-canvas-header.black .gh-contentfilter-menu-trigger,
.gh-canvas-header.black .gh-contentfilter-menu-trigger--active,
.gh-canvas-header.black .gh-contentfilter-menu-trigger:focus {
  background: #15171a;
  color: #ebeef0;
}
.gh-canvas-header.black .gh-contentfilter-menu-trigger svg path {
  stroke: #ebeef0;
}
.view-actions-bottom-row,
.view-actions-top-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 800px) {
  .gh-canvas-header.break.tablet {
    padding: 16px 32px 12px;
  }
}
@media (max-width: 1280px) {
  .gh-nav:not(.gh-nav-hidden) + .gh-main .gh-canvas-header.break.tablet .gh-canvas-header-content {
    min-height: 72px;
    align-items: flex-start;
  }
  .gh-nav:not(.gh-nav-hidden) + .gh-main .gh-canvas-title.gh-post-title {
    padding: 0;
  }
  .gh-nav:not(.gh-nav-hidden) + .gh-main .gh-canvas-header.break.tablet .view-actions {
    flex-direction: column;
    align-items: flex-end;
    max-height: 100px;
    flex-wrap: nowrap;
  }
  .gh-nav:not(.gh-nav-hidden) + .gh-main .gh-canvas-header.break.tablet .view-actions-bottom-row {
    position: relative;
    order: 2;
    margin: 0;
    padding: 0;
    justify-content: space-between;
  }
  .gh-nav:not(.gh-nav-hidden) + .gh-main .view-actions-bottom-row {
    justify-content: flex-end;
    order: 2;
  }
  .gh-nav:not(.gh-nav-hidden) + .gh-main .view-actions-bottom-row > :last-child,
  .gh-nav:not(.gh-nav-hidden) + .gh-main .view-actions-top-row > :last-child {
    margin-right: 0 !important;
  }
}
@media (max-width: 1000px) {
  .gh-canvas-header.break.tablet .gh-canvas-header-content {
    min-height: 72px;
    align-items: flex-start;
  }
  .gh-canvas-title.gh-post-title {
    padding: 0;
  }
  .gh-canvas-header.break.tablet .view-actions {
    flex-direction: column;
    align-items: flex-end;
    max-height: 100px;
    flex-wrap: nowrap;
  }
  .gh-canvas-header.break.tablet .view-actions-bottom-row {
    position: relative;
    order: 2;
    margin: 0;
    padding: 0;
    justify-content: space-between;
  }
  .view-actions-bottom-row {
    justify-content: flex-end;
    order: 2;
  }
  .view-actions-bottom-row > :last-child,
  .view-actions-top-row > :last-child {
    margin-right: 0 !important;
  }
  .gh-canvas-header.break.tablet .gh-canvas-breadcrumb {
    display: none;
  }
  .gh-canvas-header.break.tablet .view-actions {
    position: absolute;
    right: 0;
  }
  .gh-canvas-header.break.mobile .gh-canvas-header-content {
    height: 128px;
    border-bottom: 1px solid #e6e9eb;
    align-items: flex-start;
  }
  .gh-canvas-header.break.mobile .gh-canvas-title {
    margin-top: 28px;
  }
  .gh-canvas-header.break.mobile .view-actions {
    position: absolute;
    top: 30px;
    right: 0;
    flex-direction: column;
    align-items: flex-end;
    overflow: hidden;
    width: 100%;
    max-height: 100px;
  }
  .gh-canvas-header.break.mobile .view-actions-bottom-row {
    position: relative;
    order: 2;
    margin: 0;
    padding: 24px 0 40px;
    max-width: calc(100vw - 390px);
    overflow-x: scroll;
    overflow-y: hidden;
    justify-content: space-between;
  }
  .gh-canvas-header.break.mobile .view-actions:before {
    position: absolute;
    content: '';
    display: block;
    top: 50px;
    right: 0;
    width: 1px;
    height: 34px;
    background: #ebeef0;
    z-index: 999;
  }
}
@media (max-width: 400px) {
  .view-header {
    padding: 0 7px;
    height: 50px;
  }
  .view-title {
    font-size: 1.8rem;
  }
  .view-content {
    padding: 15px;
  }
}
@media (max-width: 800px) {
  .gh-canvas {
    padding: 0 4vw 4vw;
  }
  .gh-canvas-header.break.tablet .view-actions {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .gh-canvas-header.break.tablet .view-actions-bottom-row {
    position: relative;
    max-width: calc(100vw - 56px) !important;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
  }
  .gh-canvas-header.break .view-actions .gh-contentfilter {
    border: none;
  }
}
section.gh-ds ul {
  margin-bottom: 5vw;
}
section.gh-ds ul li {
  margin-bottom: 12px;
}
section.gh-ds h2 {
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebeef0;
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gh-done {
  background: linear-gradient(315deg, #efefef, #fff);
  flex-direction: column;
}
.gh-done header {
  padding: 0 0 48px;
  margin-top: -4px;
  margin-left: 3px;
}
.gh-done header h1 {
  font-size: 3.1rem;
  letter-spacing: -0.015em;
  color: #15171a;
  margin: 0 0 0.5rem;
}
.gh-done header p {
  font-size: 1.9rem;
  line-height: 1.3em;
  margin: 0.5rem 0 2rem;
  padding: 0 4rem 0 0;
  color: #7c8b9a;
}
.gh-done h4 {
  margin: 0 0 3rem;
}
.gh-done section h2 {
  font-size: 1.8rem;
  margin: 0 0 3rem;
}
.gh-done main {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
  width: 100%;
  height: 100%;
  margin: 0;
  animation: fadeUp 0.3s ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.gh-done section a {
  display: grid;
  grid-template-columns: 54px auto;
  margin: 0 -0.5rem 1.25rem;
  padding: 1.75rem 1.1rem 2.1rem;
  border: 1px solid #ffb41f;
  border-radius: 6px;
  transition:
    border-color 0.1s ease-out,
    transform 125ms ease-out;
}
.gh-done section a.gh-done-yellow {
  border-color: #ffce6b;
}
.gh-done section a.gh-done-yellow:hover {
  border-color: #ffab05;
}
.gh-done section a.gh-done-blue {
  border-color: #61cfff;
}
.gh-done section a.gh-done-blue:hover {
  border-color: #00aefa;
}
.gh-done section a.gh-done-green {
  border-color: #6edd7b;
}
.gh-done section a.gh-done-green:hover {
  border-color: #2bba3c;
}
.gh-done section a.gh-done-pink {
  border-color: #fc78b6;
}
.gh-done section a.gh-done-pink:hover {
  border-color: #fb147f;
}
.gh-done section a:hover {
  transform: translateX(2px);
}
.gh-done section span {
  grid-row: 1/3;
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: #15171a;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 999px;
  color: #fff;
  margin: 1px 4px 0;
  transition: background-color 125ms ease-out;
}
.gh-done section a.gh-done-yellow span {
  background: #ffb41f;
}
.gh-done section a.gh-done-yellow:hover span {
  background: #ffab05;
}
.gh-done section a.gh-done-blue span {
  background: #14b8ff;
}
.gh-done section a.gh-done-blue:hover span {
  background: #00aefa;
}
.gh-done section a.gh-done-green span {
  background: #30cf43;
}
.gh-done section a.gh-done-green:hover span {
  background: #2bba3c;
}
.gh-done section a.gh-done-pink span {
  background: #fb2d8d;
}
.gh-done section a.gh-done-pink:hover span {
  background: #fb147f;
}
.gh-done section a svg {
  width: 16px;
  height: 16px;
}
.gh-done section a h6 {
  grid-column: 2;
  margin: 0 0 6px;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
}
.gh-done section a p {
  grid-column: 2;
  color: #7c8b9a;
  margin: 0;
  padding: 0 3rem 0 0;
  line-height: 1.45em;
}
.gh-done-panel {
  margin: 8px 0 24px;
  padding: 52px 32px 16px;
  border-radius: 0 0 6px 6px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.gh-done-panel .gh-stack {
  padding-bottom: 64px;
}
.gh-done-sidebar {
  display: flex;
  flex-direction: column;
  flex: 0 0 420px;
  overflow-x: hidden;
  border-right: 1px solid #e6e9eb;
}
.gh-done-preview {
  flex-grow: 1;
  padding: 48px;
}
.gh-done-preview .gh-browserpreview-previewcontainer {
  border-radius: 5px;
  overflow: hidden;
}
.gh-done-preview .gh-browserpreview-browser .tabs div {
  display: none;
}
.gh-done .gh-stack-item .gh-btn {
  background: #ebeef0;
  box-shadow: none;
}
.gh-done .gh-done-button {
  position: sticky;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 32px;
}
.gh-done .gh-nav {
  flex: 0 0 420px !important;
}
@media (max-width: 1000px) {
  .gh-done-sidebar {
    flex: 0 0 360px;
  }
  .gh-done-preview {
    padding: 0;
  }
  .gh-done-preview .gh-browserpreview-previewcontainer {
    box-shadow: none;
    border-radius: 0 !important;
  }
  .gh-done-preview .tabs {
    display: none;
  }
}
@media (max-width: 800px) {
  .gh-done-sidebar {
    flex: 1;
  }
  .gh-done {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
  }
  .gh-done .gh-done-preview {
    display: none;
  }
  .gh-done .gh-done-panel {
    justify-content: center;
  }
}
.gh-footer-toast {
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  text-align: left;
  line-height: 1.35em;
  padding: 20px;
  margin-bottom: 32px;
  color: #fff;
  border-radius: 6px;
}
.gh-footer-toast-title.gh-notification-title {
  margin: 0 0 6px;
}
.gh-theme-error-toast {
  background: #f50b23;
}
.gh-sidebar-banner {
  position: relative;
  display: block;
  padding: 12px 16px 16px;
  margin: 0 -7px 32px;
  color: #15171a;
  text-decoration: none;
  background: #fff;
  border-radius: 10px;
  box-shadow:
    -7px -6px 42px 8px rgba(75, 225, 226, 0.28),
    7px 6px 42px 8px rgba(202, 103, 255, 0.32);
  transition: all 0.6s ease;
  cursor: pointer;
}
.gh-sidebar-banner a {
  color: #15171a;
}
.gh-sidebar-banner:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow:
    -7px -4px 42px 10px rgba(75, 225, 226, 0.38),
    7px 8px 42px 10px rgba(202, 103, 255, 0.42);
  transition: all 0.3s ease;
}
.gh-sidebar-banner-close {
  position: absolute;
  top: 4px;
  right: 8px;
  padding: 5px;
  color: #abb4be;
  font-size: 2.2rem;
  line-height: 1;
}
.gh-sidebar-banner-close:hover {
  color: #7c8b9a;
}
.gh-sidebar-banner a > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.7rem;
  line-height: 1.2em;
}
.gh-sidebar-banner a > p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.35em;
  letter-spacing: -0.015em;
  font-weight: 500;
  color: #666;
}
.gh-sidebar-banner a > p strong {
  color: #ff247d;
}
.gh-sidebar-banner-button {
  margin-top: 20px;
  border-radius: 5px;
  width: 100%;
}
.gh-sidebar-banner-button span {
  padding: 0 12px;
  font-size: 1.4rem;
  -moz-text-align-last: center;
  text-align-last: center;
  height: 38px;
  line-height: 38px;
}
.gh-sidebar-banner-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.gh-sidebar-banner-icon {
  width: 16px;
  height: 16px;
}
.gh-sidebar-banner-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  margin-top: 2px;
}
.gh-sidebar-banner-subhead {
  font-size: 13px;
  color: #7c8b9a;
  font-weight: 400;
}
.gh-sidebar-banner a .gh-sidebar-banner-msg {
  line-height: 1.4em;
  font-weight: 600;
  margin-top: -2px;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.gh-sidebar-banner-details {
  line-height: 1.4em;
  font-size: 1.35rem;
  margin: 5px 0 0;
  color: #394047;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gh-sidebar-banner-msg + .gh-sidebar-banner-button {
  margin-top: 14px;
}
.gh-referral-toast {
  padding: 25px;
  margin: 0 0 50px;
}
.gh-referral-toast .gh-sidebar-banner-close {
  top: 7px;
  right: 10px;
}
.gh-sidebar-banner.gh-error-banner {
  box-shadow:
    0 0 2px 0 rgba(0, 0, 0, 0.1),
    0 3px 8px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 32px;
  padding: 16px;
}
.gh-sidebar-banner.gh-error-banner .gh-sidebar-banner-container {
  flex-direction: row;
  gap: 10px;
}
.gh-sidebar-banner.gh-error-banner .gh-sidebar-banner-icon {
  color: #f50b23;
}
.gh-sidebar-banner.gh-error-banner .gh-sidebar-banner-subhead {
  color: #f50b23;
  font-size: 1.4rem;
  font-weight: 600;
  display: block;
  margin-top: -2px;
}
.gh-sidebar-banner.gh-error-banner .gh-sidebar-banner-msg {
  font-weight: 400;
  font-size: 1.3rem;
  margin-top: 4px;
  color: #394047;
}
.gh-sidebar-banner.gh-error-banner .gh-sidebar-banner-button {
  color: #fff;
  background-color: #f50b23;
}
.admin-x-container-error {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fafafb;
}
.admin-x-error {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  background: #fff;
  box-shadow:
    0 0 7px rgba(0, 0, 0, 0.08),
    0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
    0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016),
    0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
    0 17px 17.9px -5px rgba(0, 0, 0, 0.024),
    0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
    0 76px 80px -5px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 5vmin;
  max-width: 640px;
  color: #394047;
}
.admin-x-container-error h1,
.admin-x-container-error p {
  margin: 0;
  padding: 0;
}
.admin-x-container-error a {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #30cf43;
  border-radius: 4px;
  margin-top: 8px;
}
.gh-flow {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  min-height: 100%;
  background: linear-gradient(315deg, #efefef, #fff);
}
.gh-setup {
  width: 100%;
  min-height: unset;
  overflow-y: unset;
  padding: 0 2.4rem;
}
.gh-flow-content-wrap,
.gh-setup {
  align-items: center;
  justify-content: center;
}
.gh-flow-content-wrap {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  margin: 0 5%;
  padding-bottom: 8vh;
}
.gh-flow-content {
  display: flex;
  flex-direction: column;
  max-width: 520px;
  width: 100%;
  margin: 4.8rem 0 8rem;
  color: #394047;
  font-size: 1.9rem;
  line-height: 1.5em;
  font-weight: 300;
}
@media (max-width: 400px) {
  .gh-flow-content {
    margin: 4rem 0 6rem;
    font-size: 4vw;
  }
}
.gh-setup .gh-flow-content header {
  margin: 0 0 1rem;
  text-align: center;
}
.gh-setup .gh-flow-content header svg {
  width: 7.2rem;
  margin: 0 0 1rem;
}
.gh-setup .gh-flow-content h1 {
  margin-bottom: 0.3em;
}
.gh-setup .gh-flow-content p {
  color: #7c8b9a;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.4em;
}
@media (max-width: 520px) {
  .gh-setup .gh-flow-content p {
    font-size: 1.7rem;
  }
}
.gh-flow-content h1 {
  margin-bottom: 40px;
  font-size: 4.1rem;
  font-weight: 700;
  line-height: 1.15em;
}
@media (max-width: 600px) {
  .gh-flow-content h1 {
    font-size: 7vw;
  }
}
.gh-flow-content strong {
  font-weight: 400;
}
.gh-flow-content em {
  color: #15171a;
  font-weight: 500;
  font-style: normal;
}
.gh-flow-content .gh-btn {
  display: block;
  margin: 40px auto 0;
  max-width: 400px;
}
.gh-setup .gh-flow-content .gh-btn {
  height: 52px;
  max-width: unset;
  margin: 40px 0 0;
}
.gh-setup .gh-flow-content .gh-btn span {
  font-size: 1.7rem;
}
.gh-flow-content .login span {
  height: 37px !important;
  line-height: 37px !important;
}
.gh-flow-content .gh-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gh-separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.gh-separator:after,
.gh-separator:before {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ced4d9;
}
.gh-separator:not(:empty):before {
  margin-right: 6px;
}
.gh-separator:not(:empty):after {
  margin-left: 6px;
}
.gh-flow-content .gh-flow-skip {
  display: inline-block;
  margin-top: 5px;
  color: #7d878a;
  font-size: 1.2rem;
}
.gh-flow-content .gh-flow-create {
  position: relative;
  margin: 70px auto 30px;
  padding: 50px 40px 40px;
  max-width: 400px;
  width: 100%;
  border: 1px solid #dae1e3;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.1);
}
.gh-flow-content .form-group {
  margin-bottom: 20px !important;
}
.gh-flow-content .form-group label {
  margin: 0 0 0.3em;
  font-size: 1.4rem;
  font-weight: 600;
}
.gh-flow-content .form-group a {
  text-decoration: underline;
}
.gh-flow-content input {
  height: 48px;
  padding: 12px 16px;
  font-size: 1.7rem;
  font-weight: 400;
  border-radius: 8px;
  letter-spacing: -0.013em;
}
.gh-flow-content .gh-input:focus {
  border-color: #30cf43;
  box-shadow: 0 0 0 3px rgba(26, 170, 96, 0.15);
  outline: none;
}
.gh-flow-content .pw-strength {
  position: absolute;
  top: 50%;
  right: 1px;
  margin-top: -11px;
  padding: 0 10px;
  height: 24px;
  background: hsla(0, 0%, 100%, 0.9);
}
.gh-flow-content .pw-strength-dot {
  display: block;
  margin-top: 2px;
  width: 3px;
  height: 3px;
  background-color: #d9e0e3;
  border-radius: 100%;
}
.gh-flow-content .pw-strength-dot:first-child {
  margin-top: 0;
}
.gh-flow-content textarea {
  width: 100%;
  height: 160px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
}
.gh-flow-content .response,
.gh-setup .gh-flow-content .response {
  position: absolute;
  right: 0;
  bottom: -24px;
  margin: 0;
  color: #a6b0b3;
  font-size: 1.35rem;
}
.gh-flow-content form:not(.gh-signin) .success .gh-input-icon svg {
  fill: #30cf43;
}
.error,
.error-content,
.main-error {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  font-weight: 400;
}
.gh-flow-content .error input,
.gh-flow-content .error input:focus {
  border-color: #f50b23;
  box-shadow: 0 0 0 3px rgba(239, 24, 24, 0.15);
}
.gh-flow-content .error .gh-input-icon svg {
  fill: #f50b23;
}
.gh-flow-content .error .response,
.gh-setup .gh-flow-content .error .response {
  color: #f50b23;
}
.gh-flow-content .main-error,
.gh-setup .gh-flow-content .main-error {
  margin-top: 16px;
  color: #f50b23;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
}
.gh-flow-content .main-notification,
.gh-setup .gh-flow-content .main-notification {
  margin-top: 16px;
  color: #15171a;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
}
.gh-setup .gh-flow-form .gh-btn-red,
.gh-setup .gh-flow-form .gh-btn-red:active {
  background: #15171a !important;
}
.gh-flow:has(form:is(.gh-signin, .gh-signup)) {
  background: #fff;
}
.gh-flow:has(form:is(.gh-signin, .gh-signup)) .gh-flow-content {
  max-width: 500px;
}
.gh-auth-email,
.gh-signin {
  position: relative;
  width: 100%;
}
.gh-flow-content header,
.gh-signin header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gh-flow-content .gh-site-icon,
.gh-signin .gh-site-icon {
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
  background-color: transparent;
  background-size: 70px;
  border-radius: 3px;
}
.gh-signin h1 {
  font-size: 4.1rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.15em;
  font-weight: 700;
  color: #15171a;
  max-width: 620px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.gh-signin .form-group {
  margin-bottom: 1.5rem;
}
.gh-signin .gh-btn {
  margin: 0;
}
.gh-setup .gh-btn-signup,
.gh-signin .gh-btn-login,
.gh-signin .gh-btn-reset,
.gh-signup .gh-btn-signup {
  height: 52px;
  border-radius: 8px;
  line-height: 52px;
  margin-top: 40px;
  max-width: unset;
  font-weight: 400;
  transition: all 0.4s ease;
  -webkit-font-smoothing: subpixel-antialiased;
}
.gh-setup .gh-btn-signup span,
.gh-signin .gh-btn-login span,
.gh-signin .gh-btn-reset span,
.gh-signup .gh-btn-signup span {
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: -0.01em;
}
.gh-signin .gh-btn-reset {
  background: #15171a !important;
  margin-top: 20px;
}
.gh-signin .gh-btn-login svg.gh-icon-spinner rect {
  fill: #fff !important;
}
.gh-signin .gh-btn-login:hover,
.gh-signup .gh-btn-signup:hover {
  opacity: 0.9;
}
.gh-signin label {
  font-size: 1.3rem;
  font-weight: 600 !important;
}
.forgotten-wrap {
  position: relative;
}
.forgotten-wrap input {
  padding-right: 7rem;
}
.forgotten-wrap .forgotten-link {
  position: absolute;
  top: 12px;
  right: 1px;
  bottom: 12px;
  border-left: 1px solid #c5c7c8;
  border-radius: 0;
}
.forgotten-link span {
  height: 19px;
  font-size: 1.4rem;
  line-height: 19px;
  padding: 0 16px;
  margin-top: -1px;
  color: #abb4be;
}
.forgotten-link:hover {
  border-left: 1px solid #abadaf;
  text-decoration: none;
}
.forgotten-link:hover span {
  color: #15171a;
}
.forgotten-link:active {
  box-shadow: none;
  text-decoration: underline;
}
:is(.gh-signin, .gh-signup) .form-group label {
  font-size: 1.5rem;
}
:is(.gh-signin, .gh-signup) .gh-input {
  height: auto;
  padding: 1.4rem 1.6rem;
  border: 1px solid #f3f6f7;
  background: #f3f6f7;
  color: #15171a;
  letter-spacing: -0.006em;
  transition: border-color 0.15s linear;
}
.gh-signin input,
.gh-signin input:-webkit-autofill:first-line {
  padding: 12px 16px;
  height: 54px;
  border-radius: 8px;
  font-size: 1.8rem;
}
.gh-signin .gh-input:focus:not(.gh-signin .gh-input.reset-password:focus),
.gh-signup .gh-input:focus {
  background-color: #fff;
  border-color: #30cf43;
  box-shadow: 0 0 0 3px rgba(48, 207, 67, 0.25);
}
.gh-auth-email header {
  text-align: center;
}
.gh-auth-email p {
  color: #7c8b9a;
}
.gh-contentfilter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.gh-contentfilter li {
  position: relative;
  display: inline-block;
  margin: 0 25px 0 0;
}
.gh-contentfilter li.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #394047;
  position: absolute;
  top: -1px;
  opacity: 0.5;
}
.gh-contentfilter li a {
  display: block;
  padding: 13px 1px 0;
  color: #939fac;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.gh-contentfilter a.active {
  font-weight: 500;
  color: #394047;
}
.gh-contentfilter-menu-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  height: 34px;
  padding: 6px 12px;
  outline: none;
  border: 1px solid transparent;
  border-radius: 5px !important;
  white-space: nowrap;
  transition: all 0.25s ease;
  overflow: hidden;
}
.gh-contentfilter-menu-trigger.ember-power-select-trigger[aria-expanded='true'] {
  border: 1px solid transparent !important;
}
.gh-contentfilter-menu-trigger--active,
.gh-contentfilter-menu-trigger:focus {
  border: 1px solid transparent;
  background: #f1f3f4;
}
.gh-contentfilter-menu-trigger.bordered {
  border: 1px solid #ebeef0;
}
.gh-contentfilter-menu-trigger:hover {
  cursor: pointer;
  color: #394047;
  background: #f1f3f4;
}
.gh-contentfilter-selected .gh-contentfilter-menu-trigger,
.gh-contentfilter-selected .gh-contentfilter-menu-trigger:hover {
  border: 1px solid #ebeef0;
}
.gh-contentfilter-selected:not(.no-highlight) .gh-contentfilter-menu-trigger,
.gh-contentfilter-selected:not(.no-highlight) .gh-contentfilter-menu-trigger:hover {
  color: #30cf43;
}
.gh-canvas-header.grey .gh-contentfilter-menu-trigger,
.gh-canvas-header.grey .gh-contentfilter-menu-trigger--active,
.gh-canvas-header.grey .gh-contentfilter-menu-trigger:focus {
  background: #f5f6f6;
}
.gh-contentfilter-menu-trigger svg path {
  stroke: #15171a;
}
.gh-btn-save-view {
  border: 1px solid #ebeef0 !important;
}
.gh-btn-save-view svg {
  margin-top: 3px !important;
}
.gh-contentfilter .ember-power-select-placeholder,
.gh-contentfilter .ember-power-select-selected-item {
  margin-left: 0;
}
.gh-contentfilter-menu-dropdown {
  width: 180px;
  margin-top: 6px;
  padding: 4px 0;
  border: none !important;
  font-size: 1.35rem;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 7px 20px -5px rgba(0, 0, 0, 0.15);
  border-radius: 5px !important;
}
.gh-contentfilter-menu-dropdown .ember-power-select-search input {
  display: block !important;
  margin: 0 14px !important;
  border-bottom: 1px solid #ced4d9 !important;
  width: calc(100% - 28px) !important;
}
.gh-contentfilter-menu-dropdown .ember-power-select-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 7px 10px;
  margin: 0 4px;
  border-radius: 3px;
  font-size: 1.3rem;
}
.gh-contentfilter-sort .gh-contentfilter-menu-trigger {
  margin: 0;
}
.gh-contentfilter-actions svg {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  color: #15171a;
}
.gh-contentfilter-actions svg g {
  stroke: #15171a;
}
.gh-contentfilter-button {
  display: flex;
  height: 33px;
  margin: 0 0 0 6px;
  line-height: 33px;
  border: 1px solid #ebeef0;
}
.gh-contentfilter-divider {
  width: 1px;
  height: 16px;
  background: #ced4d9;
}
.content-list {
  position: relative;
}
.gh-posts-list-item-group .gh-list-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
}
.gh-posts-list-item-group .gh-list-row .gh-list-data {
  display: block;
  min-width: 0;
}
.gh-posts-list-item-group .gh-list-row .gh-list-data:first-child {
  flex-grow: 1;
}
.posts-list[data-ctrl] {
  cursor: default !important;
}
.posts-list[data-ctrl] .gh-posts-list-item-group * {
  cursor: default !important;
  pointer-events: none;
}
.posts-list[data-ctrl] .gh-posts-list-item-group * [data-ignore-select] {
  pointer-events: all;
  cursor: pointer !important;
}
.gh-posts-list-item-group > * {
  position: relative;
  z-index: 10;
}
.gh-posts-list-item-group:before {
  opacity: 0;
  display: block;
  position: absolute;
  content: '';
  top: -1px;
  right: -16px;
  bottom: -1px;
  left: -16px;
  background-color: #fafafb;
  z-index: 0;
  border-radius: 7px;
}
.gh-posts-list-item:after {
  display: none !important;
}
.gh-posts-list-item-group:hover:before {
  opacity: 1;
}
.posts-list .gh-posts-list-item-group:hover,
.posts-list[data-ctrl] .gh-posts-list-item-group:hover {
  border-color: transparent;
}
.gh-posts-list-item-group[data-selected] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-color: transparent;
}
.posts-list[data-ctrl] .gh-posts-list-item-group:hover:before {
  opacity: 0.05;
  background: #6e78e5;
}
.gh-posts-list-item-group[data-selected]:before {
  opacity: 0.1 !important;
  background: #6e78e5;
}
.gh-posts-list-item-group .gh-posts-list-item:hover .gh-list-data {
  background: transparent !important;
}
.gh-posts-list-item-group .gh-list-data {
  border-top: 0 !important;
}
.gh-posts-list-item-group {
  border-color: #f1f3f4;
  border-style: solid;
  border-left: none;
  border-right: none;
  position: relative;
  border-top-width: 1px;
  border-bottom-width: 0;
}
.gh-posts-list-item-group:last-of-type {
  border-bottom-width: 1px;
}
.gh-posts-list-item-group:hover + .gh-posts-list-item-group {
  border-color: transparent;
}
.gh-posts-list-item-group[data-selected] + .gh-posts-list-item-group:hover,
.gh-posts-list-item-group[data-selected]:not(:first-of-type) {
  border-top: 1px solid transparent !important;
}
.gh-posts-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gh-posts-list-item a:hover {
  text-decoration: none;
}
.content-list .gh-list-header.no-padding {
  padding: 0 !important;
}
.gh-posts-title-header {
  padding-left: 10px;
}
.gh-posts-status-header {
  width: 140px;
}
.gh-posts-conversions-header,
.gh-posts-opens-header,
.gh-posts-sends-header,
.gh-posts-signups-header {
  width: 90px;
  padding-right: 8px;
}
.feature-memberAttribution .gh-posts-opens-header {
  width: 150px;
}
.gh-list.feature-memberAttribution .gh-posts-status-header {
  width: 180px;
}
.gh-list:not(.feature-memberAttribution) .gh-posts-status-header,
.pages-list .gh-posts-conversions-header,
.pages-list .gh-posts-sends-header {
  width: 140px;
}
.gh-post-list-title {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 80%;
  overflow: hidden;
}
.gh-post-list-title .gh-lexical-indicator {
  margin: 2px 8px 0;
  padding: 0 8px;
  font-size: 1.2rem;
}
.gh-post-list-title .gh-featured-post {
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin: -2px 6px 0 0;
  color: #15171a;
}
.gh-post-list-external {
  width: 13px;
  height: 13px;
  margin-left: 6px;
  opacity: 0;
}
.gh-post-with-feature-image {
  display: flex !important;
  align-items: flex-start;
  gap: 20px;
}
.gh-post-list-feature-image {
  flex-shrink: 0;
  background-color: #f8f8fa;
  width: 100px;
  aspect-ratio: 16/10;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 16px;
  background-size: cover;
  background-position: 50%;
}
.gh-posts-list-item-group:hover .gh-post-list-feature-image {
  background-color: #f1f3f4;
}
.gh-post-list-feature-image-placeholder {
  position: relative;
  height: auto;
  width: 100%;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7c8b9a;
}
.gh-post-list-feature-image-placeholder svg {
  width: 18px;
  height: 18px;
}
.gh-post-list-external path {
  fill: #7c8b9a;
}
.gh-list-row:hover .gh-post-list-external {
  opacity: 1;
}
.gh-post-list-featured {
  padding: 15px 0 20px 10px;
  width: 1px;
  vertical-align: top;
}
.gh-post-list-author,
.gh-post-list-metrics,
.gh-post-list-updated {
  color: #626d79;
  font-size: 1.3rem;
}
.gh-list-data.gh-post-list-button,
.gh-list-data.gh-post-list-metrics {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0;
}
.gh-list .gh-content-entry-title {
  display: flex;
  align-items: center;
  margin: 0 0 2px;
  font-size: 1.6rem;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
}
.gh-content-entry-title a {
  color: #394047;
}
.gh-posts-list-item p {
  margin: 0 0 2px;
}
.gh-schedule-plan {
  color: #2bba3c;
}
.gh-schedule-subtext {
  max-width: 200px;
}
.gh-content-attribution-stats-mobile,
.gh-content-email-stats-mobile {
  display: none;
}
.gh-content-status-draft,
.gh-content-status-emailed,
.gh-content-status-published,
.gh-content-status-scheduled {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 9px;
}
.gh-content-status-published {
  color: #738393;
  background: #ebeef0;
  border-radius: 999px;
}
.gh-content-status-featured,
.gh-content-status-published {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
}
.gh-content-status-featured {
  color: #14b8ff;
  padding: 0 3px 0 0;
}
.gh-content-status-featured svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: -4px;
}
.gh-content-status-featured svg path {
  fill: #14b8ff;
}
.gh-content-status-emailed {
  margin: 0;
  color: #738393;
  background: #ebeef0;
  border-radius: 999px;
}
.feature-memberAttribution .gh-content-status-emailed {
  margin: 0 6px;
}
.gh-content-status-emailed svg,
.gh-content-status-published svg,
.gh-content-status-scheduled svg {
  width: 12px;
  height: 12px;
}
.gh-content-status-emailed svg path,
.gh-content-status-published svg path {
  stroke: #738393;
  stroke-width: 2;
}
.gh-content-status-scheduled svg path {
  stroke: #26a636;
  stroke-width: 2;
}
.gh-content-status-published svg,
.gh-content-status-scheduled svg {
  margin-left: 6px;
}
.gh-content-status-emailed.error {
  background: rgba(245, 11, 35, 0.1);
}
.gh-content-status-emailed.scheduled {
  background: rgba(48, 207, 67, 0.2);
}
.gh-post-list-plain-status .gh-content-status-draft,
.gh-post-list-plain-status .gh-content-status-emailed,
.gh-post-list-plain-status .gh-content-status-published,
.gh-post-list-plain-status .gh-content-status-scheduled {
  background: none;
  color: #394047;
  text-transform: unset;
  font-size: 1.3rem;
  font-weight: 500;
}
.gh-post-list-plain-status .gh-post-status-email {
  margin-bottom: -1px;
  margin-left: 4px;
}
.gh-post-list-plain-status .gh-post-status-email path {
  stroke: #394047 !important;
}
.gh-post-list-plain-status .gh-post-status-icon {
  width: 16px;
  height: 16px;
  margin: 0 7px 0 0;
}
.gh-post-list-plain-status .gh-content-status-published .gh-post-status-icon {
  width: 12px;
  height: 12px;
}
.gh-post-list-plain-status .gh-content-status-scheduled .gh-post-status-icon path {
  stroke: #8e42ff !important;
}
.gh-post-list-plain-status .gh-content-status-draft .gh-post-status-icon path {
  stroke: #fb2d8d !important;
}
.gh-post-list-plain-status .gh-content-status-published .gh-post-status-icon path {
  stroke: #8695a4 !important;
}
.gh-post-list-plain-status .gh-content-status-emailed,
.gh-post-list-plain-status .gh-content-status-published {
  color: #8695a4;
  margin: 0;
}
.gh-post-list-plain-status .gh-content-status-published .gh-post-status-email path {
  stroke: #8695a4 !important;
}
.gh-post-list-plain-status .gh-content-status-emailed path {
  stroke: #8695a4 !important;
  stroke-width: 1.5;
}
.gh-pages-placeholder,
.gh-posts-placeholder {
  width: 60px;
  fill: #ced4d9;
}
.gh-post-list-email {
  padding: 0 15px 2px;
  width: 1px;
}
@media (max-width: 1600px) {
  .feature-memberAttribution .gh-post-list-metrics,
  .feature-memberAttribution .gh-post-list-status {
    padding-left: 12px;
    padding-right: 12px;
  }
  .gh-post-list-analytics .gh-post-list-metrics,
  .gh-post-list-analytics .gh-post-list-status {
    padding-left: 0;
  }
  .feature-memberAttribution .gh-posts-conversions-header,
  .feature-memberAttribution .gh-posts-sends-header,
  .feature-memberAttribution .gh-posts-signups-header {
    width: 80px;
  }
  .feature-memberAttribution .gh-posts-opens-header {
    width: 100px;
  }
}
@media (max-width: 1200px) {
  .feature-memberAttribution .gh-post-list-metrics,
  .feature-memberAttribution .gh-post-list-status {
    padding-left: 0;
    padding-right: 0;
  }
  .feature-memberAttribution .gh-content-status-draft,
  .feature-memberAttribution .gh-content-status-emailed,
  .feature-memberAttribution .gh-content-status-published,
  .feature-memberAttribution .gh-content-status-scheduled {
    padding-left: 0;
    padding-right: 12px;
  }
  .gh-posts-list-item .gh-post-list-metrics {
    width: 0;
  }
  .gh-post-list-analytics .gh-post-list-metrics-container,
  .gh-posts-list-item .gh-post-list-metrics > * {
    display: none;
  }
  .gh-post-list-updated {
    order: 6;
    padding: 0 4px 20px;
    max-width: calc(25% - 35px);
  }
  .gh-post-list-author,
  .gh-post-list-updated {
    display: inline-block;
    border: none;
    font-size: 1.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gh-post-list-author {
    order: 7;
    padding: 0 4px 20px 0;
    max-width: calc(75% - 105px);
  }
  .gh-post-list-author:before {
    content: '- by';
  }
  .gh-list-data a.gh-post-list-metrics,
  .gh-post-headers,
  .gh-post-list-actions {
    display: none;
  }
  .gh-content-email-stats-mobile {
    display: inherit;
    padding: 0 0.33em;
  }
  .gh-content-attribution-stats {
    display: none;
  }
  .gh-content-attribution-stats-mobile {
    display: inherit;
    padding: 0 0.33em;
  }
  .hide-when-small,
  .pages-list .gh-list-nodata,
  .posts-list .gh-list-nodata {
    display: none;
  }
  .visible-when-small:first-letter {
    display: inline-block;
    text-transform: uppercase;
  }
}
@media (max-width: 800px) {
  .post-header {
    left: 0;
  }
  .post-header .gh-canvas-title {
    left: 25px;
  }
  .gh-post-list-updated {
    display: none;
  }
  .gh-post-list-author {
    max-width: calc(100% - 140px);
  }
}
@media (max-width: 430px) {
  .post-header .view-actions .gh-contentfilter {
    border-right: 1px solid #e6e9eb;
  }
  .gh-contentfilter-menu:last-of-type {
    padding-right: 8px;
  }
  .gh-post-list-title {
    flex: 1 1 auto;
    max-width: 100%;
    overflow: hidden;
    padding-right: 0;
  }
  .gh-post-list-metrics-container a {
    padding: 0 !important;
  }
}
@media (min-width: 901px) {
  .gh-posts-list-item a:after {
    display: none;
  }
}
.no-posts {
  background: none;
  box-shadow: none;
  border: none !important;
}
.no-posts + .infinity-loader {
  padding: 0 !important;
}
.no-posts-box {
  position: relative;
  z-index: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 24px;
  height: calc(100vh - 200px);
}
.no-posts-box .no-posts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -32px;
}
.no-posts-box .no-posts h4 {
  margin: 32px 0;
}
.tag-list-content.keyboard-focused:before,
.tag-settings.keyboard-focused:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  animation: keyboard-focus-style-fade-out 1.5s 1 forwards;
  pointer-events: none;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gh-loading-spinner-outer {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: fadeIn 0.25s 0.5s normal forwards;
}
.gh-post-analytics-header .gh-canvas-header-content {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #ebeef0;
}
.gh-canvas-title.gh-post-title {
  max-width: 880px;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.2em;
  overflow: inherit;
  white-space: inherit;
}
.post-header .gh-canvas-title.gh-post-title {
  display: block;
  padding: 0;
  overflow: hidden;
  white-space: normal;
}
@media (max-width: 1280px) {
  .post-header .gh-canvas-title.gh-post-title {
    white-space: nowrap;
    padding-top: 8px;
  }
}
.gh-post-analytics-meta {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gh-post-analytics-meta-text {
  color: #8e9cac;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gh-post-analytics-box {
  flex: 1;
  position: relative;
  display: flex;
  margin: 0 0 2.4rem;
  padding: 2.8rem 2.4rem;
  background: #f5f6f6;
  border-radius: 6px;
}
.gh-analytics-actions-menu {
  top: calc(100% + 6px);
  left: auto;
  right: 0;
}
.gh-analytics-actions-menu.fade-out {
  animation-duration: 1ms;
  pointer-events: none;
}
.feature-audienceFeedback .gh-post-analytics-box.gh-post-analytics-newsletter-clicks,
.feature-audienceFeedback .gh-post-analytics-box.gh-post-analytics-source-attribution,
.gh-post-analytics-box.gh-post-analytics-mentions {
  flex: 1;
  border: 1px solid #ebeef0;
  padding: 28px 24px 24px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: stretch;
  background: #fff;
}
.feature-audienceFeedback
  .gh-post-analytics-box
  .gh-links-list-header
  .gh-links-pagination-progress {
  visibility: hidden;
}
.feature-audienceFeedback .gh-post-analytics-box .gh-links-list {
  margin: -20px 0 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.feature-audienceFeedback .gh-post-analytics-box .gh-links-pagination {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 1.6rem 0;
  border-color: #ebeef0;
  background: transparent;
}
.gh-post-analytics-box.column {
  display: flex;
  flex-direction: column;
}
.gh-post-analytics-box.resources {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.gh-mentions-header,
.gh-newsletter-clicks-header {
  align-items: center;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 8px;
  padding: 0;
  color: #15171a;
  white-space: nowrap;
  letter-spacing: -0.3px;
}
.gh-post-analytics-resource {
  padding: 2.4rem;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  flex: 1;
  align-items: flex-start;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 24px;
  min-width: 0;
}
.gh-post-analytics-resource:hover {
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
}
.gh-post-analytics-resource .thumbnail {
  border-radius: 6px;
  width: 100%;
  height: auto;
  background: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  aspect-ratio: 1;
  filter: brightness(1.08);
}
.gh-post-analytics-resource h3 {
  font-size: 1.8rem;
  font-weight: 700;
  text-wrap: pretty;
}
.gh-post-analytics-box h4.gh-main-section-header.small {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #7c8b9a;
  padding: 4px 0 10px;
}
.gh-post-analytics-resource p {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.55;
  color: #626d79;
  margin: 0 0 1rem;
}
.gh-post-analytics-resource .gh-btn-link {
  color: #30cf43;
}
.gh-post-analytics-resource:hover .gh-btn-link {
  color: #2bba3c;
}
.feature-audienceFeedback .gh-post-analytics-resource .gh-btn-link {
  font-size: 1.3rem;
  font-weight: 400;
}
.gh-post-analytics-title {
  margin: 0;
  padding: 0 0 2px;
  color: #15171a;
  font-size: 1.6rem;
  font-weight: 600;
}
.gh-post-analytics-item {
  flex: 1;
  border-left: 1px solid #e6e9eb;
  padding-left: 2rem;
  padding-right: 2rem;
  white-space: nowrap;
}
.gh-post-analytics-item:first-child {
  border-left: none;
  padding-left: 0;
}
.gh-post-analytics-item h3 {
  margin: 0 0 4px;
  color: #15171a;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1em;
  white-space: nowrap;
}
.gh-post-analytics-item h3 sup {
  top: -0.2em;
  font-size: 1.7rem;
  margin: 0 0 0 2px;
}
.gh-post-analytics-item p {
  margin: 0;
  color: #7c8b9a;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0;
}
.gh-post-analytics-item p.strong {
  font-weight: 600;
}
.gh-post-analytics-item p:first-letter {
  text-transform: uppercase;
}
.gh-post-analytics-item > a {
  opacity: 1;
  transition: opacity 0.1s linear;
}
.gh-post-analytics-item > a:hover {
  opacity: 0.7;
}
.feature-audienceFeedback
  .gh-post-analytics-box.gh-post-analytics-source-attribution
  .gh-dashboard-list-title-sources {
  visibility: hidden;
}
.feature-audienceFeedback
  .gh-post-analytics-box.gh-post-analytics-source-attribution
  .gh-dashboard-list-body {
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}
.feature-audienceFeedback
  .gh-post-analytics-box.gh-post-analytics-source-attribution
  .gh-dashboard-list-item {
  padding-top: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #ebeef0;
}
.feature-audienceFeedback
  .gh-post-analytics-box.gh-post-analytics-source-attribution
  .gh-dashboard-list-item:last-child {
  border-bottom: none;
}
.gh-attribution-box {
  margin: 0;
  padding: 24px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  display: flex;
  gap: 0;
}
.gh-attribution-box .gh-dashboard-list-item-sub-source {
  position: relative;
}
.gh-attribution-chart-column {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.gh-attribution-chart-column-inner {
  padding: 0 24px;
  max-width: 296px;
  position: relative;
}
.gh-attribution-table-column {
  flex: 1;
  padding: 1rem 0;
}
.gh-attribution-table-column .gh-attribution-box .gh-dashboard-list-item-sub-source:after {
  display: none;
}
.gh-attribution-box .gh-dashboard-list-title:not(.sorted-by) {
  cursor: pointer;
}
.gh-links-list {
  flex: 1;
  margin: 0;
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.gh-links-list-items {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
.gh-links-list-item {
  flex: 0;
  display: grid;
  grid-template-columns: auto minmax(min-content, max-content);
  align-items: center;
  padding: 1.2rem 0;
  min-height: 56px;
  border-bottom: 1px solid #ebeef0;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;
}
.gh-links-list-item:hover {
  background: linear-gradient(315deg, #fafafb 60%, #fff);
}
.gh-links-list-item-edit-mode {
  padding: 1rem 0;
}
.gh-links-list-item .gh-links-list-clicks {
  text-align: right;
  padding-right: 12px;
}
.gh-links-list-item:last-child {
  border-bottom: none;
}
.gh-links-list > .gh-links-list-item:last-child {
  border-bottom: 0;
}
.gh-links-list-url {
  display: grid;
  grid-template-columns: min-content minmax(auto, min-content) min-content min-content;
  align-items: center;
  padding-right: 32px;
}
.gh-links-list-item-edit-mode .gh-links-list-url {
  grid-template-columns: auto;
}
.gh-links-list-item a {
  margin: 0;
  padding: 0;
  color: #394047;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.gh-links-list-item a:hover {
  color: #697989;
}
.gh-links-list-item-edit {
  margin-right: 8px;
}
.gh-links-list-item-edit span {
  padding: 0 10px;
  height: 24px;
}
.gh-links-list-item-edit span svg {
  width: 14px;
}
.gh-links-list-item .gh-input {
  animation: fade-in 0.2s ease-in-out;
}
.gh-links-list-input-container {
  width: 100%;
}
.gh-links-list-item-success {
  opacity: 0;
  display: flex;
}
.gh-links-list-item-success.gh-links-list-item-success-show {
  animation: fade-in-out 3s;
}
.gh-links-list-item-error {
  display: none;
  margin: 6px 0 0;
  color: #f50b23;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
}
.error .gh-links-list-item-error {
  display: block;
}
.gh-links-list-item-edited {
  display: none;
  white-space: nowrap;
  color: #abb4be;
  font-weight: 400;
}
.gh-links-list-item-edited-show {
  display: inline;
}
.gh-links-list-item-update-button {
  border: 0;
}
.gh-links-list-item-update-button span {
  pointer-events: none;
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.gh-links-list-item-success svg {
  width: 14px;
  margin-left: 8px;
}
.gh-links-list-item-success svg path {
  stroke: #30cf43;
}
.gh-links-list-clicks {
  margin: 0;
  color: #394047;
}
.gh-links-list-header {
  display: grid;
  grid-template-columns: minmax(auto, 85%) minmax(min-content, 15%);
  padding: 0 0 8px;
  border-bottom: 1px solid #ebeef0;
}
.gh-links-list-title {
  align-items: center;
  line-height: 1em;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #7c8b9a;
  padding: 0 20px 8px 0;
  text-transform: uppercase;
}
.gh-links-list-header .gh-links-list-title:last-child {
  text-align: right;
  padding-right: 12px;
}
.gh-links-info {
  display: flex;
  align-items: center;
  color: #30cf43;
  font-weight: 500;
  padding-left: 11px;
}
.gh-links-info svg {
  width: 14px;
  margin-right: 6px;
  fill: #30cf43;
  transform: rotate(-90deg);
}
.gh-links-info .gh-links-info-short {
  display: none;
}
.gh-links-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 40px);
  background: linear-gradient(180deg, #fbfbfb, #fff 50%);
  padding: 20px;
  margin: 0 -20px -20px;
  border-top: 1px solid #dee3e7;
  border-radius: 0 0 3px 3px;
}
.gh-links-pagination-progress {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #abb4be;
}
.gh-links-pagination-actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.gh-links-pagination-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: #30cf43;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.01em;
  transition: color 0.2s linear;
}
.gh-links-pagination-action.gh-links-pagination-prev {
  position: relative;
  padding-right: 12px;
}
.gh-links-pagination-action.gh-links-pagination-prev:after {
  content: '';
  position: absolute;
  top: 20%;
  bottom: 20%;
  right: 0;
  background: #ced4d9;
  border-radius: 2px;
  width: 1.5px;
  height: 60%;
}
.gh-links-pagination-disabled {
  cursor: default;
  opacity: 0.25;
}
.gh-links-pagination-action svg {
  width: 6px;
  fill: #30cf43;
  stroke: #30cf43;
  transition: all 0.2s linear;
}
.gh-links-pagination-action:hover {
  color: #26a636;
}
.gh-links-pagination-action:hover svg {
  fill: #26a636;
  stroke: #26a636;
}
.feature-audienceFeedback .gh-links-list-item {
  border-color: rgba(235, 238, 240, 0.5);
}
.feature-audienceFeedback .gh-links-list-item.gh-links-list-item-edit-mode {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.feature-audienceFeedback .gh-links-info {
  font-size: 1.3rem;
}
.feature-audienceFeedback .gh-links-info svg {
  width: 13px;
  margin-bottom: 2px;
}
.feature-audienceFeedback .gh-links-list-item:hover {
  background: none;
}
@media (max-width: 1000px), (min-width: 1360px) and (max-width: 1440px) {
  .gh-links-info .gh-links-info-short {
    display: inline;
  }
  .gh-links-info .gh-links-info-normal {
    display: none;
  }
}
.gh-post-activity-feed .gh-dashboard-list-item-sub .gh-members-activity-description {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gh-post-activity-feed .gh-dashboard-list-item-sub .gh-members-activity-description svg {
  width: 18px;
  min-width: 18px;
  height: 16px;
  margin: 0 0.4em 0 0;
}
.gh-post-activity-feed .gh-dashboard-list-item-sub .gh-members-activity-description svg path {
  stroke: #7c8b9a;
}
.gh-posts-list-item:nth-of-type(2) .gh-list-data {
  border-top: 1px solid #ebeef0;
}
.gh-content-entry-title {
  margin: 0 0 2px;
  font-size: 1.55rem;
  font-weight: 600;
}
.gh-content-entry-meta,
.gh-content-entry-status {
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 1.35rem;
  color: #99a3ad;
}
.gh-content-entry-meta .gh-badge {
  margin-right: 3px;
}
.gh-content-entry-status .draft {
  display: flex;
  align-items: center;
  color: #fb2d8d;
  font-weight: 500;
}
.gh-content-entry-status .scheduled {
  display: flex;
  align-items: center;
  color: #30cf43;
  font-weight: 500;
}
.gh-content-entry-status .status-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 1px 6px 0 0;
  border-radius: 999px;
}
.gh-content-entry-status .scheduled .status-dot {
  border-color: #30cf43;
  background: #30cf43;
}
.gh-content-entry-status .draft .status-dot {
  border-color: #fb2d8d;
  background: #fb2d8d;
}
.gh-content-entry-status .error {
  color: #f50b23;
  font-weight: 500;
}
.schedule-details {
  margin-left: 3px;
  color: #a3acb7;
}
.schedule-details.absolute {
  position: absolute;
  transform: translateX(-100%);
  min-width: -moz-max-content;
  min-width: max-content;
}
.gh-content-entry-author,
.gh-content-entry-date {
  display: inline-block;
  transition: all 1s ease;
}
.gh-content-email-stats,
.gh-post-list-cta {
  margin: 0 0 3px;
  color: #99a3ad;
  font-size: 1.35rem;
  font-weight: 400;
}
.gh-content-email-stats {
  margin-top: -1px;
}
.gh-content-email-stats-value {
  display: block;
  color: #15171a;
  font-size: 1.55rem;
  font-weight: 600;
  margin: 0 0 3px;
}
.gh-content-email-stats-value sup {
  top: -0.225em;
  font-size: 75%;
  padding: 0 0 0 1px;
}
.gh-post-list-cta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 1px 12px;
  border: 1px solid #e6e9eb;
  background: #fff;
  color: #394047;
  border-radius: 6px;
  transition: all 0.2s ease;
  white-space: nowrap;
  height: 34px;
  overflow: hidden;
  transition: all 0.1s linear;
}
.gh-post-list-cta:hover {
  border-color: #e4e8ec;
}
.gh-list-data .gh-post-list-cta {
  justify-content: center;
  width: 52px;
}
.gh-post-analytics-header .gh-post-list-cta.edit {
  margin-top: -14px;
  margin-right: 0;
}
.gh-post-analytics-header .share svg {
  margin-top: -2px;
  width: 1.5rem;
  height: 1.5rem;
  color: #394047;
  stroke: #394047;
}
.gh-post-analytics-header .gh-btn-action-icon {
  margin-right: 0;
}
.gh-post-analytics-header .gh-btn.refresh svg path {
  stroke-width: 2.25;
}
.gh-post-list-cta.is-hovered {
  border-color: #dddedf;
}
.gh-post-list-cta.edit.is-hovered:hover,
.gh-post-list-cta.edit:not(.is-hovered):hover,
.gh-post-list-cta.stats.is-hovered:hover {
  border-color: #e4e8ec;
}
.gh-post-list-cta > svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #394047;
  stroke: #394047;
  transition: all 0.1s linear;
}
.gh-post-list-cta > svg path {
  stroke-width: 1.75;
}
.gh-post-list-cta > span {
  line-height: 36px;
  font-weight: 600;
  padding: 0 0 0 0.75rem;
  color: #40474f;
  transition: all 0.1s linear;
}
span.dropdown .gh-post-list-cta > span {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .gh-post-analytics-box.resources {
    flex-direction: column;
  }
}
@media screen and (max-width: 1000px) {
  .gh-attribution-box,
  .gh-post-analytics-box {
    flex-direction: column;
  }
  .gh-attribution-chart-column-inner {
    padding: 8px;
    max-width: 300px;
  }
  .gh-post-analytics-item {
    border-left: 0;
    border-bottom: 1px solid #e6e9eb;
    padding-left: 0;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .gh-post-analytics-item:first-child {
    padding-top: 0;
  }
  .gh-post-analytics-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .gh-post-analytics-item h3 {
    font-size: 2.8rem;
    margin-bottom: 2px;
  }
  .gh-post-analytics-item h3 sup {
    top: -0.3em;
    font-size: 1.8rem;
  }
}
.gh-tabs-analytics {
  margin-bottom: 22px;
  border-radius: 5px;
  border: 1px solid #eceef0;
}
.gh-tabs-analytics.no-tabs {
  padding: 28px 24px;
}
.gh-tabs-analytics .tab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid transparent;
  border-bottom: none;
  padding: 12px 14px 22px;
  text-align: left;
}
.gh-tabs-analytics .tab-selected {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e7e9eb;
  border-bottom: none;
  box-shadow:
    0 4px 7px rgba(0, 0, 0, 0.05),
    0 1px 0 0 #fff;
  border-radius: 5px 5px 0 0;
}
.gh-tabs-analytics.no-tabs .tab-selected {
  padding: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #eceef0;
  box-shadow: none;
}
.gh-tabs-analytics .tab-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  padding: 8px 8px 0;
  background: linear-gradient(1turn, #f7f8f9 -6.38%, rgba(247, 248, 249, 0) 159.57%);
  box-shadow: inset 0 -1px 0 #eceef0;
}
.gh-tabs-analytics.no-tabs .tab-list {
  padding: 0;
  background: transparent;
}
.gh-tabs-analytics .tab-panel {
  display: none;
}
.gh-tabs-analytics .tab-panel-selected {
  display: block;
  padding: 8px 26px 0;
  opacity: 0.99999;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  min-height: 121px;
}
.gh-tabs-analytics.no-tabs .tab-panel-selected {
  padding: 0;
}
.gh-tabs-analytics .tab-list h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 0 0 0 1px;
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1em;
  letter-spacing: -0.05em;
  color: #15171a;
  white-space: nowrap;
}
.gh-tabs-analytics.no-tabs .tab-list h3 {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.gh-tabs-analytics .tab-list h3 svg {
  display: none;
  width: 20px;
  height: 20px;
  color: #15171a;
}
.gh-tabs-analytics .tab-list p {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  line-height: 1em;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #7c8b9a;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.gh-tabs-analytics.no-tabs .tab-list p {
  display: none;
}
.gh-tabs-analytics .tab-list p svg {
  width: 16px;
  height: 16px;
}
.gh-tabs-analytics .animated-number {
  position: relative;
}
.gh-tabs-analytics .animated-number .new-number {
  position: absolute;
  top: 0;
  left: 0;
}
.gh-tabs-analytics .animated-number .new-char,
.gh-tabs-analytics .animated-number .old-char {
  display: inline-block;
}
.gh-tabs-analytics .animated-number .new-char {
  opacity: 0;
  transform: translateY(10px);
}
.gh-tabs-analytics .gh-dashboard-list-item {
  grid-template-columns: 40% 40% 20%;
}
.gh-tabs-analytics .gh-dashboard-list-cols-conversion .gh-dashboard-list-item {
  grid-template-columns: 28% 28% 24% 20%;
}
.gh-post-activity-feed .gh-members-activity-description a {
  font-weight: 500;
}
.gh-post-activity-feed .gh-members-activity-description a:hover {
  color: #697989;
}
@media (max-width: 1200px) {
  .gh-tabs-analytics .tab {
    padding: 8px 7px 14px;
  }
  .gh-tabs-analytics .tab .analytics-tab-percentage {
    display: none;
  }
  .gh-tabs-analytics .tab-panel-selected {
    padding: 12px 18px 0;
  }
  .gh-tabs-analytics .tab-list {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  }
  .gh-tabs-analytics h3 {
    font-size: 1.2rem;
  }
  .gh-tabs-analytics p {
    font-size: 1.6rem;
  }
}
@media (max-width: 1000px) {
  .gh-tabs-analytics .tab-list h3 {
    margin-bottom: 0;
    font-size: 1.8rem;
  }
  .gh-tabs-analytics .tab-list h3 svg {
    display: block;
  }
  .gh-tabs-analytics .tab-list p {
    display: none;
  }
}
@media (max-width: 440px) {
  .gh-tabs-analytics .tab-list {
    padding: 4px 4px 0;
  }
  .gh-tabs-analytics .tab-panel-selected {
    padding: 12px 14px 0;
  }
  .gh-tabs-analytics p,
  .gh-tabs-analytics strong {
    font-size: 1.2rem;
  }
}
.gh-post-activity-feed {
  display: grid;
  grid-template-columns: 1fr auto;
}
.gh-post-activity-feed .gh-member-list-avatar {
  font-size: 1.1rem;
  font-weight: 600;
}
.gh-post-activity-feed .gh-dashboard-list-item {
  align-items: center;
}
.gh-post-activity-feed .gh-post-activity-feed-dummy {
  width: 40%;
  height: 8px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    #f2f6f7,
    rgba(242, 246, 247, 0.842589) 62.56%,
    rgba(247, 250, 252, 0.75) 99.36%
  );
}
.gh-post-activity-feed .gh-post-activity-feed-dummy:nth-child(2) {
  width: 30%;
}
.gh-post-activity-feed .gh-post-activity-feed-dummy:nth-child(3) {
  width: 10%;
}
.gh-post-activity-feed-empty {
  width: 100%;
  height: 277px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gh-post-activity-feed-pagination svg {
  width: 7px;
  height: 12px;
  fill: #2bba3c;
}
.gh-post-activity-feed-footer {
  display: flex;
  min-height: 65px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 2px;
  border-top: 1px solid #eceef0;
  padding: 18px 0;
}
.gh-post-activity-feed-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3;
  color: #abb0b6;
}
.gh-post-activity-feed-pagination-button {
  padding: 8px;
}
.gh-post-activity-feed-pagination-button:disabled {
  opacity: 0.25;
}
.gh-post-activity-feed-pagination-button:hover:not(:disabled) {
  filter: brightness(0.8);
}
.gh-post-activity-feed-pagination-link-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  color: #959595;
}
.gh-post-activity-feed-pagination-link-wrapper svg {
  width: 15px;
  height: 15px;
}
.gh-post-activity-feed-pagination-link-wrapper path {
  stroke: currentColor;
}
.gh-post-activity-feed-pagination-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  color: #30cf43;
}
.gh-post-activity-feed-pagination-link:hover {
  color: #2bba3c;
}
.gh-post-activity-feed-pagination-link svg {
  width: 15px;
  height: 15px;
}
.gh-post-activity-feed-pagination-link path {
  stroke: currentColor;
}
.gh-post-activity-feed .gh-dashboard-list-item + .gh-dashboard-list-item {
  border-top: 1px solid rgba(235, 238, 240, 0.5);
}
.gh-post-activity-feed .gh-dashboard-list-item {
  min-height: 42px;
}
.gh-post-activity-feed .gh-dashboard-list-subtext,
.gh-post-activity-feed .gh-members-activity-description {
  font-size: 1.3rem;
}
.gh-post-activity-feed-pagination-group {
  font-size: 0;
}
.gh-feedback-events-tooltip {
  opacity: 0;
  position: fixed;
  left: 200px;
  padding: 16px 12px;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #909cab;
}
.gh-feedback-events-tooltip-badge {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
}
.gh-feedback-events-tooltip-metric {
  margin-left: 16px;
}
.gh-feedback-events-tooltip-info {
  margin-right: 4px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  color: #000;
}
.gh-feedback-events-tooltip-footer {
  margin-top: 12px;
  padding-top: 12px;
  white-space: nowrap;
  border-top: 1px solid rgba(235, 238, 240, 0.8980392156862745);
}
.gh-feedback-events-tooltip-body {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.gh-feedback-events-feed {
  position: relative;
  padding: 24px 34px 16px 56px;
}
.gh-feedback-events-feed-container {
  width: 220px;
  max-width: 220px;
  margin: auto;
}
.gh-prefix {
  padding: 0 0.5em 0 0;
  line-height: 1em;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #7c8b9a;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .gh-post-activity-feed {
    grid-template-columns: unset;
  }
  .gh-dashboard-list-item-stub {
    display: none !important;
  }
  .gh-feedback-events-feed {
    padding: 0 0 24px;
  }
}
.gh-post-analytics-split {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 1360px) {
  .gh-post-analytics-split.gh-post-analytics-with-mentions {
    grid-template-columns: 1fr 1fr;
  }
}
.gh-post-analytics-mentions {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gh-post-analytics-mentions.is-full-width {
  display: none;
}
.gh-post-analytics-mentions-header {
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 8px;
  padding: 0;
  color: #394047;
  white-space: nowrap;
  letter-spacing: -0.3px;
}
.gh-post-analytics-mentions-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 6px;
}
.gh-post-analytics-mention {
  display: grid;
  grid-template-columns: 20px auto;
  grid-template-rows: 20px auto;
  grid-column-gap: 8px;
  flex-direction: column;
  padding: 6px 0;
}
.gh-post-analytics-mention-title {
  color: #394047;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gh-post-analytics-mention-timestamp {
  color: #abb4be;
  font-size: 1.3rem;
  font-weight: 500;
  padding-left: 28px;
  white-space: nowrap;
}
.gh-post-analytics-mentions .gh-dashboard-list-footer {
  margin-top: auto;
  padding: 17px 0 0;
}
.gh-post-analytics-mentions .gh-dashboard-list-footer a {
  font-size: 1.3rem;
}
.gh-post-list-metrics-container {
  display: flex;
  flex: 0 0 auto;
}
.gh-post-list-metrics {
  width: 100px;
  flex-shrink: 0;
  display: grid;
  grid-template-rows: auto auto;
}
.gh-list-analytics-icon {
  width: 16px;
  height: 16px;
}
.gh-post-list-button {
  flex: 0 0 auto;
}
.feature-trafficAnalytics .gh-canvas-header {
  border-bottom: none;
}
.feature-trafficAnalytics .gh-post-analytics-content {
  display: grid;
  grid-template-columns: auto 260px;
  gap: 32px;
}
.feature-trafficAnalytics .gh-post-analytics-header {
  padding-bottom: 0;
}
.feature-trafficAnalytics .gh-tabs-analytics {
  margin-top: 32px;
  border-radius: 12px;
}
.feature-trafficAnalytics .gh-post-analytics-box {
  border-radius: 12px;
}
.feature-trafficAnalytics .gh-post-analytics-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 32px 0;
}
.feature-trafficAnalytics .gh-post-analytics-sidebar-item {
  display: flex;
  height: 36px;
  align-items: center;
  gap: 8px;
  border-radius: 7px;
  color: #626d79;
  padding: 8px 12px;
  font-weight: 500;
  cursor: pointer;
}
.feature-trafficAnalytics .gh-post-analytics-sidebar-item:hover {
  color: #15171a;
  background: #f1f3f4;
}
.feature-trafficAnalytics .gh-post-analytics-sidebar-item.active {
  background: #f1f3f4;
  color: #15171a;
  font-weight: 600;
}
.feature-trafficAnalytics .gh-post-analytics-sidebar-item svg {
  width: 18px;
  height: 18px;
  stroke: 1.5px;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-list {
  background: none;
  box-shadow: none;
  gap: 20px;
  padding: 20px 0 0;
  margin: 0 24px;
  border-bottom: 1px solid #ebeef0;
}
.feature-trafficAnalytics .gh-tabs-analytics.no-tabs .tab-panel-selected {
  margin: 0 24px;
}
.feature-trafficAnalytics .gh-tabs-analytics.no-tabs {
  padding: 20px 0;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab {
  border: none;
  padding: 0 0 12px;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab {
  border: none;
  box-shadow: none;
  position: relative;
  color: #626d79;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-selected,
.feature-trafficAnalytics .gh-tabs-analytics .tab:hover {
  color: #15171a;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: transparent;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab:not(.tab-selected):hover:before {
  background: #ced4d9;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-selected:before {
  background: #15171a;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab h3 {
  order: 2;
  font-size: 23px;
  line-height: 35px;
  margin-top: -2px;
  margin-bottom: 0;
  color: inherit;
}
.feature-trafficAnalytics .gh-newsletter-clicks-header {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab p {
  order: 1;
  font-size: 14px;
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 600;
  line-height: 22.5px;
  color: inherit;
  letter-spacing: 0;
}
.feature-trafficAnalytics .analytics-tab-percentage {
  opacity: 0.75;
  font-weight: 500;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab p svg {
  display: none;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-panel-selected {
  padding-top: 16px;
}
.feature-trafficAnalytics .gh-feedback-events-feed {
  padding-right: 0;
  padding-left: 24px;
}
.feature-trafficAnalytics .gh-feedback-events-feed-container {
  width: 200px;
  height: 200px;
}
.feature-trafficAnalytics .gh-post-activity-feed-pagination-link-wrapper {
  display: block;
  flex-grow: 1;
}
.feature-trafficAnalytics .gh-post-activity-feed-pagination-link {
  display: inline-flex;
}
.feature-trafficAnalytics .gh-post-activity-feed-pagination-link-wrapper svg {
  margin-bottom: -2px;
}
.feature-trafficAnalytics .gh-tabs-analytics .tab-panel {
  background: none;
}
.feature-trafficAnalytics .gh-tabs-analytics.no-tabs .tab-selected:before {
  display: none;
}
@media (max-width: 1320px) {
  .feature-trafficAnalytics .gh-post-analytics-content {
    grid-template-columns: auto 240px;
  }
  .feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab p {
    font-size: 13px;
  }
  .feature-trafficAnalytics .gh-tabs-analytics .tab-list .tab h3 {
    font-size: 21px;
    line-height: 25px;
  }
  .feature-trafficAnalytics .analytics-tab-percentage {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .feature-trafficAnalytics .gh-tabs-analytics .tab-list {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
  }
}
.gh-post-list-analytics-metric,
.gh-post-list-analytics-right,
.gh-posts-list-item-group
  .gh-list-row.gh-post-list-analytics
  .gh-list-data:not(.gh-post-list-title) {
  display: flex;
  align-items: center;
}
.gh-post-list-analytics-metric {
  gap: 5px;
  color: #7c8b9a;
  padding: 3px 8px;
  border-radius: 5px;
}
.gh-post-list-analytics-metric:hover {
  background-color: #ebeef0;
}
.gh-posts-list-item-group:hover .gh-post-list-analytics-metric {
  color: #15171a !important;
}
.gh-list .gh-post-list-analytics .gh-content-entry-title {
  font-size: 1.5rem;
}
.gh-post-list-analytics .gh-content-email-stats-value {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0;
  color: #626d79;
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
}
.gh-posts-list-item-group:hover .gh-post-list-analytics .gh-content-email-stats-value {
  color: #15171a;
}
.gh-post-list-analytics .gh-post-list-metrics {
  width: 92px;
}
.gh-post-list-analytics-tt-container {
  position: relative;
}
.gh-post-list-analytics-tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 12px;
  border-radius: 7px;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
  font-size: 1.3rem;
  min-width: 160px;
  z-index: 9999;
  box-shadow:
    0 0 1px 0 rgba(0, 0, 0, 0.28),
    0 100px 80px 0 rgba(0, 0, 0, 0.01),
    0 41.778px 33.422px 0 rgba(0, 0, 0, 0.02),
    0 22.336px 17.869px 0 rgba(0, 0, 0, 0.02),
    0 12.522px 10.017px 0 rgba(0, 0, 0, 0.02),
    0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03),
    0 2.767px 2.214px 0 rgba(0, 0, 0, 0.04);
}
.gh-post-list-analytics-tooltip.above {
  bottom: calc(100% - 10px);
}
.gh-post-list-analytics-tt-container:hover .gh-post-list-analytics-tooltip.above {
  bottom: calc(100% - 2px);
  opacity: 1;
}
.gh-post-list-analytics-tooltip.below {
  top: 100%;
}
.gh-post-list-analytics-tt-container:hover .gh-post-list-analytics-tooltip.below {
  top: calc(100% - 8px);
  opacity: 1;
}
.gh-post-list-analytics-tooltip h3 {
  font-size: 1.3rem;
  font-weight: 500;
  color: #626d79;
  padding-bottom: 10px;
  padding-right: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebeef0;
  white-space: nowrap;
}
.gh-post-list-analytics-tooltip .metrics {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.gh-post-list-analytics-tooltip .metric {
  height: 20px;
  display: flex;
  justify-content: space-between;
}
.gh-post-list-analytics-tooltip .metric .data {
  display: flex;
  align-items: center;
  gap: 6px;
}
.gh-post-list-analytics-tooltip .metric svg {
  width: 16px;
  height: 16px;
  color: #7c8b9a;
}
.gh-post-list-analytics-tooltip .metric span {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
}
.gh-post-analytics-email-metrics {
  display: flex;
  align-items: center;
}
.gh-post-list-analytics,
.gh-post-list-analytics > * {
  z-index: unset;
}
.editor-options .dropdown-menu {
  top: 35px;
  right: 0;
  left: auto;
}
.tags-input-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tags-input-list li {
  flex: 1 0 auto;
}
.label-tag {
  margin-right: 0.3em;
  padding: 0.2em 0.6em 0.3em;
  color: #ced4d9;
  font-weight: 300;
  text-align: center;
  background-color: #394047;
  border-radius: 0.25em;
}
.label-tag.highlight {
  color: #fff;
  background: #7c8b9a;
}
.tag-input {
  margin-top: 5px;
  border: none;
  font-weight: 300;
  cursor: default;
}
.tag-input:focus {
  outline: 0;
}
.publish-bar-actions {
  flex: 1 0 auto;
  align-self: auto;
  display: flex;
  text-align: right;
}
.contributor-save-button {
  position: relative;
  z-index: 1000;
  margin-right: 6px;
}
.post-settings {
  position: relative;
  z-index: 1000;
  display: inline-block;
  color: #7c8b9a;
  line-height: 0;
  transition: all 0.15s ease-out 0s;
}
.post-settings.active,
.post-settings:hover {
  color: #394047;
}
.post-settings svg {
  width: 16px;
  height: 16px;
  fill: #7c8b9a;
}
.post-settings:hover svg {
  fill: #394047;
}
.post-settings-menu .dropdown-menu {
  top: auto;
  right: 100%;
  bottom: 100%;
  left: auto;
}
.post-view-link {
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 1.3rem;
  color: #7c8b9a;
}
.post-view-link:hover {
  color: #697989;
}
.post-view-link svg {
  display: inline;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  transition: all 0.15s ease;
}
.post-view-link:hover svg {
  transform: translateY(-1px);
}
.seo-preview {
  font-family: Arial, sans-serif;
  background: #fff;
  border: 1px solid #ebeef0;
  padding: 10px 12px;
}
.seo-preview-title {
  color: #1e0fbe;
  font-size: 1.8rem;
  line-height: 2.16rem;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-text-overflow: ellipsis;
}
.seo-preview-link {
  margin: 1px 0 2px;
  color: #006621;
  font-size: 1.3rem;
  line-height: 1.6rem;
  word-wrap: break-word;
}
.seo-preview-description {
  color: #545454;
  font-size: 1.3rem;
  line-height: 1.4;
  word-wrap: break-word;
}
.gh-og-preview {
  background: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 0 rgba(0, 0, 0, 0.06),
    0 1px 4px rgba(0, 0, 0, 0.1);
}
.gh-og-preview-image {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: 50%;
}
.gh-og-preview-content {
  padding: 10px 12px;
}
.gh-og-preview-title {
  color: #1d2129;
  max-height: 110px;
  overflow: hidden;
  margin-bottom: 5px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  word-wrap: break-word;
}
.gh-og-preview-description {
  color: #4b4f56;
  max-height: 80px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.1px;
}
.gh-og-preview-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gh-og-preview-footer-left {
  overflow: hidden;
  padding-top: 18px;
  color: #90949c;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: -0.1px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-og-preview-footer-left-divider {
  padding: 0 5px;
}
.gh-og-preview-footer-author {
  color: #3b5998;
}
.gh-twitter-preview {
  overflow: hidden;
  border: 1px solid #e1e8ed;
  color: #292f33;
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.4rem;
  line-height: 1.3em;
  background: #fff;
  border-radius: 0.42857em;
  -webkit-font-smoothing: antialiased;
}
.gh-twitter-preview-image {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: 50%;
}
.gh-twitter-preview-content {
  padding: 12px 14px;
}
.gh-twitter-preview-title {
  max-height: 1.3em;
  overflow: hidden;
  margin: 0 0 0.15em;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-twitter-preview-description {
  overflow: hidden;
  margin-top: 0.32333em;
}
.gh-twitter-preview-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.35em;
}
.gh-twitter-preview-footer-left {
  max-height: 1.3em;
  overflow: hidden;
  color: #8899a6;
  text-transform: lowercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-main > section.gh-editor-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.gh-editor {
  max-width: calc(100vw - var(--editor-sidebar-width));
}
@media (max-width: 1024px) {
  .gh-editor {
    max-width: 100%;
  }
}
.gh-editor-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 34px;
  padding: 0;
  margin: 24px;
  z-index: 799;
}
@media (max-width: 1024px) {
  .gh-editor-header {
    z-index: 100;
    height: 56px;
    margin: 0;
    padding: 0 0 0 15px;
    background-color: #fff;
    border-radius: 0;
  }
}
.gh-btn-editor {
  background: #fff;
  border-color: transparent;
}
.gh-btn-editor:not(.gh-publish-trigger):not(.gh-tooltip-trigger) span {
  color: #394047;
}
.gh-btn-editor.active,
.gh-btn-editor:hover {
  background: #f1f3f4;
}
.gh-btn-editor.green span {
  color: #2bba3c;
}
.gh-btn-editor.midgrey span {
  color: #8e9cac;
}
.gh-editor-wordcount-container {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: #fff;
}
.gh-editor-wordcount-container svg {
  width: 1.6rem;
  height: 1.6rem;
  margin: 9px 12px;
}
.gh-editor-wordcount-container svg path {
  stroke: #8e9cac;
}
@media (max-width: 500px) {
  .gh-editor-wordcount-container {
    display: none;
  }
}
.gh-editor-mobile-menu {
  display: none;
}
@media (max-width: 500px) {
  .gh-editor-mobile-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    height: 48px;
    padding: 0 32px;
    background: #fff;
  }
  .gh-editor-mobile-menu .gh-editor-wordcount {
    padding: 0;
  }
  .gh-editor-mobile-menu svg {
    width: 16px;
    height: 16px;
  }
  .gh-editor-mobile-menu .gh-editor-publish-buttons {
    display: flex;
    align-items: center;
    gap: 1.6rem;
  }
  .gh-editor-mobile-menu .gh-btn-editor:hover {
    background: none !important;
  }
  .gh-editor-mobile-menu .gh-btn-editor span {
    height: 100%;
    padding: 0;
    font-size: 1.3rem;
  }
}
.gh-editor-wordcount {
  padding: 0 4px 0 14px;
  color: #8e9cac;
  font-size: 1.3rem;
  font-weight: 400;
}
.gh-editor-feedback-trigger {
  position: absolute;
  left: 30px;
  bottom: 22px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.gh-editor-feedback-dropdown-container {
  background: transparent;
}
.gh-editor-feedback-dropdown {
  min-width: 400px;
  border-radius: 6px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 20px -3px rgba(0, 0, 0, 0.2);
  padding: 20px;
  background-color: #fff;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.gh-editor-feedback-dropdown textarea {
  resize: none;
}
.gh-editor-feedback-dropdown-header h3 {
  font-size: 1.9rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.gh-editor-feedback-dropdown p {
  margin-bottom: 16px;
  color: #7c8b9a;
}
.gh-editor-feedback-dropdown-footer .gh-btn:not(:last-child) {
  margin-right: 8px;
}
.gh-editor-feedback {
  color: #30cf43;
  font-weight: 500;
}
.gh-editor-status {
  color: #7c8b9a;
  font-size: 1.3rem;
  font-weight: 400;
}
.gh-editor-container {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 10vw 4vw;
}
.gh-editor-inner {
  height: 100%;
  max-width: 740px;
  margin: 0 auto;
}
.gh-editor-feature-image-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 740px;
  min-height: 60px;
  margin: -56px auto 0;
  padding-bottom: 3.6rem;
}
@media (max-width: 1400px) {
  .gh-editor-feature-image-container {
    margin: 0 auto;
  }
}
.gh-editor-feature-image-container .gh-progress-container-progress {
  width: 100%;
}
@media (max-width: 500px) {
  .gh-editor-feature-image-container {
    padding-bottom: 2rem;
  }
  .gh-editor-feature-image-container .invisible {
    visibility: visible;
  }
}
.gh-editor-feature-image-dropzone {
  position: absolute;
  left: 0;
  right: 0;
  height: 175px;
  top: -50px;
  pointer-events: none;
}
body[data-user-is-dragging] .gh-editor-feature-image-dropzone {
  pointer-events: auto;
}
.gh-editor-feature-image-drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  height: 4px;
}
.gh-editor-feature-image {
  position: relative;
}
.gh-editor-feature-image img {
  display: block;
}
.gh-editor-feature-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 40%, transparent);
  transition: all 0.1s ease-in;
  opacity: 0;
}
.gh-editor-feature-image:hover .gh-editor-feature-image-overlay {
  opacity: 1;
}
.gh-editor-feature-image .faded {
  opacity: 0.5;
}
.gh-editor-feature-image .image-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.2rem;
  padding: 0;
  background: #fff;
  color: #394047;
  border-radius: 6px;
  transition: all 0.1s ease-in;
  opacity: 0;
}
.gh-editor-feature-image:hover .image-action {
  opacity: 0.85;
}
.gh-editor-feature-image .image-action svg {
  width: 1.6rem;
  height: 1.6rem;
}
.gh-editor-feature-image .image-action:hover {
  opacity: 1;
}
.gh-editor-feature-image .image-action:hover svg {
  color: #15171a;
}
.gh-editor-feature-image .image-action svg path {
  stroke-width: 2;
}
.gh-editor-feature-image-add {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 768px) {
  .gh-editor-feature-image-add {
    padding-top: 1.6rem;
  }
}
.gh-editor-feature-image-add-button {
  display: flex;
  align-items: center;
  color: #8e9cac;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.gh-editor-feature-image-add-button:hover {
  color: #697989;
}
.gh-editor-feature-image-add-button svg {
  width: 12px;
  height: auto;
  margin-right: 6px;
}
.gh-editor-feature-image-add-button svg path {
  stroke-width: 1.8;
}
.gh-editor-feature-image-add-button:hover svg path {
  stroke: #697989;
}
.gh-editor-feature-image-unsplash {
  width: 1em;
  height: 1em;
  margin-left: 24px;
  margin-bottom: 2px;
  line-height: 1.2;
}
.gh-editor-feature-image-unsplash svg {
  fill: #bbc3c8;
}
.gh-editor-feature-image-unsplash:hover svg {
  fill: #15171a;
}
.gh-editor-feature-image-indicator {
  position: absolute;
  top: -1px;
  height: 2.4rem;
  margin-left: -6rem;
}
.gh-editor-feature-image-indicator svg {
  height: 2.4rem;
}
.gh-editor-feature-image-indicator svg path {
  stroke: #8e9cac;
}
.gh-editor-feature-image-caption-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0;
}
.gh-editor-feature-image-alttext,
.gh-editor-feature-image-caption {
  width: 100%;
  min-height: 24px;
  margin: 0;
  padding: 0 3.6rem 0 0;
  outline: none;
  border-width: 0;
  border-style: none;
  font-size: 1.4rem;
  line-height: 24px;
  letter-spacing: 0.04rem;
  background-color: transparent !important;
  transition: border-color 0.15s linear;
  -webkit-appearance: none;
  overflow: hidden;
}
.gh-editor-feature-image-alttext::-moz-placeholder,
.gh-editor-feature-image-caption p::-moz-placeholder {
  color: #abb4be;
  opacity: 1 !important;
}
.gh-editor-feature-image-alttext::placeholder,
.gh-editor-feature-image-caption p::placeholder {
  color: #abb4be;
  opacity: 1 !important;
}
.gh-editor-feature-image-caption :is(.koenig-lexical *) {
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}
.gh-editor-feature-image-caption p {
  margin: 0;
}
.gh-editor-feature-image-alttext.faded:not(:focus),
.gh-editor-feature-image-caption.faded p {
  opacity: 0.5;
}
.gh-editor-title-container {
  position: relative;
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}
.gh-editor-title,
.gh-editor-title-container {
  width: 100%;
  border: none;
  background: transparent;
}
.gh-editor-title {
  display: block;
  max-width: unset;
  min-height: auto;
  margin: 0 0 1.6rem;
  padding: 0 0 4px;
  color: #15171a;
  font-size: 4.8rem;
  letter-spacing: -0.017em;
  line-height: 1.1em;
  font-weight: 700;
  overflow: hidden;
  box-shadow: none;
}
@media (min-width: 500px) and (max-width: 768px) {
  .gh-editor-title {
    font-size: 3.6rem;
  }
}
@media (max-width: 500px) {
  .gh-editor-title {
    font-size: 2.8rem;
  }
}
.gh-editor-title:focus {
  box-shadow: none !important;
  border: none !important;
}
.gh-editor-title.faded {
  opacity: 0.5;
}
.gh-editor-title::-moz-placeholder {
  color: #c3cad0;
  font-weight: 700;
  opacity: 1;
}
.gh-editor-title::placeholder {
  color: #c3cad0;
  font-weight: 700;
  opacity: 1;
}
.gh-editor-hidden-indicator {
  position: absolute;
  top: -1px;
  height: 2.4rem;
  margin-left: -6rem;
  color: #8e9cac;
}
.gh-editor-title-container .gh-editor-hidden-indicator {
  top: 1.8rem;
}
.gh-editor-hidden-indicator svg {
  height: 2.4rem;
}
.gh-editor-excerpt {
  display: block;
  width: 100%;
  max-width: unset;
  min-width: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #394047;
  font-size: 2rem;
  font-weight: 440;
  line-height: 1.5em;
  letter-spacing: -0.018em;
  overflow: hidden;
  box-shadow: none;
}
.gh-editor-excerpt:focus {
  box-shadow: none !important;
  border: none !important;
}
.gh-editor-excerpt-error {
  margin-top: 0.8rem;
  margin-bottom: 4.8rem;
  color: #dd091f;
  font-size: 1.4rem;
  font-weight: 400;
}
.gh-editor-title-divider {
  margin: 1.6rem 0 4.8rem;
}
.gh-editor-title-divider-error {
  margin: 1.6rem 0 0;
  border-top: 1px solid #f50b23;
}
.gh-editor .tk-indicator {
  position: absolute;
  top: 15px;
  right: -5.6rem;
  padding: 0.4rem;
  color: #95a1ad;
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
}
.gh-editor .tk-indicator-excerpt {
  top: -1px;
}
.gh-editor-feature-image-container .tk-indicator {
  top: 0;
  padding: 0 0.4rem;
}
.gh-editor-back-button {
  display: flex;
  align-items: center;
  height: 34px;
  gap: 8px;
  padding: 0 12px;
  outline: none;
  border: none;
  color: #394047;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 34px;
  white-space: nowrap;
  background: #fff;
  border-radius: 6px;
  transition: all 0.25s ease;
  transition-property: color, border-color, background, width, height, box-shadow;
}
.gh-editor-back-button:hover {
  color: #394047;
  cursor: pointer;
  background: #ebeef0;
}
.gh-editor-back-button svg {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5em;
  padding-top: 2px;
  fill: #394047;
}
@media (max-width: 500px) {
  .gh-editor-back-button span {
    display: none;
  }
  .gh-editor-back-button svg {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0;
    fill: #8695a4;
  }
}
.gh-editor-post-status {
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 1.35rem;
  font-weight: 400;
  color: #8e9cac;
  letter-spacing: 0.2px;
  line-height: 34px;
  background: #fff;
  border-radius: 6px;
  margin-left: 8px;
}
@media (max-width: 500px) {
  .gh-editor-post-status {
    padding: 0 8px;
  }
}
.gh-editor-post-status-btn {
  position: relative;
}
.gh-editor-post-status svg {
  width: 18px;
  height: 18px;
  margin-left: 1rem;
}
.gh-editor-post-status .view-post {
  display: inline-flex;
  align-items: center;
  color: #8e9cac;
  text-decoration: none;
  transition: all 0.2s ease;
}
.gh-editor-post-status .view-post:hover {
  color: #738393;
}
.gh-editor-post-status .view-post svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 1px 0 0 0.6rem;
  transition: all 0.15s ease;
}
.gh-editor-post-status .view-post:hover svg {
  transform: translateY(-1px);
}
@media (max-width: 720px) {
  .gh-editor-post-status .newsletter-failed {
    display: none;
  }
}
.gh-retry-trigger {
  color: #f50b23;
  font-weight: 500;
}
.gh-editor-publish-buttons {
  display: flex;
  align-items: center;
  height: 100%;
  pointer-events: auto;
}
@media (max-width: 500px) {
  .gh-editor-publish-buttons {
    display: none;
  }
}
.gh-lexical-indicator {
  margin: 1px 0 0 8px;
  padding: 1px 8px;
  background: #e6e9eb;
  color: #15171a;
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 1.25rem;
  border-radius: 6px;
}
.gh-editor-save-trigger {
  margin-right: 8px;
}
@media (max-width: 500px) {
  .gh-editor-save-trigger {
    margin-right: 0;
  }
}
.gh-editor-preview-trigger {
  height: 34px;
  background: #fff;
  font-size: 1.35rem;
  font-weight: 500;
  outline: none;
  border: none;
  white-space: nowrap;
  transition: all 0.25s ease;
}
.gh-post-preview-header .gh-editor-preview-trigger {
  margin-left: 4px;
}
.gh-editor-preview-trigger:hover {
  cursor: pointer;
  background: #ebeef0;
}
.gh-editor-preview-trigger.active {
  background: #ebeef0;
}
@media (max-width: 500px) {
  .gh-editor-preview-trigger {
    display: none;
  }
}
.gh-editor .editor-preview {
  height: auto;
  margin-top: 4px;
  padding: 0;
  background: transparent;
  color: #444d55;
  font-family: Georgia, Times, Serif;
  font-size: 1.9rem;
}
.gh-editor .editor-preview h1,
.gh-editor .editor-preview h2,
.gh-editor .editor-preview h3,
.gh-editor .editor-preview h4,
.gh-editor .editor-preview h5,
.gh-editor .editor-preview h6 {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Open Sans,
    Helvetica Neue,
    sans-serif;
}
.gh-markdown-editor-preview-title {
  margin-bottom: 2vw;
}
.gh-editor-drop-target,
.gh-editor-image-upload {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid #14b8ff;
  background-color: hsla(0, 0%, 100%, 0.6);
}
.gh-editor-drop-target .drop-target-message {
  padding: 1em;
  background-color: #fff;
  border-radius: 1em;
}
.gh-editor-image-upload.-error {
  border: 2px solid #f50b23;
}
.gh-editor-image-upload-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  padding: 1em;
  background-color: #fff;
  border-radius: 1em;
}
.gh-editor-image-upload .gh-progress-container-progress {
  width: 100%;
}
.gh-editor-image-upload .gh-btn-grey svg path {
  stroke: #5b6671;
}
.editor-toolbar a {
  color: #394047 !important;
}
.editor-toolbar a.disabled,
.gh-editor-preview .editor-toolbar a:not(.no-disable) {
  color: #ced4d9 !important;
  pointer-events: none;
}
.editor-toolbar a.disabled:hover {
  border: none;
}
.editor-toolbar .fa-check {
  position: relative;
  vertical-align: bottom;
}
.editor-toolbar .fa-check:before {
  position: absolute;
  right: 3px;
  bottom: 4px;
  font-size: 14px;
  line-height: 14px;
}
.editor-toolbar .fa-check:after {
  content: 'abc';
  position: absolute;
  top: 6px;
  left: 4px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 9px;
  line-height: 9px;
}
.editor-statusbar .words:before {
  content: 'Words: ';
}
.CodeMirror .CodeMirror-code .cm-link {
  color: #14b8ff;
  text-decoration: none;
}
.editor-statusbar {
  padding: 8px 15px;
  color: #7c8b9a;
}
.editor-toolbar i.separator {
  border-right: none;
  border-left: 1px solid #c5ccd2;
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
  border-color: #c0c7ce;
}
.gh-markdown-editor .CodeMirror .CodeMirror-selectedtext {
  color: #000 !important;
}
.CodeMirror .CodeMirror-selected {
  background: #ade6ff;
}
figure {
  margin: 0;
  padding: 0;
}
.koenig-card-click-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 400;
}
.kg-settings-link-title {
  display: block;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3em;
}
.kg-settings-link-url {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: left;
}
.kg-settings-link-url:before {
  left: -20px;
  background: #fff;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  opacity: 0;
  transition: all 0.25s ease-out;
}
.kg-settings-link-url:after,
.kg-settings-link-url:before {
  content: '';
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  z-index: 999;
}
.kg-settings-link-url:after {
  right: 0;
  background: #fff;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}
.ember-power-select-option[aria-current='true'] .kg-settings-link-url.scroller:before {
  opacity: 1;
  left: 0;
  background: linear-gradient(90deg, #f4f5f5, rgba(244, 245, 245, 0));
}
.ember-power-select-option[aria-current='true'] .kg-settings-link-url:after {
  background: linear-gradient(90deg, rgba(244, 245, 245, 0), #f4f5f5);
}
.kg-settings-link-url > span {
  display: inline-block;
  font-weight: 400;
  font-size: 1.2rem;
  color: #7c8b9a;
  letter-spacing: 0;
  line-height: 1.3em;
  transition: transform 0.25s ease-in-out;
  transform: translateX(0);
  padding-right: 8px;
}
.gh-tk-reminder .modal-body p strong {
  white-space: nowrap;
}
.gh-setting-error {
  margin-top: 1em;
  line-height: 1.3em;
  color: #f50b23;
  font-weight: 300;
  letter-spacing: 0.3px;
}
.gh-whats-new-canvas .gh-canvas-header-content {
  margin-bottom: -1px;
  padding: 8px 0 16px;
  align-items: center;
}
.gh-whats-new {
  flex-grow: 2;
  color: #394047;
  font-size: 1.5rem;
  letter-spacing: 0;
  margin-top: -24px;
}
.gh-whats-new-heading {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.3em;
  font-weight: 700;
  margin: 0;
}
.gh-whats-new-heading svg {
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 12px;
}
.gh-whats-new-heading svg path {
  fill: #fb2d8d;
}
.gh-wn-header {
  position: relative;
  display: flex;
  align-items: center;
  margin: -32px -32px 0;
  padding: 18px 18px 12px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background: #fb2d8d;
  background: linear-gradient(135deg, #f5009b, #ad26b4);
}
.gh-wn-header .background-img {
  position: absolute;
  top: -30px;
  left: 0;
}
.gh-wn-header h2 {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin: 0 8px 4px;
}
.gh-wn-header svg path {
  fill: #fff;
}
.gh-wn-close {
  stroke: #fff;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.gh-wn-close:hover {
  opacity: 1;
}
.gh-wn-entry {
  margin: 0 0 5vmin;
  padding-bottom: 5vmin;
  width: 100%;
  border-bottom: 1px solid #e4e8ec;
  color: inherit;
  text-decoration: none;
}
.gh-wn-content {
  max-width: 620px;
}
.gh-whats-new-canvas .gh-wn-content {
  margin: 0 auto;
}
.gh-wn-entry h4 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 24px 0 4px;
  color: #abb4be;
}
.gh-wn-entry h1 {
  font-size: 3.7rem;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: -0.021em;
  color: #15171a;
  margin-bottom: 16px;
}
.gh-whats-new-canvas .gh-wn-entry h1,
.gh-whats-new-canvas .gh-wn-entry h4 {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.gh-wn-entry h2 {
  border-bottom: none;
  font-size: 1.9rem;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.gh-wn-entry li,
.gh-wn-entry p {
  line-height: 1.6em;
}
.gh-wn-entry li {
  margin-bottom: 12px;
}
.gh-wn-entry p {
  margin: 0 0 20px;
  padding: 0;
}
.gh-wn-entry figure {
  margin-bottom: 24px;
  overflow: hidden;
}
.gh-wn-entry img {
  height: auto;
}
.gh-wn-entry hr {
  border-top: 1px solid #f1f3f4;
  margin: 24px 0;
}
.gh-wn-entry .kg-bookmark-card {
  margin-bottom: 20px;
}
.gh-wn-entry .kg-bookmark-container {
  display: flex;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  color: #394047;
  text-decoration: none;
  min-height: 148px;
  box-shadow:
    0 2px 5px -1px rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.09);
  border-radius: 3px;
}
.gh-wn-entry .kg-bookmark-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
}
.gh-wn-entry .kg-bookmark-title {
  font-size: 1.3rem;
  line-height: 1.5em;
  font-weight: 600;
  color: color(#7c8b9a l(-30%));
}
.gh-wn-entry .kg-bookmark-container:hover .kg-bookmark-title {
  color: #14b8ff;
}
.gh-wn-entry .kg-bookmark-description {
  display: -webkit-box;
  font-size: 1.25rem;
  line-height: 1.5em;
  color: color(#7c8b9a l(-10%));
  font-weight: 400;
  margin-top: 12px;
  max-height: 36px;
  overflow-y: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gh-wn-entry .kg-bookmark-thumbnail {
  position: relative;
  min-width: 40%;
  max-height: 100%;
}
.gh-wn-entry .kg-bookmark-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 3px 3px 0;
}
.gh-wn-entry .kg-bookmark-metadata {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 400;
  color: color(#7c8b9a l(-10%));
  margin-top: 14px;
  flex-wrap: wrap;
}
.gh-wn-entry .kg-bookmark-icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.gh-wn-entry .kg-bookmark-author {
  line-height: 1.5em;
}
.gh-wn-entry .kg-bookmark-author:after {
  content: '•';
  margin: 0 6px;
}
.gh-wn-entry .kg-bookmark-publisher {
  overflow: hidden;
  line-height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.gh-wn-entry .gh-wn-footer {
  margin: 0 -32px -32px;
  padding: 14px 32px 16px;
  border-top: 1px solid #ebeef0;
  justify-content: space-between;
}
.gh-wn-footer {
  position: relative;
  margin-top: 14px;
  margin-bottom: -13px;
}
.gh-wn-footer:before {
  position: absolute;
  content: '';
  top: -14px;
  left: -32px;
  right: -32px;
  height: 6px;
  background: hsla(0, 0%, 100%, 0);
  box-shadow:
    0 -0.3px 1px rgba(0, 0, 0, 0.03),
    0 -4px 7px rgba(0, 0, 0, 0.06);
}
.gh-about-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 80px;
}
.gh-whats-new-canvas .gh-about-container {
  display: flex;
  grid-template-columns: unset;
  grid-gap: unset;
  max-width: 920px;
  margin: 60px auto 0;
}
.gh-about-container h2 {
  font-size: 1.65rem;
  line-height: 1.4em;
  font-weight: 600;
  border-bottom: 1px solid #e4e8ec;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.gh-about-box {
  position: sticky;
  top: 96px;
  right: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
  border-radius: 3px;
  min-width: 300px;
}
.gh-about-box.grey {
  border: none;
  background: #f5f6f6;
}
@media (max-width: 1380px) {
  .gh-wn-content {
    max-width: 36vw;
  }
}
@media (max-width: 1120px) {
  .gh-wn-content {
    max-width: 680px;
  }
  .gh-about-box {
    position: relative;
    top: unset;
    right: unset;
  }
  .gh-about-container {
    grid-template-columns: unset;
    grid-template-rows: auto;
    grid-gap: 32px;
  }
  .gh-whats-new {
    grid-row: 3/4;
  }
  .gh-about-header-actions a {
    display: none;
  }
  .gh-wn-entry iframe {
    max-width: 100%;
  }
}
.gh-whats-new .kg-audio-card {
  display: flex;
  width: 100%;
  min-height: 96px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
  margin-bottom: 1.5em;
}
.gh-whats-new .kg-audio-card + .gh-whats-new .kg-audio-card {
  margin-top: 1em;
}
.gh-whats-new .kg-audio-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  margin: 8px;
  background: transparent;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 2px;
}
.gh-whats-new .kg-audio-thumbnail.placeholder {
  background: var(--accent-color);
}
.gh-whats-new .kg-audio-thumbnail.placeholder svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}
.gh-whats-new .kg-audio-player-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  --seek-before-width: 0%;
  --volume-before-width: 100%;
  --buffered-width: 0%;
}
.gh-whats-new .kg-audio-title {
  width: 100%;
  margin: 8px 0 0;
  padding: 8px 12px;
  border: none;
  font-family: inherit;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.15em;
  background: transparent;
}
.gh-whats-new .kg-audio-player {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 8px 12px;
}
.gh-whats-new .kg-audio-current-time {
  min-width: 38px;
  padding: 0 4px;
}
.gh-whats-new .kg-audio-current-time,
.gh-whats-new .kg-audio-time {
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1.4em;
  white-space: nowrap;
}
.gh-whats-new .kg-audio-time {
  width: 56px;
  color: #ababab;
}
.gh-whats-new .kg-audio-duration {
  padding: 0 4px;
}
.gh-whats-new .kg-audio-pause-icon,
.gh-whats-new .kg-audio-play-icon {
  position: relative;
  bottom: 1px;
  padding: 0 4px 0 0;
  font-size: 0;
  background: transparent;
}
.gh-whats-new .kg-audio-hide {
  display: none !important;
}
.gh-whats-new .kg-audio-pause-icon svg,
.gh-whats-new .kg-audio-play-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.gh-whats-new .kg-audio-seek-slider {
  flex-grow: 1;
  margin: 0 4px;
  width: 100%;
}
@media (max-width: 640px) {
  .gh-whats-new .kg-audio-seek-slider {
    display: none;
  }
}
.gh-whats-new .kg-audio-playback-rate {
  min-width: 37px;
  padding: 0 4px;
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1.4em;
  text-align: left;
  background: transparent;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .gh-whats-new .kg-audio-playback-rate {
    padding-left: 8px;
  }
}
.gh-whats-new .kg-audio-mute-icon,
.gh-whats-new .kg-audio-unmute-icon {
  position: relative;
  bottom: -1px;
  padding: 0 4px;
  font-size: 0;
  background: transparent;
}
@media (max-width: 640px) {
  .gh-whats-new .kg-audio-mute-icon,
  .gh-whats-new .kg-audio-unmute-icon {
    margin-left: auto;
  }
}
.gh-whats-new .kg-audio-mute-icon svg,
.gh-whats-new .kg-audio-unmute-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.gh-whats-new .kg-audio-volume-slider {
  flex-grow: 1;
  width: 100%;
  min-width: 50px;
  max-width: 80px;
}
@media (max-width: 400px) {
  .gh-whats-new .kg-audio-volume-slider {
    display: none;
  }
}
.gh-whats-new .kg-audio-seek-slider:before {
  width: var(--seek-before-width) !important;
}
.gh-whats-new .kg-audio-seek-slider:before,
.gh-whats-new .kg-audio-volume-slider:before {
  content: '';
  position: absolute;
  left: 0;
  height: 4px;
  cursor: pointer;
  background-color: currentColor;
  border-radius: 2px;
}
.gh-whats-new .kg-audio-volume-slider:before {
  width: var(--volume-before-width) !important;
}
.gh-whats-new .kg-audio-player-container input[type='range'] {
  position: relative;
  -webkit-appearance: none;
  background: transparent;
}
.gh-whats-new .kg-audio-player-container input[type='range']:focus {
  outline: none;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-ms-track {
  border-color: transparent;
}
.gh-whats-new .kg-audio-player-container button {
  display: flex;
  align-items: center;
  border: 0;
  cursor: pointer;
}
.gh-whats-new .kg-audio-player-container input[type='range'] {
  height: auto;
  padding: 0;
  border: 0;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: rgba(124, 139, 154, 0.25);
  border-radius: 2px;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-webkit-slider-thumb {
  position: relative;
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  margin: -5px 0 0;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-audio-player-container input[type='range']:active::-webkit-slider-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-audio-player-container input[type='range']::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: rgba(124, 139, 154, 0.25);
  border-radius: 2px;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-moz-range-progress {
  background: currentColor;
  border-radius: 2px;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-moz-range-thumb {
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-audio-player-container input[type='range']:active::-moz-range-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-audio-player-container input[type='range']::-ms-track {
  width: 100%;
  height: 3px;
  border: solid transparent;
  color: transparent;
  cursor: pointer;
  background: transparent;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-ms-fill-lower {
  background: #fff;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-ms-fill-upper {
  background: currentColor;
}
.gh-whats-new .kg-audio-player-container input[type='range']::-ms-thumb {
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-audio-player-container input[type='range']:active::-ms-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-product-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.5em;
}
.gh-whats-new .kg-product-card-container {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
  grid-row-gap: 16px;
  background: transparent;
  max-width: 550px;
  width: 100%;
}
.gh-whats-new .kg-product-card-image {
  grid-column: 1/3;
  justify-self: center;
}
.gh-whats-new .kg-product-card-title-container {
  grid-column: 1/2;
}
.gh-whats-new .kg-product-card h4.kg-product-card-title {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.4em;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.15em;
  text-transform: none;
  color: inherit;
}
.gh-whats-new .kg-product-card-description {
  grid-column: 1/3;
}
.gh-whats-new .kg-product-card .kg-product-card-description ol,
.gh-whats-new .kg-product-card .kg-product-card-description p,
.gh-whats-new .kg-product-card .kg-product-card-description ul {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 0.9em;
  line-height: 1.5em;
  opacity: 0.7;
}
.gh-whats-new .kg-product-card .kg-product-card-description p:not(:first-of-type) {
  margin-top: 0.8em;
  margin-bottom: 0;
}
.gh-whats-new .kg-product-card .kg-product-card-description p:first-of-type {
  margin-top: -4px;
}
.gh-whats-new .kg-product-card .kg-product-card-description ol,
.gh-whats-new .kg-product-card .kg-product-card-description ul {
  margin-top: 0.95em;
}
.gh-whats-new .kg-product-card .kg-product-card-description li + li {
  margin-top: 0.2em;
}
.gh-whats-new .kg-product-card-rating {
  display: flex;
  align-items: center;
  grid-column: 2/3;
  align-self: start;
  justify-self: end;
  padding-left: 16px;
}
@media (max-width: 400px) {
  .gh-whats-new .kg-product-card-title-container {
    grid-column: 1/3;
  }
  .gh-whats-new .kg-product-card-rating {
    grid-column: 1/3;
    justify-self: start;
    margin-top: -15px;
    padding-left: 0;
  }
}
.gh-whats-new .kg-product-card-rating-star {
  height: 28px;
  width: 20px;
}
.gh-whats-new .kg-product-card-rating-star svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  opacity: 0.15;
}
.gh-whats-new .kg-product-card-rating-star svg path {
  fill: unset;
}
.gh-whats-new .kg-product-card-rating-active.kg-product-card-rating-star svg {
  opacity: 1;
}
.gh-whats-new .kg-product-card a.kg-product-card-button {
  justify-content: center;
  grid-column: 1/3;
  display: flex;
  position: static;
  align-items: center;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 0.95em;
  font-weight: 600;
  line-height: 1em;
  text-decoration: none;
  width: 100%;
  height: 2.4em;
  border-radius: 5px;
  padding: 0 1.2em;
  transition: opacity 0.2s ease-in-out;
  margin: 0;
}
.gh-whats-new .kg-product-card a.kg-product-card-btn-accent {
  background-color: var(--accent-color);
  color: #fff;
}
.gh-whats-new .kg-blockquote-alt {
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.7em;
  text-align: center;
  padding: 0 2.5em;
}
@media (max-width: 800px) {
  .gh-whats-new .kg-blockquote-alt {
    font-size: 1.4em;
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (max-width: 600px) {
  .gh-whats-new .kg-blockquote-alt {
    font-size: 1.2em;
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
}
.gh-whats-new .kg-button-card {
  display: flex;
  position: static;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  padding: 30px 0;
}
.gh-whats-new .kg-button-card.kg-align-left {
  justify-content: flex-start;
}
.gh-whats-new .kg-button-card a.kg-btn {
  display: flex;
  position: static;
  align-items: center;
  padding: 0 1.2em;
  height: 2.4em;
  line-height: 1em;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 0.95em;
  font-weight: 600;
  text-decoration: none;
  border-radius: 5px;
  transition: opacity 0.2s ease-in-out;
}
.gh-whats-new .kg-button-card a.kg-btn:hover {
  opacity: 0.85;
}
.gh-whats-new .kg-button-card a.kg-btn-accent {
  background-color: var(--accent-color);
  color: #fff;
}
.gh-whats-new .kg-callout-card {
  display: flex;
  padding: 1.2em 1.6em;
  border-radius: 3px;
}
.gh-whats-new .kg-callout-card-grey {
  background: rgba(124, 139, 154, 0.13);
}
.gh-whats-new .kg-callout-card-white {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
}
.gh-whats-new .kg-callout-card-blue {
  background: rgba(33, 172, 232, 0.12);
}
.gh-whats-new .kg-callout-card-green {
  background: rgba(52, 183, 67, 0.12);
}
.gh-whats-new .kg-callout-card-yellow {
  background: rgba(240, 165, 15, 0.13);
}
.gh-whats-new .kg-callout-card-red {
  background: rgba(209, 46, 46, 0.11);
}
.gh-whats-new .kg-callout-card-pink {
  background: rgba(225, 71, 174, 0.11);
}
.gh-whats-new .kg-callout-card-purple {
  background: rgba(135, 85, 236, 0.12);
}
.gh-whats-new .kg-callout-card-accent {
  background: var(--ghost-accent-color);
  color: #fff;
}
.gh-whats-new .kg-callout-card-accent a {
  color: #fff;
}
.gh-whats-new .kg-callout-card div.kg-callout-emoji {
  padding-right: 0.8em;
  line-height: 1.25em;
  font-size: 1.15em;
}
.gh-whats-new .kg-callout-card div.kg-callout-text {
  font-size: 0.95em;
  line-height: 1.5em;
}
.gh-whats-new .kg-callout-card + .kg-callout-card {
  margin-top: 1em;
}
.gh-whats-new .kg-file-card a.kg-file-card-container {
  align-items: center;
}
.gh-whats-new .kg-file-card-caption,
.gh-whats-new .kg-file-card-metadata {
  line-height: 1.5em;
}
.gh-whats-new .kg-nft-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.gh-whats-new .kg-nft-card a.kg-nft-card-container {
  position: static;
  display: flex;
  flex: auto;
  flex-direction: column;
  text-decoration: none;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  box-shadow:
    0 2px 6px -2px rgba(0, 0, 0, 0.1),
    0 0 1px rgba(0, 0, 0, 0.4);
  width: 100%;
  max-width: 512px;
  color: #222;
  background: #fff;
  border-radius: 5px;
  transition: none;
}
.gh-whats-new .kg-nft-card * {
  position: static;
}
.gh-whats-new .kg-nft-metadata {
  padding: 20px;
  width: 100%;
}
.gh-whats-new .kg-nft-image {
  border-radius: 5px 5px 0 0;
  width: 100%;
}
.gh-whats-new .kg-nft-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.gh-whats-new .kg-nft-header h4.kg-nft-title {
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3em;
  min-width: unset;
  max-width: unset;
  margin: 0;
  color: #222;
}
.gh-whats-new .kg-nft-opensea-logo {
  margin-top: 2px;
  width: 100px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.gh-whats-new .kg-nft-creator {
  font-family: inherit;
  line-height: 1.4em;
  margin: 4px 0 0;
  color: #ababab;
}
.gh-whats-new .kg-nft-creator span {
  font-weight: 500;
  color: #222;
}
.gh-whats-new .kg-nft-card p.kg-nft-description {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4em;
  margin: 20px 0 0;
  color: #222;
}
.gh-whats-new .kg-toggle-card {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
  border-radius: 4px;
  padding: 1.2em;
}
.gh-whats-new .kg-toggle-card[data-kg-toggle-state='close'] .kg-toggle-content {
  height: 0;
  overflow: hidden;
  transition:
    opacity 0.5s ease,
    top 0.35s ease;
  opacity: 0;
  top: -0.5em;
  position: relative;
}
.gh-whats-new .kg-toggle-content {
  height: auto;
  opacity: 1;
  transition:
    opacity 1s ease,
    top 0.35s ease;
  top: 0;
  position: relative;
}
.gh-whats-new .kg-toggle-card[data-kg-toggle-state='close'] svg {
  transform: unset;
}
.gh-whats-new .kg-toggle-heading {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.gh-whats-new .kg-toggle-card h4.kg-toggle-heading-text {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
  color: inherit;
}
.gh-whats-new .kg-toggle-content p:first-of-type {
  margin-top: 0.5em;
}
.gh-whats-new .kg-toggle-card .kg-toggle-content ol,
.gh-whats-new .kg-toggle-card .kg-toggle-content p,
.gh-whats-new .kg-toggle-card .kg-toggle-content ul {
  font-size: 0.95em;
  line-height: 1.5em;
  margin-top: 0.95em;
}
.gh-whats-new .kg-toggle-card li + li {
  margin-top: 0.5em;
}
.gh-whats-new .kg-toggle-card-icon {
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  background: none;
  border: 0;
}
.gh-whats-new .kg-toggle-heading svg {
  width: 14px;
  color: rgba(124, 139, 154, 0.5);
  transition: all 0.3s;
  transform: rotate(-180deg);
}
.gh-whats-new .kg-toggle-heading path {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  fill-rule: evenodd;
}
.gh-whats-new .kg-toggle-card + .kg-toggle-card {
  margin-top: 1em;
}
.gh-whats-new .kg-video-card {
  position: relative;
  --seek-before-width: 0%;
  --volume-before-width: 100%;
  --buffered-width: 0%;
}
.gh-whats-new .kg-video-card video {
  display: block;
  max-width: 100%;
  height: auto;
}
.gh-whats-new .kg-video-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gh-whats-new .kg-video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 70%, transparent);
  z-index: 99;
}
.gh-whats-new .kg-video-large-play-icon,
.gh-whats-new .kg-video-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s ease-in-out;
}
.gh-whats-new .kg-video-large-play-icon {
  width: 72px;
  height: 72px;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.gh-whats-new .kg-video-large-play-icon svg {
  width: 20px;
  height: auto;
  margin-left: 2px;
  fill: #fff;
}
.gh-whats-new .kg-video-player-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  z-index: 99;
  transition: opacity 0.2s ease-in-out;
}
.gh-whats-new .kg-video-player {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 99;
  padding: 12px 16px;
}
.gh-whats-new .kg-video-current-time {
  min-width: 38px;
  padding: 0 4px;
  color: #fff;
}
.gh-whats-new .kg-video-current-time,
.gh-whats-new .kg-video-time {
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1.4em;
  white-space: nowrap;
}
.gh-whats-new .kg-video-time {
  color: hsla(0, 0%, 100%, 0.6);
}
.gh-whats-new .kg-video-duration {
  padding: 0 4px;
}
.gh-whats-new .kg-video-pause-icon,
.gh-whats-new .kg-video-play-icon {
  position: relative;
  padding: 0 4px 0 0;
  font-size: 0;
  background: transparent;
}
.gh-whats-new .kg-video-hide {
  display: none !important;
}
.gh-whats-new .kg-video-hide-animated {
  opacity: 0 !important;
  transition: opacity 0.2s ease-in-out;
  cursor: auto;
}
.gh-whats-new .kg-video-pause-icon svg,
.gh-whats-new .kg-video-play-icon svg {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.gh-whats-new .kg-video-seek-slider {
  flex-grow: 1;
  margin: 0 4px;
}
@media (max-width: 520px) {
  .gh-whats-new .kg-video-seek-slider {
    display: none;
  }
}
.gh-whats-new .kg-video-playback-rate {
  min-width: 37px;
  padding: 0 4px;
  color: #fff;
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1.4em;
  text-align: left;
  background: transparent;
  white-space: nowrap;
}
@media (max-width: 520px) {
  .gh-whats-new .kg-video-playback-rate {
    padding-left: 8px;
  }
}
.gh-whats-new .kg-video-mute-icon,
.gh-whats-new .kg-video-unmute-icon {
  position: relative;
  bottom: -1px;
  padding: 0 4px;
  font-size: 0;
  background: transparent;
}
@media (max-width: 520px) {
  .gh-whats-new .kg-video-mute-icon,
  .gh-whats-new .kg-video-unmute-icon {
    margin-left: auto;
  }
}
.gh-whats-new .kg-video-mute-icon svg,
.gh-whats-new .kg-video-unmute-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.gh-whats-new .kg-video-volume-slider {
  width: 80px;
}
@media (max-width: 300px) {
  .gh-whats-new .kg-video-volume-slider {
    display: none;
  }
}
.gh-whats-new .kg-video-seek-slider:before {
  width: var(--seek-before-width) !important;
}
.gh-whats-new .kg-video-seek-slider:before,
.gh-whats-new .kg-video-volume-slider:before {
  content: '';
  position: absolute;
  left: 0;
  height: 4px;
  cursor: pointer;
  background-color: #ebeef0;
  border-radius: 2px;
}
.gh-whats-new .kg-video-volume-slider:before {
  width: var(--volume-before-width) !important;
}
.gh-whats-new .kg-video-card input[type='range'] {
  position: relative;
  -webkit-appearance: none;
  background: transparent;
}
.gh-whats-new .kg-video-card input[type='range']:focus {
  outline: none;
}
.gh-whats-new .kg-video-card input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.gh-whats-new .kg-video-card input[type='range']::-ms-track {
  border-color: transparent;
}
.gh-whats-new .kg-video-card button {
  display: flex;
  align-items: center;
  border: 0;
  cursor: pointer;
}
.gh-whats-new .kg-video-card input[type='range'] {
  height: auto;
  padding: 0;
  border: 0;
}
.gh-whats-new .kg-video-card input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 2px;
}
.gh-whats-new .kg-video-card input[type='range']::-webkit-slider-thumb {
  position: relative;
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  margin: -5px 0 0;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-video-card input[type='range']:active::-webkit-slider-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-video-card input[type='range']::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 2px;
}
.gh-whats-new .kg-video-card input[type='range']::-moz-range-progress {
  background: #ebeef0;
  border-radius: 2px;
}
.gh-whats-new .kg-video-card input[type='range']::-moz-range-thumb {
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-video-card input[type='range']:active::-moz-range-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-video-card input[type='range']::-ms-track {
  width: 100%;
  height: 3px;
  border: solid transparent;
  color: transparent;
  cursor: pointer;
  background: transparent;
}
.gh-whats-new .kg-video-card input[type='range']::-ms-fill-lower {
  background: #fff;
}
.gh-whats-new .kg-video-card input[type='range']::-ms-fill-upper {
  background: #ebeef0;
}
.gh-whats-new .kg-video-card input[type='range']::-ms-thumb {
  box-sizing: content-box;
  width: 13px;
  height: 13px;
  border: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.24);
}
.gh-whats-new .kg-video-card input[type='range']:active::-ms-thumb {
  transform: scale(1.2);
}
.gh-whats-new .kg-file-card {
  display: flex;
}
.gh-whats-new .kg-file-card a.kg-file-card-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  color: inherit;
  padding: 6px;
  min-height: 92px;
  border: 1px solid rgba(124, 139, 154, 0.25);
  border-radius: 3px;
  transition: all 0.35s ease-in-out;
  text-decoration: none;
  width: 100%;
}
.gh-whats-new .kg-file-card a.kg-file-card-container:hover {
  border: 1px solid rgba(124, 139, 154, 0.35000000000000003);
}
.gh-whats-new .kg-file-card-contents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 4px 8px;
  width: 100%;
}
.gh-whats-new .kg-file-card-title {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.3em;
}
.gh-whats-new .kg-file-card-caption {
  font-size: 0.95em;
  line-height: 1.3em;
  opacity: 0.6;
}
.gh-whats-new .kg-file-card-title + .kg-file-card-caption {
  margin-top: -6px;
}
.gh-whats-new .kg-file-card-metadata {
  display: inline;
  font-size: 0.825em;
  line-height: 1.3em;
  margin-top: 2px;
}
.gh-whats-new .kg-file-card-filename {
  display: inline;
  font-weight: 500;
}
.gh-whats-new .kg-file-card-filesize {
  display: inline-block;
  font-size: 0.925em;
  opacity: 0.6;
}
.gh-whats-new .kg-file-card-filesize:before {
  display: inline-block;
  content: '\2022';
  margin-right: 4px;
}
.gh-whats-new .kg-file-card-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  min-width: 80px;
  height: 100%;
}
.gh-whats-new .kg-file-card-icon:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: currentColor;
  opacity: 0.06;
  transition: opacity 0.35s ease-in-out;
  border-radius: 2px;
}
.gh-whats-new .kg-file-card a.kg-file-card-container:hover .kg-file-card-icon:before {
  opacity: 0.08;
}
.gh-whats-new .kg-file-card-icon svg {
  width: 24px;
  height: 24px;
  color: var(--ghost-accent-color);
}
.gh-whats-new .kg-file-card-medium a.kg-file-card-container {
  min-height: 72px;
}
.gh-whats-new .kg-file-card-medium .kg-file-card-caption {
  opacity: 1;
  font-weight: 500;
}
.gh-whats-new .kg-file-card-small a.kg-file-card-container {
  align-items: center;
  min-height: 52px;
}
.gh-whats-new .kg-file-card-small .kg-file-card-metadata {
  font-size: 1em;
  margin-top: 0;
}
.gh-whats-new .kg-file-card-small .kg-file-card-icon svg {
  width: 20px;
  height: 20px;
}
.gh-whats-new .kg-file-card + .kg-file-card {
  margin-top: 1em;
}
.gh-whats-new .kg-header-card {
  padding: 12vmin 4em;
  min-height: 20vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 1.5em;
}
.gh-whats-new .kg-header-card.kg-size-small {
  padding-top: 8vmin;
  padding-bottom: 8vmin;
  min-height: 12vh;
}
.gh-whats-new .kg-header-card.kg-size-large {
  padding-top: 12vmin;
  padding-bottom: 12vmin;
  min-height: 40vh;
}
.gh-whats-new .kg-header-card.kg-align-left {
  text-align: left;
  align-items: flex-start;
}
.gh-whats-new .kg-header-card.kg-style-dark {
  background: #151515;
  color: #fff;
}
.gh-whats-new .kg-header-card.kg-style-light {
  background-color: #fafafa;
}
.gh-whats-new .kg-header-card.kg-style-accent {
  background-color: var(--accent-color);
}
.gh-whats-new .kg-header-card.kg-style-image {
  position: relative;
  background-color: #e7e7e7;
  background-size: cover;
  background-position: 50%;
}
.gh-whats-new .kg-header-card.kg-style-image:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.2));
}
.gh-whats-new .kg-header-card h2.kg-header-card-header {
  font-size: 5em;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  margin: 0;
}
.gh-whats-new .kg-header-card h2.kg-header-card-header strong {
  font-weight: 800;
}
.gh-whats-new .kg-header-card.kg-size-small h2.kg-header-card-header {
  font-size: 4em;
}
.gh-whats-new .kg-header-card.kg-size-large h2.kg-header-card-header {
  font-size: 6em;
}
.gh-whats-new .kg-header-card h3.kg-header-card-subheader {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0;
  max-width: 40em;
}
.gh-whats-new .kg-header-card h2 + h3.kg-header-card-subheader {
  margin: 0.35em 0 0;
}
.gh-whats-new .kg-header-card h3.kg-header-card-subheader strong {
  font-weight: 600;
}
.gh-whats-new .kg-header-card.kg-size-small h3.kg-header-card-subheader {
  font-size: 1.25em;
}
.gh-whats-new .kg-header-card.kg-size-large h3.kg-header-card-subheader {
  font-size: 1.75em;
}
.gh-whats-new .kg-header-card:not(.kg-style-light) h2.kg-header-card-header,
.gh-whats-new .kg-header-card:not(.kg-style-light) h3.kg-header-card-subheader {
  color: #fff;
}
.gh-whats-new .kg-header-card.kg-style-accent h3.kg-header-card-subheader,
.gh-whats-new .kg-header-card.kg-style-image h3.kg-header-card-subheader {
  opacity: 1;
}
.gh-whats-new .kg-header-card.kg-style-image a.kg-header-card-button,
.gh-whats-new .kg-header-card.kg-style-image h2.kg-header-card-header,
.gh-whats-new .kg-header-card.kg-style-image h3.kg-header-card-subheader {
  z-index: 99;
}
.gh-whats-new .kg-header-card h2.kg-header-card-header a,
.gh-whats-new .kg-header-card h3.kg-header-card-subheader a {
  color: var(--ghost-accent-color);
}
.gh-whats-new .kg-header-card.kg-style-accent h2.kg-header-card-header a,
.gh-whats-new .kg-header-card.kg-style-accent h3.kg-header-card-subheader a,
.gh-whats-new .kg-header-card.kg-style-image h2.kg-header-card-header a,
.gh-whats-new .kg-header-card.kg-style-image h3.kg-header-card-subheader a {
  color: #fff;
}
.gh-whats-new .kg-header-card a.kg-header-card-button {
  display: flex;
  position: static;
  align-items: center;
  fill: #fff;
  background: #fff;
  border-radius: 3px;
  outline: none;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #151515;
  height: 2.7em;
  padding: 0 1.2em;
  transition: opacity 0.2s ease;
}
.gh-whats-new .kg-header-card h2 + a.kg-header-card-button,
.gh-whats-new .kg-header-card h3 + a.kg-header-card-button {
  margin: 1.75em 0 0;
}
.gh-whats-new .kg-header-card a.kg-header-card-button:hover {
  opacity: 0.85;
}
.gh-whats-new .kg-header-card.kg-size-large a.kg-header-card-button {
  font-size: 1.1em;
  height: 2.9em;
}
.gh-whats-new .kg-header-card.kg-size-large h2 + a.kg-header-card-button,
.gh-whats-new .kg-header-card.kg-size-large h3 + a.kg-header-card-button {
  margin-top: 2em;
}
.gh-whats-new .kg-header-card.kg-size-small a.kg-header-card-button {
  height: 2.4em;
  font-size: 1em;
}
.gh-whats-new .kg-header-card.kg-size-small h2 + a.kg-header-card-button,
.gh-whats-new .kg-header-card.kg-size-small h3 + a.kg-header-card-button {
  margin-top: 1.5em;
}
.gh-whats-new .kg-header-card.kg-style-dark a.kg-header-card-button,
.gh-whats-new .kg-header-card.kg-style-image a.kg-header-card-button {
  background: #fff;
  color: #151515;
}
.gh-whats-new .kg-header-card.kg-style-light a.kg-header-card-button {
  background: var(--ghost-accent-color);
  color: #fff;
}
.gh-whats-new .kg-header-card.kg-style-accent a.kg-header-card-button {
  background: #fff;
  color: #151515;
}
.fullscreen-modal-whatsnew,
.fullscreen-modal-whatsnew-featured {
  max-height: calc(100vh - 12vw);
  overflow-y: auto;
  border-radius: 8px !important;
}
@media (max-height: 960px) {
  .fullscreen-modal-whatsnew,
  .fullscreen-modal-whatsnew-featured {
    max-height: calc(100vh - 80px);
  }
}
.fullscreen-modal-whatsnew {
  max-width: 640px !important;
}
.fullscreen-modal-whatsnew a:focus {
  outline: none;
}
.gh-whatsnew-modal-entries {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.fullscreen-modal-whatsnew-featured .modal-content,
.fullscreen-modal-whatsnew .modal-content {
  padding: 0;
}
.gh-whatsnew-featured-container,
.gh-whatsnew-modal-entries {
  padding: 0 32px;
}
.gh-whatsnew-featured-subhead {
  margin-bottom: 12px;
  font-size: 1.3rem;
  font-weight: 600;
}
.gh-whatsnew-featured-date {
  font-weight: 500;
  color: #7c8b9a;
}
.gh-whasnew-featured-title {
  font-size: 2.8rem;
}
.gh-whatsnew-featured-excerpt {
  margin: 0 0 24px;
  font-size: 1.6rem;
  line-height: 1.35em;
}
.gh-whatsnew-modal-footer {
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 32px;
  margin-bottom: -32px;
  box-shadow: 0 -7px 15px -10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 900px) {
  .gh-whatsnew-modal-footer {
    bottom: -10px;
  }
}
.gh-whatsnew-modal {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gh-whasnew-modal-title {
  font-size: 2.5rem;
  padding: 32px 32px 28px;
  margin: 0;
}
.gh-whatsnew-modal-entry {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  color: #15171a;
  margin: -8px;
  padding: 8px;
}
.gh-whatsnew-modal-entry:hover {
  background: #fafafb;
  border-radius: 6px;
}
.gh-whatsnew-modal-entry-featureimage {
  max-width: 160px;
  height: 110px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.gh-whatsnew-modal-entrycontent {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 1.4rem;
}
.gh-whatsnew-modal-entrycontent h2 {
  font-size: 1.7rem;
  margin: 6px 0 0;
}
.gh-whatsnew-modal-entrycontent p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.45em;
  margin: 0;
}
.gh-whatsnew-modal-entrycontent span {
  color: #7c8b9a;
}
.gh-whatsnew-modal-entrycontent img {
  height: auto;
}
.gh-whatsnew-banner-icon {
  color: #ffb41f;
}
.dropdown-item .gh-whatsnew-banner-icon {
  margin-right: 0 !important;
}
a.gh-tag-list-posts-count:hover {
  color: #0e711a;
}
.gh-tags-placeholder {
  width: 60px;
  fill: #ced4d9;
}
.gh-tag-list-description,
.gh-tag-list-slug {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gh-tag-list-description {
  max-width: 320px;
}
@media (max-width: 1000px) {
  .gh-tags-list-item {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    border-bottom: 1px solid #ced4d9;
    margin: 0;
  }
  .gh-tags-list-item:nth-of-type(2) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .gh-tags-list-item .gh-list-data {
    border-top: none !important;
  }
  .gh-tags-list-item:hover {
    background: #fafafb;
  }
  .gh-tags-list-item:hover .gh-list-data {
    background: none !important;
  }
  .gh-tag-list-title {
    display: block;
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .gh-tag-list-slug {
    display: inline-block;
    width: unset;
    padding: 2px 0 20px 16px;
  }
  .gh-tag-list-posts-count {
    display: inline-block;
    flex: 1 1 auto;
    width: unset;
    padding: 2px 0 20px;
  }
  .gh-tag-list-slug:after {
    content: '\2022';
    display: inline-block;
    margin-right: 4px;
    color: #8e9cac;
  }
  .gh-tag-list-chevron {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 450px) {
  .tags-header {
    justify-content: flex-end;
    min-height: 120px;
  }
  .tags-header .gh-canvas-title {
    position: absolute;
    top: 29px;
    left: 21px;
  }
  .tags-header .view-actions {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 18px;
    overflow-y: hidden;
    width: 100%;
  }
  .tags-header .view-actions .gh-contentfilter {
    order: 2;
    margin: 10px 0 -20px;
    padding: 6px 0 26px;
    max-width: calc(100vw - 10px);
    overflow-x: auto;
    align-self: stretch;
  }
  .tags-header .view-actions .gh-contentfilter button {
    flex: 1 1 50%;
  }
  .gh-tag-list-description {
    max-width: 200px;
  }
}
.gh-tag-basic-settings-form {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
}
.gh-tag-image-uploader .gh-image-uploader {
  min-height: 147px;
  margin: 4px 0 0;
  background: #f9fafb;
  border: 1px solid #f4f5f6;
  border-radius: 6px;
}
.gh-tag-setting-codeinjection .CodeMirror {
  padding: 0 !important;
  min-height: 240px;
  background: #fff;
  color: #394047;
  border: 1px solid #aeb7c1;
  border-radius: 4px;
  margin-bottom: 24px;
}
.gh-tag-setting-codeinjection .CodeMirror-gutters {
  background-color: #fafafb;
  border-right: 1px solid #aeb7c1;
}
.gh-tag-setting-codeinjection .CodeMirror-scroll {
  min-height: 240px;
}
.gh-tag-setting-codeinjection .CodeMirror-cursor {
  border: 1px solid #7c8b9a;
}
label.gh-tag-setting-codeheader {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
}
.gh-tag-settings-multiprop {
  display: flex;
  max-width: 620px;
  width: 100%;
}
.input-color {
  display: flex;
  position: relative;
}
.input-color:after {
  content: '#';
  position: absolute;
  top: 9px;
  left: 43px;
  color: #15171a;
  font-family: Consolas, monaco, monospace;
  font-size: 13px;
}
.input-color:focus {
  border: none;
}
.input-color input {
  padding-left: 52px;
  width: 112px;
  height: 38px;
  padding-right: 8px;
  font-family: Consolas, monaco, monospace;
  font-size: 13px;
}
.input-color .color-box {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 36px;
  height: 36px;
  display: inline-block;
  background-color: #ced4d9;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #e6e9eb;
  box-shadow: inset 0 0 0 1px #fff;
}
.input-color input:focus + .color-box {
  top: 2px;
  left: 2px;
  width: 35px;
  height: 34px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.gh-tag-settings-colorcontainer .input-color input {
  position: relative;
  width: 112px;
  padding: 3px 4px 3px 54px;
  font-size: 1.3rem;
}
.gh-tag-settings-colorcontainer .input-color:after {
  left: 44px;
}
.gh-tag-settings-colorcontainer .color-box-container {
  height: 32px;
  width: 32px;
  position: absolute;
  overflow: hidden;
  top: 2px;
  left: 2px;
  margin: 1px;
  border: 1px solid #f1f3f4;
  border-radius: 6px;
}
.gh-tag-settings-colorcontainer .color-box-container .color-picker {
  position: absolute;
  top: -10px;
  left: -10px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
}
.gh-tag-settings-colorcontainer {
  flex-basis: 112px;
}
@media (max-width: 1080px) {
  .gh-tag-settings-multiprop {
    flex-direction: column;
  }
  .gh-tag-settings-colorcontainer {
    flex-basis: unset;
  }
}
.gh-view-tag-link {
  font-size: 1.3rem;
  color: #7c8b9a;
}
.gh-view-tag-link:hover {
  color: #394047;
}
.gh-view-tag-link svg {
  display: inline;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-bottom: 2px;
  fill: #7c8b9a;
}
.gh-view-tag-link:hover svg {
  fill: #394047;
}
.gh-setting-content-extended label {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #394047;
  margin-bottom: 4px;
}
.gh-setting-content-extended textarea {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.4em;
  max-width: none;
}
.gh-setting-content-extended .gh-image-uploader {
  margin: 0;
}
.gh-setting-content-extended .gh-btn span {
  height: 36px;
  line-height: 36px;
}
.gh-setting-content-extended {
  width: 100%;
}
.settings-code {
  max-width: 100%;
}
.settings-code label {
  font-size: 1.5rem;
  letter-spacing: 0;
  margin-bottom: 2px;
}
.settings-code p {
  margin: 0 0 8px;
  font-size: 1.3rem;
}
.settings-code code {
  background-color: #f2f4f7;
  border: 1px solid #ced4d9;
  vertical-align: middle;
  font-size: 1.2rem;
}
.settings-code-editor {
  padding: 0;
  min-width: 250px;
  min-height: 300px;
  max-width: 1224px;
  width: calc(100vw - 416px) !important;
  height: auto;
  line-height: 22px;
  border: 1px solid #ced4d9;
}
.settings-code-editor:hover {
  cursor: text;
}
.settings-code-editor textarea {
  width: 100%;
  max-width: none;
  min-height: 300px;
  line-height: 22px;
  border: none;
}
.settings-code-editor .CodeMirror {
  padding: 0;
  border: none;
  border-radius: inherit;
  background: #fff;
  color: #394047;
}
.settings-code-editor .CodeMirror-gutters {
  background-color: #fafafb;
  border-right: 1px solid #ced4d9;
}
.settings-code-editor .CodeMirror-cursor {
  border: 1px solid #7c8b9a;
}
.settings-code-editor .cm-s-xq-light span.cm-meta {
  color: #000;
}
@media (max-width: 800px) {
  .settings-code-editor {
    width: calc(92vw - 40px) !important;
  }
}
.gh-seo-container {
  display: flex;
  width: 100%;
  margin-bottom: 2.4rem;
  padding: 20px 30px 16px;
  border: 1px solid #e6e9eb;
  font-family: Arial, sans-serif;
  background: #fff;
  border-radius: 3px;
}
.gh-seo-container svg {
  width: 92px;
  height: 30px;
  margin-right: 32px;
}
@media (max-width: 1360px) {
  .gh-seo-settings {
    flex-direction: column;
  }
  .gh-seo-settings .form-group {
    max-width: 100%;
  }
  .gh-seo-container,
  .gh-seo-settings-left {
    max-width: 591px;
  }
}
@media (min-width: 1360px) {
  .gh-seo-settings-left {
    margin-right: 2.4rem;
  }
  .gh-seo-container {
    max-width: 1091px;
  }
}
.gh-og-container {
  width: 476px;
  margin-bottom: 2.4rem;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 3px;
}
@media (max-width: 1080px) {
  .gh-og-container {
    width: 100%;
    max-width: 476px;
  }
}
.gh-twitter-container {
  width: 591px;
  margin-bottom: 2.4rem;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 3px;
}
@media (max-width: 1080px) {
  .gh-twitter-container {
    width: 100%;
    max-width: 591px;
  }
}
.gh-member-gravatar {
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: 0 0 0 2px #fff;
}
.gh-member-detail-avatar {
  box-shadow: none;
  width: 80px;
  height: 80px;
  min-width: 80px;
}
.gh-member-avatar-label {
  display: block;
  color: #fff;
  font-weight: 500;
}
.gh-member-avatar-image {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 1;
  max-width: unset;
}
.gh-member-initials {
  border: none;
}
.gh-member-detail-avatar .gh-member-initials {
  box-shadow: 0 0 0 1px #fff;
}
.members-list {
  table-layout: fixed;
}
.members-list-container-stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 144px);
  padding-bottom: 0;
}
@media (max-width: 1450px) {
  .members-list-container-stretch {
    min-height: calc(100vh - 176px);
    overflow: hidden;
  }
}
@media (max-width: 1100px) {
  .members-list {
    border-bottom: none;
  }
}
.members-list .gh-list-row.header {
  z-index: 1;
}
.members-list .gh-list-header {
  position: sticky;
  top: 96px;
  z-index: 1;
  background: #fff;
}
.gh-list-scrolling-h .members-list .gh-list-header {
  top: 0;
}
.gh-list-with-helpsection {
  height: unset;
  margin: 0 -48px;
}
.members-header .gh-canvas-header-content {
  z-index: 1100;
}
.members-header .view-actions input.gh-members-list-searchfield {
  min-width: 220px;
  padding-left: 32px;
  height: 34px;
  background: #f1f3f4;
  border: 1px solid transparent;
}
.members-header.grey .view-actions .gh-btn,
.members-header.grey .view-actions input.gh-members-list-searchfield {
  background: #e8ecee;
}
.members-header .view-actions input.gh-members-list-searchfield:focus {
  background: #fff;
  border-color: #30cf43;
}
.members-header .view-actions .gh-input-search-icon {
  width: 16px;
  height: 16px;
  top: 9px;
  left: 9px;
  fill: #abb4be;
}
.members-header.black .view-actions input.gh-members-list-searchfield {
  background: #32383f;
}
.gh-members-list-searchfield.active {
  border-color: #30cf43 !important;
  box-shadow: inset 0 0 0 1px #30cf43;
}
.gh-members-list-checkbox {
  width: 36px;
}
p.gh-members-list-email {
  margin: -2px 0 -1px;
}
.gh-members-list-geolocation,
.gh-members-list-open-rate {
  width: 150px;
}
.gh-members-list-subscribed-at {
  width: 220px;
  margin-right: -8px;
  padding-right: 0;
}
.gh-members-list-labels {
  display: inline-block;
  max-width: 300px;
  min-width: 220px;
  white-space: wrap;
}
.gh-members-list-feedback {
  display: flex;
  align-items: center;
}
.gh-members-list-feedback svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 3px;
}
.gh-member-list-avatar {
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 0;
  letter-spacing: -0.6px;
}
.gh-member-actions-menu {
  top: calc(100% + 6px);
  left: auto;
  right: 0;
}
.gh-member-actions-menu.fade-out {
  animation-duration: 1ms;
  pointer-events: none;
}
.member-link-copied svg {
  margin-right: 4px;
}
.gh-members-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px 4px 0;
  margin-bottom: 10px;
}
.gh-members-chart-header .gh-contentfilter {
  margin: 0 0 0 20px;
  height: 16px;
}
.gh-members-chart-header .gh-contentfilter-type .gh-contentfilter-menu-trigger {
  border-radius: 3px;
  height: 16px;
  padding: 0 8px;
  margin-right: 0;
}
.gh-members-chart-dropdown {
  margin-left: -103px;
}
.gh-members-chart-xlabels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.3rem;
  color: #626d79;
  padding: 0 28px 16px 0;
}
.gh-members-chart-summary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 28%;
  min-width: 280px;
}
.gh-members-chart-summary section {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px 24px;
}
.gh-members-chart-summary-heading {
  margin: 0;
  padding: 0;
}
.gh-members-chart.black {
  background: #15171a;
}
.gh-members-chart.black .gh-members-chart-header {
  border-color: #394047;
}
.gh-members-chart.black .gh-members-chart-summary-heading {
  color: #abb4be;
}
.gh-members-chart.black .gh-members-chart-summary-data {
  color: #ebeef0;
}
.gh-members-chart-box.black
  .gh-members-chart-header
  .gh-contentfilter-type
  .gh-contentfilter-menu-trigger,
.gh-members-chart.black
  .gh-members-chart-header
  .gh-contentfilter-type
  .gh-contentfilter-menu-trigger {
  background: transparent;
  border: 1px solid #394047;
  color: #ebeef0;
}
.gh-members-chart.black .gh-contentfilter-menu-trigger svg path {
  stroke: #ebeef0 !important;
}
.gh-members-chart-box.black .gh-members-chart-summary-heading {
  color: #ced4d9;
}
.gh-members-chart-box.black .gh-members-chart-header {
  border-color: #394047;
}
.members-header .gh-contentfilter {
  margin-right: 0;
}
.members-header .gh-contentfilter-tag .gh-contentfilter-menu-trigger {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.dropdown.members-label-list {
  width: 225px;
}
.dropdown.members-label-list .dropdown-label {
  width: 205px;
}
.gh-members-chart + .content-list .members-list {
  margin-top: 3vw;
}
.gh-members-list-subscribed-moment:first-letter {
  text-transform: uppercase;
}
.gh-members-list-row .gh-list-data:first-child {
  width: 30%;
  min-width: 360px;
  padding-right: 20px !important;
}
.gh-members-list-row .gh-list-data[data-test-table-data='open-rate'],
.gh-members-list-row .gh-list-data[data-test-table-data='status'] {
  width: 90px;
  max-width: 90px;
  min-width: 90px;
}
.gh-members-list-row .gh-list-data[data-test-table-data='location'] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.gh-members-list-row .gh-list-data[data-test-table-data='created-at'] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
.gh-members-list-row .gh-list-data.member-filter-column {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
.gh-list-scrolling[data-test-table='members'] thead th[data-test-table-column='email_open_rate'],
.gh-list-scrolling[data-test-table='members'] thead th[data-test-table-column='status'] {
  width: 90px;
  max-width: 90px;
  min-width: 90px;
}
.gh-list-scrolling[data-test-table='members'] thead th[data-test-table-column='location'] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.gh-list-scrolling[data-test-table='members'] thead th[data-test-table-column='created'] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
@media (max-width: 1100px) {
  .gh-members-chart-summary-data {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 1000px) {
  .gh-list-hidecell-m,
  .members-list .gh-list-header {
    display: table-cell;
  }
}
@media (max-width: 800px) {
  .gh-list-with-helpsection {
    margin-left: 0;
    margin-right: 0;
  }
  .gh-members-list-row .gh-list-data:first-child {
    min-width: 280px;
    overflow-x: hidden;
  }
  .gh-members-list-email,
  .gh-members-list-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 440px) and (max-width: 1000px) {
  .gh-members-chart-summary {
    flex-direction: row;
  }
  .gh-members-chart-summary div {
    flex-basis: 33%;
    border-bottom: none;
    justify-content: flex-start;
  }
  .gh-members-chart-summary > div:first-of-type,
  .gh-members-chart-summary > div:nth-of-type(2) {
    border-right: 1px solid #ebeef0;
  }
}
@media (max-width: 1100px) {
  .gh-list-hidecell-m,
  .members-list .gh-list-header {
    display: none;
  }
  .gh-members-list-basic {
    display: block;
    flex: 1 1 100%;
  }
  .gh-members-list-subscribed-at {
    display: inline-block;
    width: auto;
    padding: 0 0 16px 4px;
    margin-top: -16px;
    font-size: 1.2rem;
  }
  .gh-members-list-subscribed-at div {
    display: inline;
    margin-right: 1px;
  }
  .gh-members-list-subscribed-moment:first-letter {
    text-transform: none;
  }
  .gh-members-list-subscribed-moment:before {
    content: '(';
  }
  .gh-members-list-subscribed-moment:after {
    content: ')';
  }
  .gh-members-list-chevron {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .gh-list h3.gh-members-name-noname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .gh-members-subscribed-noname {
    display: inline-block;
    margin-top: -32px;
    padding-bottom: 16px;
  }
  .gh-members-list-open-rate {
    display: inline-block;
    width: auto;
    margin-top: -16px;
    padding: 0 0 0 49px;
  }
  .gh-members-list-open-rate-noname {
    margin-top: -32px;
    padding-bottom: 16px;
  }
  .gh-members-list-geolocation {
    display: inline-block;
    width: auto;
    margin-top: -16px;
    padding: 0;
  }
  .gh-members-list-geolocation:after {
    content: '•';
  }
  .gh-members-geolocation-noname {
    margin-top: -32px;
    padding-bottom: 16px;
  }
}
@media (max-width: 600px) {
  .gh-members-list-chevron,
  .gh-members-list-subscribed-moment {
    display: none;
  }
  .members-header .view-actions .gh-members-header-search {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .members-header {
    justify-content: flex-end;
    min-height: 120px;
  }
  .members-header.gh-canvas-header.break.tablet .view-actions {
    top: 0;
  }
  .members-header.gh-canvas-header.break.tablet .view-actions-bottom-row {
    width: 100% !important;
    max-width: 100% !important;
  }
  .members-header .view-actions {
    margin-top: 2px;
    width: 100%;
  }
  .members-header .members-actions-dropdown {
    display: none;
  }
  .members-header .view-actions .gh-members-header-search {
    width: 100%;
  }
  .view-actions input.gh-members-list-searchfield {
    min-width: 0;
  }
}
.gh-members-empty {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 2vw 4vw;
}
.gh-members-empty .gh-members-placeholder {
  fill: #ced4d9;
  width: 60px;
  height: 60px;
  margin-bottom: 32px;
}
.gh-members-empty h4 {
  color: #15171a;
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
}
.gh-members-empty p {
  max-width: 390px;
  color: #7c8b9a;
  text-align: center;
  line-height: 1.45em;
  margin: 0 0 20px;
  padding: 0;
}
.gh-members-empty .gh-members-empty-secondary-cta {
  margin-top: 3.2rem;
  max-width: -moz-max-content;
  max-width: max-content;
}
.gh-members-empty-secondary-cta a {
  font-weight: 500;
}
.gh-members-help {
  margin-top: 40px;
  margin-bottom: 0;
}
.gh-members-help .gh-main-section-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
  padding: 0;
  border: none;
  box-shadow: none;
}
@media (max-width: 1080px) {
  .gh-members-help .gh-main-section-content {
    grid-template-columns: 1fr;
  }
}
.gh-members-help-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  background: #fff;
  border: 1px solid #ebeef0;
  color: #7c8b9a;
  font-size: 1.4rem;
  border-radius: 12px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-in-out;
}
.gh-members-help-card p {
  line-height: 1.4em;
  margin-top: 12px;
}
.gh-members-help-card .thumbnail {
  width: 100%;
  height: 200px;
  max-width: 200px;
  background-size: cover;
  background-position: left -80px top 0;
  aspect-ratio: 1/1;
}
.gh-members-help-card .thumbnail.right {
  background-position: left -40px top 0;
}
@media (max-width: 620px),
  (min-width: 800px) and (max-width: 960px),
  (min-width: 1080px) and (max-width: 1440px) {
  .gh-members-help-card .thumbnail {
    max-width: unset;
    margin-top: 2rem;
    background-position: unset;
  }
  .gh-members-help-card .thumbnail.right {
    background-position: unset;
  }
}
.gh-members-help-card:hover {
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.12),
    0 1px 6px rgba(0, 0, 0, 0.03),
    0 8px 10px -8px rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-in-out;
}
.gh-members-help-content {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 620px),
  (min-width: 800px) and (max-width: 960px),
  (min-width: 1080px) and (max-width: 1440px) {
  .gh-members-help-content {
    flex-direction: column;
  }
}
.gh-members-help-content .text {
  position: relative;
  margin: 2rem 0 0 3.2rem;
  flex-grow: 1;
}
.gh-members-help-content .gh-btn-link {
  position: absolute;
  bottom: 0;
  margin: 1rem 0;
}
@media (min-width: 1440px) and (max-width: 1560px) {
  .gh-members-help-content .text {
    margin: 0 0 0 2rem;
  }
  .gh-members-help-content .gh-btn-link {
    margin: 0;
  }
}
@media (max-width: 620px),
  (min-width: 800px) and (max-width: 960px),
  (min-width: 1080px) and (max-width: 1440px) {
  .gh-members-help-content .text {
    margin: 2rem 0 0;
  }
  .gh-members-help-content .text p {
    margin-bottom: 2.8em;
  }
  .gh-members-help-content .gh-btn-link {
    margin: 0;
  }
}
label[for='member-description'] + p {
  margin: 0 0 4px;
}
.gh-member-settings .gh-main-section.columns-3 {
  grid-column-gap: 48px;
}
.gh-member-details {
  position: sticky;
  top: 158px;
  left: 0;
  height: -moz-max-content;
  height: max-content;
}
.gh-member-details h3 {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 600;
}
.gh-member-details p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #40474f;
}
.gh-member-details a,
.gh-member-details a:hover {
  color: #40474f;
  word-break: break-all;
}
.gh-member-details-identity {
  display: flex;
  align-items: center;
}
.gh-member-details-meta {
  display: grid;
  padding: 3.2rem 0;
}
.gh-member-details-meta p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
}
.gh-member-details-meta .gh-member-last-seen {
  margin-top: -1px;
}
.gh-member-details-meta svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
.gh-member-details-meta p a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  color: #394047;
}
.gh-member-details-meta svg path {
  stroke: #7c8b9a;
}
.gh-member-details-attribution {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 0 3.2rem;
}
.gh-member-details-attribution svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
.gh-member-details-attribution p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
}
.gh-member-details-attribution p a,
.gh-member-details-attribution p span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  color: #394047;
}
.gh-member-details-attribution p a:first-letter {
  text-transform: capitalize;
}
.gh-member-details-attribution svg circle,
.gh-member-details-attribution svg path {
  stroke: #7c8b9a;
  fill: none;
}
.gh-member-details-attribution .gh-main-section-header {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #ebeef0;
  grid-column: 1 !important;
}
.gh-member-details-stat,
.gh-member-details-stats,
.gh-member-details-stats-container {
  display: flex;
  flex-direction: column;
}
.gh-member-details-stat {
  margin-bottom: 1.6rem;
}
.gh-member-details-stats-container .gh-main-section-header {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #ebeef0;
}
.gh-member-details-stat.open-rate span {
  margin-left: 2px;
  font-size: 1.8rem;
}
.gh-members-no-stats p {
  color: #7c8b9a;
  font-size: 1.3rem;
  line-height: 1.5em;
}
textarea.gh-member-details-textarea {
  max-width: 100%;
  min-width: auto;
  min-height: 50px;
  height: 85px;
}
.gh-member-info-icon {
  width: 18px;
  height: 18px;
}
.gh-member-email-stats {
  font-size: 3.6rem;
  color: #394047;
  line-height: 4rem;
}
.gh-member-header-stripeinfo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  margin-top: -8px;
}
.gh-member-stripe-info {
  margin-top: 24px;
}
.gh-member-stripe-info p {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 4px 0 0;
}
.gh-member-stripe-table {
  width: 100%;
  margin: 6px 0 12px;
}
@media (max-width: 1160px) {
  .gh-member-stripe-table {
    max-width: 520px;
  }
}
.gh-member-stripe-table td {
  vertical-align: top;
  font-size: 1.3rem;
}
.gh-member-stripe-email,
.gh-member-stripe-id {
  display: inline-block;
  word-break: break-all;
}
.gh-member-stripe-label {
  color: #738393;
  white-space: nowrap;
  padding: 5px 12px 5px 0;
  width: 170px;
}
.gh-member-stripe-data {
  padding: 5px 12px 5px 0;
}
@media (max-width: 1400px) and (min-width: 1160px) {
  .gh-member-stripe-row {
    display: flex;
    flex-direction: column;
  }
  .gh-member-stripe-label {
    padding-bottom: 0;
    font-weight: 500;
  }
  .gh-member-stripe-data {
    padding-top: 0;
  }
  .gh-members-comped {
    flex-direction: column;
    align-items: flex-start;
  }
  .gh-members-comped-switch {
    margin-top: 2rem;
  }
}
.gh-members-comped-checkbox,
.gh-members-subscribed-checkbox {
  max-width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}
.gh-new-member-avatar {
  background: #b6bfc8;
  width: 81px;
  height: 81px;
}
.gh-member-cancels-on-label {
  display: inline-block;
  background: rgba(251, 45, 141, 0.1);
  border-radius: 4px;
  padding: 0 5px;
  margin: -2px 0 -2px -5px;
  color: #fb2d8d;
  font-size: 1.3rem;
  font-weight: 400;
}
.gh-member-stripe-status {
  display: inline-block;
  text-transform: capitalize;
  margin-right: 6px;
}
.gh-member-btn-contsub {
  border-color: #14b8ff;
  box-shadow: none;
}
.gh-member-btn-contsub:hover {
  border-color: #0ca2e3;
}
.gh-member-btn-contsub span {
  color: #14b8ff;
}
.gh-member-btn-contsub:hover span {
  color: #0ca2e3;
}
.gh-member-internal-info,
.gh-member-stripe {
  float: right;
}
@media (max-width: 1160px) {
  .gh-member-settings .gh-main-section {
    display: flex;
    flex-direction: column;
  }
  .gh-member-settings .gh-main-section > div {
    float: none;
    width: 100%;
  }
  .gh-member-details {
    position: relative;
    top: unset;
    left: unset;
  }
  .gh-member-header.sticky {
    position: relative;
  }
}
@media (min-width: 600px) and (max-width: 800px), (min-width: 960px) and (max-width: 1160px) {
  .gh-member-details-stats {
    flex-direction: row;
    justify-content: space-between;
  }
}
.gh-member-labels,
.gh-member-note {
  max-width: none;
}
.gh-member-cancelstripe-checkbox {
  margin-bottom: 4px;
}
.gh-member-cancelstripe-checkbox label {
  display: flex;
}
.gh-member-cancelstripe-checkbox h4 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.15em;
  margin-top: 2px;
}
.gh-member-cancelstripe-checkbox label p {
  margin-top: -2px;
  color: #626d79;
}
.gh-member-cancelstripe-checkbox input:checked + .input-toggle-component {
  border-color: #dd091f;
  background: #f50b23;
}
.gh-members-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.gh-members-no-data svg {
  width: 56px;
  height: auto;
  margin-bottom: 8px;
}
.gh-members-no-data svg circle,
.gh-members-no-data svg path,
.gh-members-no-data svg rect {
  stroke-width: 0.8px;
}
.gh-members-no-data h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #626d79;
}
.gh-members-no-data p {
  margin: 0 40px 0.3rem;
  color: #7c8b9a;
  font-size: 1.3rem;
  line-height: 1.5em;
}
.gh-members-no-list h4 {
  margin-top: 8px;
}
.gh-members-no-list svg path {
  stroke-width: 1px;
}
.gh-members-no-subs svg {
  width: 52px;
  margin-left: 12px;
}
.gh-members-no-subs svg circle,
.gh-members-no-subs svg path,
.gh-members-no-subs svg rect {
  stroke-width: 1px;
}
.gh-member-newsletters {
  padding: 16px 20px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.gh-member-newsletter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e9ed;
  padding: 16px 0;
}
.gh-member-newsletter-row .for-switch {
  display: flex;
}
.gh-member-newsletter-row:first-child {
  padding-top: 0;
}
.gh-member-newsletter-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.gh-member-newsletter-title {
  font-weight: 600;
  font-size: 1.4rem !important;
  margin-bottom: 0 !important;
}
.gh-main-section-content.gh-member-newsletter-section {
  padding-bottom: 16px;
}
.gh-member-newsletter-no-data {
  padding: 24px 0 28px;
}
.gh-member-newsletter-no-data .gh-member-newsletter-icon path {
  stroke-width: 2.8;
}
.gh-member-newsletter-no-data a {
  color: #7c8b9a;
  opacity: 0.6;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: underline;
}
.gh-member-newsletter-footer {
  font-size: 1.3rem;
  margin-top: 12px;
}
.gh-member-feed-container {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-items: center;
  padding: 1.6rem 0;
}
.gh-member-feed {
  margin: 0;
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.gh-member-settings .gh-member-feed-no-data {
  margin: 0;
  padding: 24px 0 28px;
  background: transparent;
  box-shadow: none;
}
.gh-member-feed-row {
  display: flex;
  align-items: center;
  padding: 0;
}
.gh-member-feed-activity {
  display: flex;
  align-items: center;
  padding: 12px 0;
}
.gh-member-feed-activity svg {
  width: 16px;
  margin-right: 1rem;
}
.gh-member-feed-row a {
  font-weight: 600;
  font-size: 14px;
  color: #394047;
}
.gh-member-feed-title {
  display: table-cell;
  padding: 10px 0;
  line-height: 1.4em;
  vertical-align: middle;
  color: #394047;
  text-align: left;
  font-weight: 500;
}
.gh-member-feed-title:hover {
  color: #15171a;
}
.gh-member-feed-title a {
  color: #394047;
}
.gh-member-feed-title a:hover {
  color: #15171a;
}
.gh-member-feed-date {
  margin-left: auto;
  padding: 10px 0 10px 16px;
  color: #7c8b9a;
  font-size: 1.3rem;
  text-align: right;
  white-space: nowrap;
}
.gh-member-feed-row:hover .gh-member-feed-date {
  color: #394047;
}
.gh-member-feed-row:first-child .gh-member-feed-container {
  padding-top: 0;
}
.gh-member-feed-row {
  border-bottom: 1px solid #e5e9ed;
}
.gh-member-feed-detail {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  width: 0;
}
.gh-member-feed-event {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.gh-member-feed-event-inner {
  color: #626d79;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 1rem;
  width: 100%;
}
.gh-member-feed-event-inner:first-letter {
  text-transform: uppercase;
}
.gh-member-feed-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 0.5rem 0 -1px;
}
.gh-member-feed-icon svg {
  width: 100%;
  height: 100%;
}
.gh-member-feed-time {
  font-weight: 500;
  font-size: 1.3rem;
  color: #abb4be;
  white-space: nowrap;
}
.gh-member-feed-footer {
  padding-top: 16px;
}
.gh-member-feed-footer a {
  font-weight: 500;
  transition: color 0.1s ease;
}
.gh-member-feed-footer a:hover {
  color: #269a34;
}
.fullscreen-modal-import-members {
  max-width: unset !important;
}
.gh-member-import-wrapper {
  width: 420px;
}
.gh-member-import-wrapper.wide {
  width: 580px;
}
.gh-member-import-wrapper .gh-btn.disabled,
.gh-member-import-wrapper .gh-btn.disabled:hover {
  cursor: auto !important;
  opacity: 0.6 !important;
}
.gh-member-import-wrapper .gh-btn.disabled span,
.gh-member-import-wrapper .gh-btn.disabled span:hover {
  cursor: auto !important;
  pointer-events: none;
}
.gh-member-import-wrapper .gh-token-input .ember-power-select-trigger-multiple-input:disabled,
.gh-member-import-wrapper .gh-token-input .ember-power-select-trigger[aria-disabled='true'] {
  background: #fafafb;
}
@media (max-width: 600px) {
  .gh-member-import-wrapper,
  .gh-member-import-wrapper.wide {
    width: calc(100vw - 128px);
  }
}
.gh-members-import-uploader {
  width: 100%;
  min-height: 180px;
}
.gh-members-import-uploader svg {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 1rem;
}
.gh-members-import-uploader svg path {
  stroke: #abb4be;
}
.gh-members-import-uploader:hover svg path {
  stroke: #8695a4;
}
.gh-members-import-uploader .description {
  color: #7c8b9a;
  font-size: 1.4rem;
  font-weight: 500;
}
.gh-members-import-uploader:hover .description {
  color: #697989;
}
.gh-members-import-file {
  min-height: 180px;
}
.gh-members-import-spinner {
  position: relative;
  display: flex;
  min-height: 182px;
  justify-content: center;
  align-items: center;
  margin-bottom: -20px;
}
.gh-members-import-spinner .gh-loading-content {
  padding-bottom: 0;
}
.gh-members-import-spinner .description {
  padding-top: 46px;
}
.gh-members-upload-errorcontainer {
  border: 1px solid #ebeef0;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 24px;
  color: #626d79;
}
.gh-members-upload-errorcontainer.warning {
  border-left: 4px solid #ffb41f;
}
.gh-members-upload-errorcontainer.warning p a {
  color: #e19600;
  text-decoration: underline;
}
.gh-members-upload-errorcontainer.error {
  border-left: 4px solid #f50b23;
}
.gh-members-upload-errorcontainer.error p a {
  color: #f50b23;
  text-decoration: underline;
}
.gh-members-import-errormessage {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 12px 0 0;
}
p.gh-members-import-errorcontext {
  font-size: 1.25rem;
  line-height: 1.3em;
  margin: 0;
  font-weight: 400;
}
.gh-members-import-mapping .error {
  color: #f50b23;
}
.gh-members-import-mappingwrapper.error {
  position: relative;
}
.gh-members-import-mappingwrapper.error:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid red;
  z-index: 9999;
  pointer-events: none;
}
.gh-members-import-scrollarea {
  position: relative;
  max-height: calc(100vh - 350px - 12vw);
  overflow-y: scroll;
  padding: 0 32px;
  background:
    linear-gradient(#fff 30%, hsla(0, 0%, 100%, 0)),
    linear-gradient(hsla(0, 0%, 100%, 0), #fff 70%) 0 100%,
    linear-gradient(rgba(0, 0, 0, 0.08), transparent),
    linear-gradient(transparent, rgba(0, 0, 0, 0.08)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size:
    100% 40px,
    100% 40px,
    100% 14px,
    100% 14px;
  background-attachment: local, local, scroll, scroll;
  margin: 4px -32px 0;
}
.gh-members-import-errorheading {
  font-size: 1.4rem;
  line-height: 1.55em;
  margin-top: 2px;
}
p.gh-members-import-errordetailtext {
  font-size: 1.3rem;
  line-height: 1.4em;
  color: #7c8b9a;
}
.gh-members-import-errordetailtext:first-of-type {
  border-top: 1px solid #ced4d9;
  padding-top: 8px;
  margin-top: 8px;
}
.gh-members-import-errordetailtext:not(:last-of-type) {
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.gh-members-import-table {
  position: relative;
  margin-bottom: 1px;
  border-collapse: separate;
}
.gh-members-import-table:before {
  left: -33px;
}
.gh-members-import-table:after,
.gh-members-import-table:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  bottom: 0;
  height: 100%;
  width: 32px;
  background: #fff;
}
.gh-members-import-table:after {
  right: -32px;
}
.gh-members-import-table th {
  position: sticky;
  top: 0;
  padding: 3px 8px;
  background: #fafafb;
  border-left: 1px solid #e6e9eb;
  border-top: 1px solid #dddedf;
  border-bottom: 1px solid #e6e9eb;
}
.gh-members-import-table tr th:first-of-type {
  border-left: 1px solid #dddedf;
  width: 180px;
}
.gh-members-import-table tr th:last-of-type {
  border-right: 1px solid #dddedf;
}
.gh-members-import-table td.empty-cell {
  background: rgba(25, 64, 103, 0.03);
}
.gh-members-import-table td {
  padding: 7px 8px 6px;
  border-left: 1px solid #e6e9eb;
  border-bottom: 1px solid #e6e9eb;
  vertical-align: top;
}
.gh-members-import-table tr td:first-of-type {
  border-left: 1px solid #dddedf;
  width: 180px;
}
.gh-members-import-table tr td:last-of-type {
  padding: 0;
  border-right: 1px solid #dddedf;
}
.gh-members-import-table tr:last-of-type td {
  border-bottom: 1px solid #dddedf;
}
.gh-members-import-table td span,
.gh-members-import-table th span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.gh-members-import-datanav {
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.01),
    0 1px 2px rgba(0, 0, 0, 0.05);
}
p.gh-members-import-errordetail {
  font-size: 1.2rem;
  line-height: 1.4em;
  margin: 10px 0 0 24px;
}
p.gh-members-import-errordetail:first-of-type {
  border-top: 1px solid #ebeef0;
  padding-top: 8px;
  margin-top: 8px;
}
.gh-import-member-select {
  height: auto;
  border: none;
  background: none;
  border-radius: 0;
}
.gh-import-member-select select {
  height: 34px;
  border: none;
  font-size: 1.3rem;
  line-height: 1em;
  padding: 4px 4px 4px 8px;
  background: none;
  color: #626d79;
  font-weight: 600;
  border-radius: 0;
}
.gh-import-member-select select option {
  font-weight: 400;
  color: #394047;
}
.gh-import-member-select select:focus {
  background: none;
  color: #626d79;
}
.gh-import-member-select.unmapped select,
.gh-import-member-select.unmapped select:focus {
  color: #abb4be;
  font-weight: 400;
}
.gh-import-member-select svg {
  right: 9px;
}
.gh-members-import-table td.table-cell-data,
.gh-members-import-table td.table-cell-field,
.gh-members-import-table th.table-cell-data,
.gh-members-import-table th.table-cell-field {
  max-width: 180px;
  overflow-wrap: break-word;
}
.gh-member-import-resultcontainer {
  margin-bottom: 28px;
}
.gh-member-import-result-summary {
  flex-basis: 50%;
}
.gh-member-import-result-summary h2 {
  font-size: 3.6rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.gh-member-import-result-summary p {
  color: #394047;
  padding: 0;
  line-height: 1.6em;
  margin: 0 0 12px;
}
.gh-member-import-result-summary p strong {
  font-size: 1.5rem;
  letter-spacing: 0;
}
.gh-member-import-errorlist {
  width: 100%;
  margin: 8px 0 28px;
}
.gh-member-import-errorlist h4 {
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #ebeef0;
  padding-bottom: 8px;
  margin-top: 0;
  color: #7c8b9a;
}
.gh-member-import-errorlist ul li {
  font-size: 13px;
  font-weight: 400;
  color: #99a3ad;
  padding: 0;
  margin-bottom: 6px;
}
.gh-member-import-resultcontainer hr {
  margin: 24px -32px;
  border-color: #ebeef0;
}
.gh-member-import-nodata span {
  display: flex;
  min-height: 144px;
  align-items: center;
  justify-content: center;
  color: #7c8b9a;
}
.gh-member-import-icon-members circle,
.gh-member-import-icon-members path {
  stroke-width: 0.85px;
}
.gh-member-import-icon-confetti {
  color: #fb2d8d;
  margin-left: 12px;
}
.gh-member-import-icon-confetti circle,
.gh-member-import-icon-confetti ellipse,
.gh-member-import-icon-confetti path {
  stroke-width: 0.85px;
}
.gh-import-member-icon {
  color: #394047;
  width: 54px !important;
  height: 54px !important;
  margin-right: -8px;
}
.gh-import-member-icon * {
  stroke-width: 0.8px !important;
}
@-moz-document url-prefix() {
  .gh-import-member-select select {
    padding: 4px;
  }
}
.gh-email-design-color-picker .gh-btn-group {
  vertical-align: middle;
  overflow: hidden;
  padding: 4px;
  margin-right: -4px;
  background: none;
}
.gh-btn-group .gh-email-design-color {
  display: block;
  opacity: 1;
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
  border: 1px solid #dee3e7;
  border-radius: 999px;
}
.gh-btn-group .gh-email-design-color.gh-btn-group-selected {
  outline: 2px solid #30cf43;
}
.gh-btn-group .gh-email-design-color.gh-btn-group-selected.custom {
  outline: none;
}
.gh-btn-group .gh-email-design-color > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 999px;
  z-index: 1;
}
.gh-btn-group .gh-email-design-color.custom {
  cursor: pointer;
  touch-action: manipulation;
}
.gh-btn-group .gh-email-design-color.gh-btn-group-selected.custom > div {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid #fff;
}
.gh-btn-group .gh-email-design-color.custom:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: conic-gradient(#ff0, red, #f0f, #00f, #0ff, #0f0, #ff0) !important;
  border: none;
  border-radius: 999px;
  transition: all 0.15s ease-in-out;
  transition-delay: 0.03s;
}
.gh-btn-group .gh-email-design-color.transparent {
  background: transparent;
  box-shadow: inset 0 0 0 1px #ced4d9;
}
.gh-email-design-color.transparent:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  right: 0;
  z-index: 1;
  border-bottom: 1px solid #f50b23;
  width: 100%;
  transform: rotate(45deg);
  transform-origin: left;
}
.gh-btn-group .gh-email-design-color.white {
  background: #fff !important;
}
.gh-btn-group .gh-email-design-color.black {
  background: #15171a !important;
}
.gh-btn-group .gh-email-design-color.accent {
  background: var(--accent-color) !important;
}
.gh-email-design-color.custom svg {
  width: 10px;
  height: 10px;
  color: #fff;
}
.gh-email-design-color.custom input {
  visibility: hidden;
}
.gh-email-design-alignment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -4px 0 0;
}
.gh-email-design-typography-wrapper {
  display: flex;
}
.gh-email-design-typography {
  width: 100%;
}
.gh-email-design-typography-wrapper.header .ember-power-select-status-icon {
  right: 16px !important;
}
.gh-email-design-typography-wrapper.header .gh-btn-group {
  background: #ebeef0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gh-email-design-typography .gh-btn-group.icons .gh-btn {
  margin: 4px;
}
.gh-email-design-typography .gh-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0 0 12px;
}
.gh-email-design-typography .gh-radio-content {
  border: 1px solid #ebeef0;
  margin: 0 -32px 0 0;
}
.gh-email-design-typography .active .gh-radio-content {
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px #30cf43;
}
.gh-email-design-typography .gh-radio-button {
  margin-right: 12px;
  opacity: 0;
}
.gh-email-design-typography .gh-radio-label {
  padding: 8px 4px;
  display: flex;
  align-items: center;
}
.gh-email-design-typography .gh-radio-label .sample {
  display: block;
  font-size: 3.2rem;
  margin-right: 10px;
  font-weight: 600;
  width: 44px;
  text-align: center;
}
.gh-email-design-typography .gh-radio-label .description h4 {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  font-size: 1.3rem;
  font-weight: 400;
}
.gh-email-design-typography .gh-radio-label.serif .description h4 {
  letter-spacing: 0.4px;
}
.gh-email-design-typography .gh-radio-content.serif .description h4,
.gh-email-design-typography .gh-radio-label.serif .description h4 {
  font-family:
    Georgia,
    Times New Roman,
    Times,
    serif;
  font-size: 1.3rem;
}
.gh-email-design-typography .gh-radio-label .description p {
  font-size: 1.2rem !important;
  margin: 0;
  padding: 0;
}
.gh-email-design-typography .gh-radio-label.serif .description p {
  font-size: 1.25rem !important;
  margin: 0;
  padding: 0;
}
.gh-members-emailsettings-footer-input {
  height: 120px;
  padding: 2px 12px 6px;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 4px;
  word-break: break-word;
}
.gh-members-emailsettings-footer-input p {
  height: 108px;
  overflow-y: auto;
  color: #394047;
  font-size: 1.4rem !important;
  line-height: 1.5em !important;
}
.gh-members-emailsettings-footer {
  padding: 0;
  margin: 0;
}
.gh-members-emailsettings-footer .form-group {
  align-items: flex-start;
}
.gh-members-emailsettings-promotelabel {
  display: flex;
  align-items: flex-start;
}
.gh-members-emailsettings-promotelabel p {
  margin-right: 20px;
}
.gh-members-emailsettings-promotelabel svg {
  width: 20px;
  margin-right: 8px;
}
.gh-members-emailsettings-promotelabel svg path {
  stroke: #f50b23;
}
.gh-members-emailsettings-footer .for-switch {
  margin-top: -2px;
}
.gh-members-emailpreview {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  height: 100vh;
  padding: 32px;
  overflow-y: auto;
}
.gh-members-emailpreview:after {
  content: '\00a0';
  display: block;
  height: 32px;
  width: 100%;
}
.gh-members-emailpreview-container {
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0;
  margin: 32px auto;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.02),
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
  color: #15171a;
  cursor: auto;
  width: 100%;
  max-width: 700px;
}
.gh-members-emailpreview-labs .gh-members-emailpreview-container {
  max-width: 740px;
}
.gh-members-emailpreview-container a {
  color: #7c8b9a;
  text-decoration: underline;
  pointer-events: none;
  cursor: auto;
}
.gh-members-emailpreview-faux {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  height: 78px;
  padding: 0 24px;
  border-bottom: 1px solid #ebeef0;
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.gh-members-emailpreview-faux p {
  margin: 0;
  padding: 0;
  color: #abb4be;
}
.gh-members-emailpreview-faux .strong {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 500;
  color: #394047;
}
.gh-members-emailpreview-faux .dark {
  color: #394047;
}
.gh-members-emailpreview-contents {
  padding: 0 50px;
  margin: 0 20px;
}
.gh-members-emailpreview-labs .gh-members-emailpreview-contents {
  max-width: 672px;
  margin: 0 auto;
  padding: 16px;
}
.gh-members-emailpreview-border {
  padding: 0 40px;
  border: 1px solid transparent;
}
.gh-members-emailpreview-header-image img {
  display: block;
  margin: 24px auto 0;
}
.gh-members-emailpreview-featureimage:first-child,
.gh-members-emailpreview-header-image + .gh-members-emailpreview-featureimage {
  margin-top: 24px;
}
.gh-members-emailpreview-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -10px;
  padding: 50px 0 0;
}
.gh-members-emailpreview-header.bordered {
  border-bottom: 1px solid #e5eff5;
  padding: 50px 0;
}
.gh-members-emailpreview-header.hide {
  display: none;
}
.gh-members-emailpreview-header img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.gh-members-emailpreview-header h4 {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: -0.1px;
  font-weight: 700;
  text-transform: uppercase;
  color: #15212a;
}
.gh-members-emailpreview-header h5 {
  color: #8695a4;
  font-size: 1.4rem;
  font-weight: 400;
}
.gh-members-emailpreview-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0 40px;
}
.gh-members-emailpreview-title-left {
  align-items: flex-start;
}
.gh-members-emailpreview-title h2 {
  margin: 0;
  padding: 0 0 10px;
  color: #15212a;
  font-size: 4.2rem;
  line-height: 1.1em;
  font-weight: 700;
  text-align: center;
}
.gh-members-emailpreview-title-left h2 {
  text-align: left;
}
.gh-members-emailpreview-title h2 {
  padding: 0 0 16px;
}
.gh-members-emailpreview-meta {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.gh-members-emailpreview-meta.center-aligned {
  flex-direction: column;
}
.gh-members-emailpreview-meta.center-aligned .gh-members-emailpreview-view-online {
  text-decoration: underline;
}
.gh-members-emailpreview-title p {
  margin: 0;
  padding: 0 0 10px;
  white-space: nowrap;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  text-align: center;
  color: #15212a;
}
.gh-members-emailpreview-meta p,
.gh-members-emailpreview-title p {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    'Arial, sans-serif',
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
}
.gh-members-emailpreview-meta p {
  padding: 0 0 8px;
  color: #7c8b9a;
  text-transform: none;
}
.gh-members-emailpreview-meta p span:before {
  content: '•';
  padding: 0 4px 0 2px;
  color: currentColor;
}
.gh-members-emailpreview-title p span {
  color: #7c8b9a;
}
.gh-members-emailpreview-title a {
  text-decoration: none;
  color: #15212a;
}
.gh-members-emailpreview-meta a {
  text-decoration: none;
  color: #7c8b9a;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.2px;
}
.gh-members-emailpreview-meta a svg {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  stroke-width: 1.5px;
}
.gh-members-emailpreview-comment-link {
  display: inline-block;
}
.gh-members-emailpreview-featureimage {
  width: 100%;
  max-width: 600px;
  height: 300px;
  margin-bottom: 8px;
  background: #fafafa no-repeat 50%;
  background-size: cover;
}
.gh-members-emailpreview-featureimage-caption {
  width: 100%;
  max-width: 600px;
  padding-bottom: 30px;
  text-align: center;
  color: #7c8b9a;
  font-size: 1.3rem;
}
.gh-members-emailpreview-content {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5eff5;
}
.gh-members-emailpreview-content:first-child,
.gh-members-emailpreview-header-image + .gh-members-emailpreview-content {
  margin-top: 52px;
}
.gh-members-emailpreview-content p {
  font-family: Georgia, serif;
  font-size: 1.8rem;
  line-height: 1.5em;
  color: #15212a;
  max-width: 600px;
  width: 100%;
}
.gh-members-emailpreview-content.sans-serif p {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    'Arial, sans-serif',
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
  font-size: 1.7rem;
  line-height: 1.6em;
}
.gh-members-emailpreview-footer {
  padding: 40px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gh-members-emailpreview-footercontent {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.5em;
  color: #738a94;
  padding: 10px 30px;
  word-break: break-word;
}
.gh-members-emailpreview-footercontent p {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.5em;
  color: #738a94;
  margin: 0;
  padding: 0;
}
.gh-members-emailpreview-footercontent strong {
  font-weight: 600;
}
.gh-members-emailpreview-footersite {
  padding: 10px 30px 60px;
  color: #738a94;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    'Arial, sans-serif',
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
  font-size: 1.3rem;
  text-align: center;
}
.gh-members-emailpreview-footersite span {
  color: #738a94;
}
.gh-members-emailpreview-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 40px;
}
.gh-members-emailpreview-badge.hide {
  display: none;
}
.gh-members-emailpreview-badge a {
  display: inline-flex;
  align-items: center;
  padding: 6px 9px 6px 6px;
  border: none;
  font-size: 12.5px;
  line-height: 12px;
  letter-spacing: -0.3px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: #383838;
  border-radius: 5px;
  cursor: auto;
  outline: none;
  pointer-events: none;
  background: #fff;
}
.gh-members-emailpreview-badge svg {
  height: 16px;
  width: 16px;
  margin: 0 6px 0 0;
}
@media (min-height: 1070px) {
  .gh-members-emailpreview-container {
    transform: scale(0.9);
  }
}
.gh-members-emailpreview-feedback {
  display: grid;
  gap: 20px;
  padding: 24px 40px;
  border-bottom: 1px solid #e5eff5;
}
.gh-members-emailpreview-feedback-title {
  text-align: center;
  color: #15212a;
}
.gh-members-emailpreview-feedback-buttons-group {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.gh-members-emailpreview-feedback-button {
  background: #fff;
  font-weight: 600;
  border-radius: 22px;
  white-space: nowrap;
  pointer-events: none;
  cursor: default;
}
.gh-members-emailpreview-labs .gh-members-emailpreview-feedback-button {
  background: none;
}
.gh-members-emailpreview-feedback-button svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.5px;
}
.gh-members-emailpreview-feedback-button-body {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 18px;
}
.gh-members-emailpreview-latest-posts {
  padding: 24px 0;
  border-bottom: 1px solid #e5eff5;
}
.gh-members-emailpreview-latest-posts h3 {
  margin: 8px 0 16px;
  color: #15212a;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.gh-members-emailpreview-latest-post {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
}
.gh-members-emailpreview-latest-post-image {
  width: 100%;
  max-width: 100px;
  height: auto;
  background: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1/1;
}
.gh-members-emailpreview-latest-post h4 {
  margin: 2px 0 4px;
  color: #15212a;
  font-size: 1.9rem;
}
.gh-members-emailpreview-latest-post h4,
.gh-members-emailpreview-latest-post p {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    'Arial, sans-serif',
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
}
.gh-members-emailpreview-latest-post p {
  margin: 0;
  color: #738a94;
  font-size: 1.5rem;
}
.gh-members-emailpreview-subscription-details {
  padding: 32px 0;
  border-bottom: 1px solid #e5eff5;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    'Arial, sans-serif',
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
  font-weight: 400;
}
.gh-members-emailpreview-subscription-details h4 {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.gh-members-emailpreview-subscription-details p {
  margin: 0;
  font-size: 1.5rem;
}
.gh-members-emailpreview-subscription-details p strong {
  font-weight: 700;
}
a.gh-members-emailpreview-subscription-link {
  align-self: flex-end;
  white-space: nowrap;
  width: 100%;
  color: var(--accent-color);
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none;
  text-align: right;
}
@media (max-width: 1000px) {
  .gh-members-emailpreview-subscription-details .flex {
    flex-direction: column;
  }
  a.gh-members-emailpreview-subscription-link {
    align-self: flex-start;
    padding-top: 12px;
    text-align: left;
  }
}
.gh-cp-member-email-name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}
@media (max-width: 600px) {
  .gh-cp-member-email-name {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.gh-cp-data-summary:not(:last-of-type) {
  margin-bottom: 24px;
}
.gh-cp-table {
  margin: -8px 0 0;
}
.gh-cp-table .gh-member-stripe-label {
  width: 40px;
  color: #626d79;
}
.gh-cp-table-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 1.3rem;
}
.gh-member-tier-container {
  grid-row-gap: 24px;
}
.gh-cp-membertier {
  margin-bottom: 0 !important;
}
.gh-cp-membertier-container {
  margin-top: 8px;
  margin-left: 16px;
  flex-grow: 1;
}
.gh-membertier-name {
  display: flex;
  justify-content: space-between;
  font-size: 1.65rem !important;
  font-weight: 600;
  margin-bottom: 2px !important;
}
.gh-membertier-subcount {
  font-size: 1.25rem;
  font-weight: 400;
  color: #7c8b9a;
}
.gh-membertier-list .gh-list-row:hover {
  background: none !important;
}
.gh-cp-membertier-pricelabel {
  font-size: 1.3rem;
  font-weight: 600;
}
.gh-membertier-subscription span.archived {
  background: #e4e8ec;
  color: #7c8b9a;
  font-size: 1.2rem;
}
.gh-membertier-details p {
  color: #40474f;
}
.gh-membertier-details a,
.gh-membertier-details span {
  display: inline-block;
  color: #738393;
  font-size: 1.25rem;
  font-weight: 500;
}
.gh-membertier-details a {
  font-weight: 600;
  color: #394047;
}
.gh-membertier-separator {
  color: #738393;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0.25em;
}
.gh-membertier-archived .gh-membertier-name {
  opacity: 0.5;
}
.gh-membertier-list-footer {
  position: relative;
  margin-top: 8px;
  padding-bottom: 24px;
}
.gh-membertier-list-footer.min-height {
  min-height: 74px;
}
.gh-membertier-list-footer .gh-loading-content {
  padding-bottom: unset;
  padding-top: 12px;
}
.gh-membertier-cancelreason {
  line-height: 1.45em;
  margin: 3px 0 5px;
  max-width: 700px;
}
.gh-btn-addtier svg {
  width: 0.8em;
  height: 0.8em;
  color: #2bba3c;
}
.gh-member-tier-memberdetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 12px 0 24px;
}
.gh-member-tier-memberdetails .gh-member-gravatar {
  margin: 0;
}
.gh-member-tier-memberdetails h3 {
  margin: 12px 0 0;
  font-size: 1.9rem;
  line-height: 1;
}
.gh-member-tier-memberdetails p {
  margin: 0;
}
.gh-cp-membertier-notier {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0 28px;
  color: #7c8b9a;
  font-size: 1.4rem;
}
.gh-cp-membertier-notier .gh-loading-content {
  padding-bottom: unset;
}
.gh-btn-add-membertier[disabled],
.gh-btn-add-membertier[disabled]:hover {
  background: #dee3e7 !important;
}
.gh-btn-add-membertier[disabled] span {
  color: #7c8b9a;
}
.gh-membertier-subscription {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: stretch;
}
.gh-cp-membertier-renewal {
  color: #40474f;
}
.gh-membertier-details-container {
  flex: 1;
}
.gh-membertier-price-container {
  flex: 0;
  display: flex;
  align-items: flex-start;
}
.gh-membertier-price-container .gh-tier-card-price {
  margin: 0 12px 2px 0;
  padding: 12px 8px;
  border: 1px solid #ebeef0;
}
.gh-cp-membertier .gh-membertier-price-container {
  margin-top: -19px;
}
.gh-cp-membertier .gh-tier-card-price {
  padding: 10px 18px;
  padding: 15px 18px;
}
.gh-cp-membertier-duration {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.gh-cp-membertier-duration .gh-select {
  grid-column: 1;
}
.tier-actions-menu {
  top: calc(100% - 36px);
  right: 0;
  left: auto;
}
.gh-cp-membertier-details {
  margin-top: 1px;
  color: #2bba3c;
  font-size: 1.3rem;
  font-weight: 500;
}
.gh-cp-membertier-details svg {
  width: 8px;
  margin-left: 4px;
  transition: transform 0.15s ease-in-out;
}
.gh-cp-membertier-details svg path {
  stroke-width: 3px;
  stroke: #2bba3c;
}
.gh-cp-membertier-details.rotate svg {
  transform: rotate(90deg);
}
.gh-membertier-subscription .action-menu .gh-btn-subscription-action:not(:hover) {
  border: 1px solid #ebeef0;
  background: #fff !important;
  box-shadow: none;
}
.gh-membertier-subscription .action-menu .gh-btn-subscription-action.open {
  border: 1px solid #dee3e7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.gh-membertier-subscription .action-menu > .gh-btn span {
  height: 28px;
}
.gh-member-tier-form-block .form-group:last-of-type,
.gh-membertier-subscription .action-menu > .gh-btn svg {
  margin: 0;
}
.gh-member-addcomp-warning {
  margin-top: -16px;
}
.gh-members-resource-filter .ember-power-select-selected-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 16px;
}
.gh-members-filter-builder {
  width: 780px;
  margin-top: 8px;
}
@media (max-width: 980px) {
  .gh-members-filter-builder {
    width: 640px;
  }
}
@media (max-width: 890px) {
  .gh-members-filter-builder {
    margin-right: -180px;
  }
}
@media (max-width: 690px) {
  .gh-members-filter-builder {
    position: fixed;
    top: 9vh !important;
    left: 10px !important;
    right: 10px !important;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
  }
}
@media (max-width: 800px) {
  .members-header {
    left: 0;
  }
  .members-header .gh-canvas-title {
    left: 25px;
  }
  .members-header .view-actions .gh-members-header-search {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .members-header .view-actions .gh-contentfilter {
    border-right: 1px solid #e6e9eb;
  }
  .gh-contentfilter-menu:last-of-type {
    padding-right: 8px;
  }
}
.gh-cp-membertier-attribution.gh-membertier-subscription {
  display: block !important;
}
.gh-cp-membertier-attribution {
  position: relative;
}
.gh-cp-membertier-attribution .gh-tier-card-header {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.gh-cp-membertier-attribution .gh-tier-card-header:not(:first-child) {
  margin-top: 16px;
  border-top: 1px solid #e5e9ed;
  padding-top: 16px;
}
.gh-cp-membertier-attribution .gh-membertier-subcount {
  display: none;
}
.gh-cp-membertier-attribution .tier-actions-menu {
  top: calc(100% + 6px);
}
.gh-cp-membertier-attribution .gh-tier-card-price {
  border: none !important;
  background: #f4f5f6;
  padding: 20px 10px !important;
  border-radius: 6px;
}
.gh-cp-membertier-attribution .amount {
  font-weight: 700 !important;
  font-size: 2.4rem !important;
}
.gh-cp-membertier-attribution .currency-symbol {
  font-weight: 700 !important;
  font-size: 1.4rem !important;
}
.gh-cp-membertier-attribution .gh-membertier-name {
  font-weight: 600 !important;
  font-size: 1.4rem !important;
}
.gh-cp-membertier-attribution .gh-badge {
  margin-bottom: -1px !important;
  margin-left: 8px;
  font-size: 1.1rem;
  font-weight: 600;
}
.gh-cp-membertier-attribution .action-menu {
  position: absolute;
  top: 0;
  right: 0;
}
.gh-cp-membertier-attribution .gh-tier-card-header:not(:first-child) .action-menu {
  top: 16px;
}
.gh-cp-membertier-attribution span.archived {
  background: #e4e8ec;
  color: #7c8b9a;
  font-size: 1.1rem;
}
.gh-cp-membertier-attribution .gh-membertier-advanced {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e9ed;
  animation: fade-in 0.25s ease-in-out;
}
.gh-cp-membertier-attribution .gh-membertier-advanced.hide {
  display: none;
}
.gh-cp-membertier-attribution .gh-membertier-advanced h4 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #626d79;
  margin-bottom: 2px;
  letter-spacing: 0.01em;
}
.gh-cp-membertier-attribution .gh-membertier-details p {
  margin: 0;
  color: #626d79;
  font-size: 1.3rem;
}
.gh-cp-membertier-attribution .gh-membertier-detail {
  margin-bottom: 1.6rem;
}
.gh-cp-membertier-attribution .gh-membertier-details a,
.gh-cp-membertier-attribution .gh-membertier-details span {
  font-size: 1.3rem;
  font-weight: 500;
  color: #394047;
}
.gh-membertier-offer-cancellation .gh-cp-membertier-pricelabel {
  font-weight: 500;
}
.gh-membertier-offer-cancellation {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eceef0;
}
.gh-membertier-offer-cancellation div + div {
  margin-top: 16px;
}
.gh-cp-membertier-attribution .gh-cp-membertier-renewal {
  color: #626d79;
  font-size: 1.3rem;
}
.gh-cp-membertier-attribution .gh-membertier-detail-timestamp {
  font-size: 1.2rem;
  color: #7c8b9a;
}
.gh-cp-membertier-attribution .gh-membertier-cancelreason {
  font-weight: 500;
}
.gh-cp-membertier-attribution .gh-membertier-details a {
  text-transform: capitalize;
}
.gh-member-details-attribution .gh-member-details-attribution-docs {
  margin-top: 6px;
  color: #2bba3c;
  font-weight: 500;
  font-size: 1.3rem;
}
.gh-member-details-attribution .gh-member-details-attribution-docs:hover {
  margin-top: 6px;
  color: #269a34;
  font-weight: 500;
  font-size: 1.3rem;
}
.gh-post-actions-menu {
  top: calc(100% + 6px);
  left: auto;
  right: 10px;
}
.gh-post-actions-menu.fade-out {
  animation-duration: 1ms;
  pointer-events: none;
}
.gh-email-debug .gh-post-analytics-header .gh-canvas-header-content {
  border-bottom: none;
  padding-bottom: 0;
}
.gh-email-debug-error {
  display: flex;
  margin-top: 20px;
  padding: 12px 16px 12px 40px;
}
.gh-email-debug-error svg {
  height: 20px !important;
  margin-top: -2px;
}
.gh-email-debug-errortext {
  flex-grow: 1;
  margin-left: 4px;
}
.gh-email-debug-error h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.gh-email-debug-error button {
  min-width: 80px;
}
.gh-email-debug-settingstab-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 11px;
  margin-top: 2px;
}
.gh-email-debug-settingstab-icon svg circle,
.gh-email-debug-settingstab-icon svg path {
  stroke-width: 2;
}
.gh-email-debug .gh-list {
  border-bottom: none;
}
.gh-email-debug .gh-list tbody,
.gh-email-debug .gh-list thead {
  width: 100%;
}
.gh-email-debug .gh-list tr:first-of-type .gh-list-data {
  border-top: none;
}
.gh-email-debug .gh-list tr .gh-list-data:first-of-type {
  padding-left: 0;
}
.gh-email-debug-col-member {
  padding-left: 0;
  width: 25%;
}
.gh-email-debug-member {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.gh-email-debug-failure {
  display: flex;
}
.gh-email-debug-failure svg {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.gh-email-debug-failure-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.gh-email-debug-failure-codes {
  display: flex;
  gap: 20px;
}
.gh-email-debug-failure-code {
  color: #7c8b9a;
}
.gh-email-debug-failure-code span {
  color: #394047;
  font-weight: 500;
}
.gh-email-debug .gh-list-data {
  height: 98px;
}
.gh-email-debug-permanent-failures .gh-list-data,
.gh-email-debug-temporary-failures .gh-list-data {
  height: 80px;
}
.gh-email-debug-batch-col-status span {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  color: #abb4be;
}
.gh-email-debug-batch-col-status span:before {
  display: block;
  position: absolute;
  content: '';
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #abb4be;
}
.gh-email-debug-batch-col-status .failed {
  color: #ec0a21;
}
.gh-email-debug-batch-col-status .failed:before {
  background: #f50b23;
}
.gh-email-debug-batch-col-status .submitting {
  color: #14b8ff;
}
.gh-email-debug-batch-col-status .submitting:before {
  background: #14b8ff;
}
.gh-email-debug-batch-col-status .submitted {
  color: #30cf43;
}
.gh-email-debug-batch-col-status .submitted:before {
  background: #30cf43;
}
.gh-email-debug-batch-col-created,
.gh-email-debug-batch-col-details {
  color: #7c8b9a;
}
.gh-email-debug-batch-col-created span,
.gh-email-debug-batch-col-segment span {
  white-space: nowrap;
}
.gh-email-debug-batch-col-details .detailtext div {
  word-break: break-all;
}
.gh-email-debug-batch-col-details .detailtext .noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gh-email-debug-batch-col-details .detailtext div code {
  white-space: unset;
  word-break: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.gh-email-debug-batch-col-details .error {
  color: #ec0a21;
  font-weight: unset;
}
.gh-email-debug-batch-col-segment span {
  display: inline-block;
  border-radius: 2px;
  background: rgba(21, 23, 26, 0.05);
  padding: 1px 6px;
  color: #626d79;
}
.gh-email-debug-batch-col-details span {
  color: #394047;
  font-weight: 500;
}
.gh-email-debug-batch-col-details .download-icon {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
.gh-email-debug-batch-col-details .download-icon path {
  stroke: #7c8b9a;
}
.gh-email-debug-batch-col-details .detailtext {
  flex-grow: 1;
}
.gh-email-debug-settings {
  font-size: 1.3rem;
  margin: 12px 0 20px;
}
.gh-email-debug-settings .gh-type-number {
  font-variant-numeric: tabular-nums;
}
.gh-email-debug-settings hr {
  margin: 8px 0;
  border-top-color: #ebeef0;
}
.gh-email-debug-settings tr td {
  font-weight: 500;
  padding: 6px 0;
}
.gh-email-debug-settings tr td:first-of-type {
  width: 30%;
  white-space: nowrap;
  color: #7c8b9a;
}
.gh-email-debug-settings-icon svg {
  width: 14px;
  height: 14px;
}
.gh-email-debug-settings-icon .check {
  width: 18px;
  height: 18px;
}
.gh-email-debug-settings-icon .check path {
  stroke: #30cf43;
  stroke-width: 2.5;
}
.gh-email-debug-settings-icon .x path {
  stroke: #7c8b9a;
}
.gh-email-debug-schedule-analytics {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin: 0.8rem 0 0;
  color: #2bba3c;
}
.gh-email-debug-schedule-analytics svg {
  width: 1rem;
  height: 1rem;
  margin-right: 6px;
}
.gh-email-debug-schedule-analytics svg g {
  stroke: #2bba3c;
  stroke-width: 3px;
}
.gh-email-debug-empty-list {
  margin: 120px 40px;
  text-align: center;
  font-size: 1.3rem;
  color: #7c8b9a;
}
.gh-email-debug-readmore-error {
  display: inline-flex;
  width: 100%;
}
.gh-email-debug-readmore-error label {
  order: 3;
  cursor: pointer;
}
.gh-email-debug-readmore-error .toggle-checkbox {
  display: none;
}
.gh-email-debug-readmore-error span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #ec0a21;
  word-break: break-all;
}
.gh-email-debug-readmore-error .toggle-checkbox:checked ~ span {
  display: block;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
  overflow: unset;
  word-break: break-word;
}
.gh-email-debug-readmore-error .toggle-checkbox:checked ~ label {
  display: none !important;
}
.gh-email-debug-readmore-error svg {
  width: 12px;
  height: 12px;
  margin: 0;
}
.gh-email-debug-readmore-error svg circle {
  fill: #7c8b9a;
}
.gh-email-debug-readmore-error label {
  display: flex;
  align-items: center;
  padding: 0 4px;
  border-radius: 2px;
  height: 14px;
  margin-top: 3px;
  margin-left: 8px;
  background: #ebeef0;
}
.gh-members-activity.gh-canvas {
  padding-left: 48px;
  padding-right: 48px;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.gh-members-activity .gh-canvas-header-content,
.gh-members-activity .gh-list,
.gh-members-activity .gh-member-details-activity {
  max-width: 1224px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.gh-members-activity .view-container {
  overflow-x: hidden;
  height: calc(100% - 56px);
}
.gh-members-activity .gh-list-scrolling {
  height: calc(100vh - 103px);
}
.gh-members-activity-single .gh-list-scrolling {
  height: calc(100vh - 266px);
}
.gh-member-details-activity .gh-main-section-block {
  padding: 16px 0 20px;
}
.gh-member-details-activity .gh-list-data {
  font-weight: 600;
  color: #394047;
}
.gh-members-activity .gh-list-data {
  height: 84px;
}
.gh-members-activity.gh-members-activity-single .gh-list-data {
  height: 68px;
}
.no-posts .gh-members-placeholder {
  fill: #ced4d9;
  width: 60px;
  height: 60px;
}
.gh-member-details-activity h3 {
  margin: 0 0 2px;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.gh-member-details-activity p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #40474f;
}
.gh-member-details-activity-link {
  margin: 1px 0 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #2bba3c;
  display: flex;
  align-items: center;
  transition: color 125ms linear;
}
.gh-member-details-activity-link:hover {
  color: #26a636;
}
.gh-member-details-activity-link svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.6rem;
  color: #2bba3c;
}
.gh-member-details-activity-link:hover svg {
  color: #26a636;
}
.gh-member-details-activity-email {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #7c8b9a;
}
.gh-members-activity .gh-list-scrolling thead th:last-child {
  width: 18%;
}
.gh-members-activity.feature-memberAttribution .gh-list-scrolling thead th:first-child {
  width: 25%;
}
.gh-members-activity.feature-memberAttribution .gh-list-scrolling thead th:nth-child(2) {
  width: 58%;
}
.gh-members-activity.feature-memberAttribution .gh-list-scrolling thead th:last-child {
  width: 18%;
}
.gh-members-activity.gh-members-activity-single.feature-memberAttribution
  .gh-list-scrolling
  thead
  th:first-child {
  width: 82%;
}
.gh-members-activity.gh-members-activity-single.feature-memberAttribution
  .gh-list-scrolling
  thead
  th:last-child,
.gh-members-activity.gh-members-activity-single.feature-memberAttribution
  .gh-list-scrolling
  thead
  th:nth-child(2) {
  width: 18%;
}
.gh-members-activity .gh-list-scrolling tbody .gh-list-data:last-child {
  white-space: nowrap;
}
.gh-members-activity:not(.gh-members-activity-single) .gh-list-data {
  padding-top: 12px;
  padding-bottom: 12px;
}
.gh-members-activity .gh-list h3 {
  margin-bottom: 4px;
}
.gh-list-data-event {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gh-members-activity-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gh-members-activity-detail {
  display: flex;
  flex-direction: column;
}
.gh-members-activity-description {
  display: block;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0;
  color: #626d79;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gh-members-activity-description.feature-memberAttribution {
  color: #394047;
}
.gh-members-activity-description.feature-memberAttribution a {
  font-weight: 400;
  color: #626d79 !important;
  opacity: 0.9;
  transition: all 0.15s ease;
}
.gh-members-activity-description.feature-memberAttribution a:hover {
  color: #626d79 !important;
  opacity: 1;
}
.gh-members-activity-description a {
  font-weight: 600;
  color: #394047;
}
.gh-members-activity-event-dash {
  color: #7c8b9a;
}
.gh-members-activity-event-join {
  font-weight: 500;
  color: #626d79;
}
.feature-memberAttribution .gh-members-activity-event-join {
  font-weight: 500;
  color: #394047;
}
.ghost-members-activity-object-link {
  text-transform: capitalize;
}
.ghost-members-activity-event-description {
  margin-top: -1px;
}
.ghost-members-activity-event-prefix {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #ced4d9;
}
.ghost-members-activity-event-url {
  font-weight: 500;
  color: #abb4be;
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: left;
  word-break: break-word;
}
.ghost-members-activity-event-url:before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  background: #fff;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  z-index: 999;
  opacity: 0;
  transition: all 0.25s ease-out;
}
.ghost-members-activity-event-url.scroller:hover:before {
  opacity: 1;
  left: 0;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}
.ghost-members-activity-event-url.scroller:hover:after {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}
.ghost-members-activity-event-url > span {
  display: inline-block;
  font-weight: 400;
  font-size: 1.3rem;
  color: #7c8b9a;
  letter-spacing: 0;
  line-height: 1.3em;
  transition: transform 0.3s ease-out;
  transform: translateX(0);
  padding-right: 8px;
}
.feature-memberAttribution .ghost-members-activity-event-url > span {
  font-weight: 500;
  color: #b4bcc2;
}
.gh-members-activity-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 0.5rem 0 -2px;
}
.gh-members-activity-single .gh-members-activity-icon {
  margin-bottom: 0;
}
.gh-members-activity-single.gh-members-activity .view-container {
  height: calc(100% - 96px);
}
.gh-members-activity-icon svg {
  width: 100%;
  height: 100%;
}
.gh-members-activity-name {
  font-weight: 600;
  font-size: 14px;
  color: #15171a;
}
.gh-members-activity-event {
  display: inline-block;
  color: #626d79;
  font-weight: 500;
  width: 100%;
}
.gh-members-activity-event > a {
  font-weight: 600;
  color: #15171a;
}
.gh-member-activity-actions-menu-item {
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  border-radius: 4px;
}
.gh-member-activity-actions-menu-item:hover {
  background: rgba(237, 238, 238, 0.6);
}
.gh-member-activity-actions-menu--suppression {
  min-width: 260px;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu {
  padding: 4px 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu
  .ember-power-select-option:first-child {
  padding-top: 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu
  .ember-power-select-option:last-child {
  padding-bottom: 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch.xs label {
  width: 34px !important;
  height: 20px !important;
  padding: 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch.xs {
  display: flex;
  align-items: center;
}
.gh-member-activity-actions-menu--suppression .ember-power-select-option > label {
  width: 100%;
}
.gh-member-activity-actions-menu--suppression .gh-member-activity-actions-menu-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  fill: none;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu
  .ember-power-select-option {
  padding: 0 1rem;
  min-height: 32px;
  height: 32px;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu
  .ember-power-select-option
  label {
  padding: 0 6px 0 0;
  color: #394047;
}
.gh-member-activity-actions-menu--suppression .gh-member-activity-actions-menu-divider {
  height: 1px;
  margin: 1rem -4px;
  background: #dee3e7;
  padding: 0;
}
.gh-member-activity-actions-menu {
  top: auto;
  left: auto;
  padding: 0;
  margin-top: 8px;
}
.gh-member-activity-actions-menu .ember-power-select-options[role='listbox'] {
  max-height: 60vh;
  padding: 0 4px;
}
.gh-member-activity-actions-menu .ember-power-select-option {
  padding: 3px 2rem;
}
.gh-member-activity-actions-menu .ember-power-select-option:first-child {
  padding-top: 2rem;
}
.gh-member-activity-actions-menu .ember-power-select-option:last-child {
  padding-bottom: 2rem;
}
.gh-member-activity-actions-menu h3 {
  margin-bottom: 0.75rem;
}
.gh-member-activity-actions-menu {
  cursor: default;
}
.gh-member-activity-actions-menu .ember-power-select-option label {
  padding: 0.25rem 2rem 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #abb4be;
  cursor: pointer;
}
.gh-member-activity-actions-menu .ember-power-select-option label p {
  color: #394047;
  font-weight: 400;
  font-size: 1.4rem;
  padding: 0.125rem 0 0 0.25rem;
  margin: 0;
}
.gh-member-activity-actions-menu .ember-power-select-option input {
  visibility: hidden;
  width: 0;
}
.gh-member-activity-actions-menu.dropdown-menu .gh-member-activity-actions-icon {
  margin-right: 1.25rem;
  height: 20px;
  width: 20px;
  line-height: 1em;
  fill: none;
}
.gh-member-activity-actions-menu.dropdown-menu
  .ember-power-select-option.selected
  .gh-member-activity-actions-icon
  path {
  stroke: #626d79;
}
.gh-member-activity-actions-menu .ember-power-select-option.selected label {
  font-weight: 500;
  color: #394047;
}
.gh-member-activity-actions-menu.dropdown-menu .gh-member-activity-actions-tick {
  color: #30cf43;
  margin-right: -8px;
  height: 16px;
  width: 16px;
}
.gh-member-activity-actions-menu hr {
  margin: 12px -20px;
}
.gh-member-filter-search-trigger {
  width: 240px;
}
.gh-member-filter-search-dropdown li {
  height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 17px;
  border-bottom: 1px solid #ebeef0;
}
.gh-member-filter-search-dropdown li:last-child {
  border-bottom: none;
}
.gh-member-filter-search-dropdown li strong {
  color: #15171a;
  display: inline-block;
  margin: 0 0 0.25rem;
  font-weight: 600;
}
.gh-member-filter-search-dropdown li span {
  font-weight: 400;
  color: #626d79;
}
@media (max-width: 800px) {
  .gh-members-activity.gh-canvas {
    padding-left: 0;
    padding-right: 0;
  }
  .gh-members-activity .gh-canvas-header-content,
  .gh-members-activity .gh-member-details-activity {
    max-width: calc(100% - 8vw);
  }
  .gh-members-activity-single .gh-list-scrolling {
    height: calc(100vh - 330px);
  }
  .gh-members-activity .gh-list-scrolling {
    margin-left: 4vw;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4vw;
  }
}
@media (max-width: 1450px) {
  .gh-members-activity .gh-canvas-header.break.tablet .gh-canvas-header-content {
    height: 95px;
    border-bottom: 0;
    align-items: center;
  }
  .gh-members-activity .gh-canvas-header.break.tablet .gh-canvas-title {
    margin-top: -3px;
  }
}
.error-content {
  flex-grow: 1;
  justify-content: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.error-content,
.error-details {
  display: flex;
  align-items: center;
}
.error-details {
  margin-bottom: 4rem;
}
.error-ghost {
  margin: 15px;
  height: 115px;
}
@media (max-width: 630px) {
  .error-ghost {
    display: none;
  }
}
.error-code {
  margin: 0;
  color: #979797;
  font-size: 7.8rem;
  line-height: 0.9em;
}
.error-description {
  margin: 0;
  padding: 0;
  border: none;
  color: #979797;
  font-size: 1.9rem;
  font-weight: 300;
}
.error-message {
  display: flex;
  flex-direction: column;
  margin: 15px;
}
.error-message a {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1;
}
.error-stack {
  margin: 1rem auto;
  padding: 2rem;
  max-width: 800px;
  background-color: hsla(0, 0%, 100%, 0.3);
}
.error-stack-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.error-stack-list li {
  display: block;
}
.error-stack-list li:before {
  content: '\21AA';
  display: inline-block;
  margin-right: 0.5rem;
  color: #bbb;
  font-size: 1.2rem;
}
.error-stack-function {
  font-weight: 700;
}
.epm-modal.fullscreen-modal-email-preview {
  margin: 24px;
  max-width: 100%;
}
.fullscreen-modal-email-preview .modal-content {
  position: relative;
  height: 100%;
  padding: 0;
}
.fullscreen-modal-email-preview .modal-body {
  margin: 0;
}
.gh-pe-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 18px 32px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background: #fff;
  z-index: 9999;
}
.gh-pe-header h2 {
  margin: 0 auto 0 0;
  position: absolute;
  left: 24px;
}
.gh-pe-header .gh-btn-group {
  flex: 1;
}
.gh-pe-header-border {
  border-bottom: 1px solid #ebeef0;
}
.modal-content .gh-pe-close button {
  stroke: #7c8b9a;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  top: 25px;
}
.gh-pe-close button:hover {
  opacity: 1;
}
.gh-pe-btn-group button {
  width: 100px;
}
.gh-pe-btn-group button span {
  border-radius: 0;
}
.gh-pe-btn-group button:first-of-type span {
  border-right: none;
}
.gh-pe-btn-group button:last-of-type span {
  border-left: none;
}
.fullscreen-modal-email-preview .gh-pe-desktop-container {
  height: calc(100vh - 119px);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f1f3f4;
  padding: 30px 30px 45px;
}
.gh-pe-desktop-container .gh-pe-emailclient-mockup {
  flex-grow: 1;
  overflow: hidden;
  max-width: 740px;
  width: 100%;
  padding: 0;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.02),
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 12px;
}
.gh-pe-desktop-container iframe {
  border: none;
  width: 100%;
  height: calc(100% - 67px);
}
.gh-pe-emailclient-sender {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 88px;
  border-bottom: 1px solid #ebeef0;
  margin: 0;
  padding: 0 20px;
  background: #fafafb;
}
.gh-pe-emailclient-sender p {
  padding: 0;
  margin: 0;
  color: #8695a4;
  font-weight: 500;
  line-height: 1.8em;
}
.gh-email-preview-newsletter-select p.gh-preview-newsletter-name {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  min-height: 38px;
  padding: 4px 0;
  line-height: 1.15;
}
.gh-post-preview-email-mockup-mobile p.gh-preview-newsletter-name {
  min-height: unset;
  font-size: 1.3rem;
}
p .gh-preview-email-address {
  color: #8695a4;
}
.gh-post-preview-email-mockup-mobile .gh-preview-email-address {
  display: none;
}
.gh-preview-email-subject {
  display: flex;
  align-items: center;
  color: #15171a;
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer;
}
.gh-preview-email-subject:focus-visible {
  outline: 2px solid #0360cc;
}
.gh-preview-email-subject:focus-visible svg,
.gh-preview-email-subject:hover svg {
  opacity: 1;
}
.gh-preview-email-subject svg {
  flex-shrink: 0;
  width: 16px;
  height: auto;
  margin-left: 4px;
  padding: 2px;
  opacity: 0;
  transition: opacity 0.06s ease;
}
.gh-preview-email-subject svg path {
  stroke-width: 2px;
}
.gh-preview-email-subject-text {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.3rem;
}
.gh-email-subject {
  display: flex;
  align-items: center;
  width: 100%;
}
.gh-pe-emailclient-sender span.strong {
  font-weight: 600;
}
.fullscreen-modal-total-overlay .gh-pe-mobile-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  background: #fafafb;
  padding: 8vmin 30px 30px;
  height: calc(100vh - 119px);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gh-pe-mobile-bezel {
  width: 320px;
  height: 657px;
  border-radius: 32px;
  display: flex;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.02),
    0 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 12.5px 10px rgba(0, 0, 0, 0.035),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 41.8px 33.4px rgba(0, 0, 0, 0.05),
    0 100px 80px rgba(0, 0, 0, 0.07);
}
.gh-pe-mobile-screen {
  width: 100%;
  margin: 12px;
  border: 1px solid #f1f3f4;
  background: #fff;
  border-radius: 24px;
  flex-grow: 1;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}
.gh-pe-mobile-container .gh-pe-iframe {
  padding: 0;
  transform: scale(0.8);
  transform-origin: 0 0;
  overflow-x: hidden;
  width: 368px;
  height: 706px;
}
.gh-pe-mobile-container .gh-pe-iframe .left-col {
  display: none;
}
.gh-pe-mobile-container .gh-pe-emailclient-sender {
  height: 66px;
  padding: 6px 12px 0;
}
.gh-pe-mobile-container .gh-pe-emailclient-sender p {
  font-size: 1.1rem;
  line-height: 1.6em;
}
@media (max-width: 850px) {
  .gh-pe-header {
    flex-direction: column;
  }
  .gh-pe-header h2 {
    display: none;
  }
}
.gh-billing {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
.gh-billing-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.gh-billing.closed {
  display: none;
}
.gh-billing .close {
  position: absolute;
  top: 19px;
  right: 19px;
  z-index: 9999;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  border: none;
}
.gh-billing .billing-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transform: translateZ(0);
}
.gh-billing-close {
  width: calc(50vw - 200px);
}
.gh-billing-close button {
  stroke: #7c8b9a;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  top: 25px;
}
.gh-post-history {
  display: flex;
  height: 100%;
}
.fullscreen-modal-post-history .modal-content {
  padding: 0;
}
.gh-post-history .settings-menu-header.subview {
  max-width: 420px;
  padding: 3.6rem 2.4rem;
  border-bottom: 1px solid #ebeef0;
}
.gh-post-history .settings-menu-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 96px 0 0;
}
.gh-post-history .nav-list-item.active {
  background: #fafafb;
}
.user-list-item-figure {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  margin-left: 3px;
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
}
.user-list-item-figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.gh-post-history .user-list-item-figure {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 8px 0 0;
  border: 1px solid #e6e9eb;
}
.nav-list-item .gh-post-history-version-meta {
  margin-top: 4px;
  color: #7c8b9a;
  font-size: 1.35rem;
  font-weight: 400;
}
.nav-list-item .gh-post-history-version-meta.deleted-user {
  color: #bbc3c8;
}
.nav-list-item .gh-post-history-version-tag {
  margin-left: 0.8rem;
  padding: 0 5px;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: inherit;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  border-radius: 6px;
}
.nav-list-item .gh-post-history-version-tag.current {
  background: #e4e8ec;
  color: #626d79;
}
.nav-list-item .gh-post-history-version-tag.published {
  background: rgba(48, 207, 67, 0.2);
  color: #26a636;
}
.nav-list-item .gh-post-history-version-tag.unpublished {
  background: rgba(251, 45, 141, 0.15);
  color: #fb147f;
}
.nav-list-item .gh-post-history-version-restore {
  position: absolute;
  top: 20px;
  right: 24px;
  width: inherit;
  padding: 0;
}
.nav-list-item .gh-post-history-version-restore span {
  color: #7c8b9a;
  font-size: 1.35rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.nav-list-item .gh-post-history-version-restore:hover span {
  color: #697989;
}
.gh-post-history-footer {
  position: sticky;
  -webkit-position: sticky;
  bottom: -24px;
  z-index: 9997;
  height: 104px;
  -webkit-backface-visibility: hidden;
}
.gh-post-history-footer:after,
.gh-post-history-footer:before {
  content: '';
  position: sticky;
  -webkit-position: sticky;
  display: block;
  height: 24px;
}
.gh-post-history-footer:before {
  z-index: 9998;
  bottom: 0;
  background: #fff;
}
.gh-post-history-footer:after {
  bottom: 64px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 -8px 16px -3px rgba(0, 0, 0, 0.15);
}
.gh-post-history-footer .gh-toggle-featured {
  position: relative;
  width: 34px;
  height: 20px;
}
.gh-post-history-footer-inner {
  position: sticky;
  -webkit-position: sticky;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  height: 80px;
  margin-bottom: -24px;
  padding: 32px;
  background: #fff;
}
.gh-post-history-footer .for-switch.xs {
  width: 100%;
}
.gh-post-history-footer-inner .switch {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  margin-bottom: 0;
  font-weight: 500;
}
.gh-post-history-footer .for-switch.xs label {
  width: inherit !important;
  height: inherit !important;
}
.gh-post-history-main {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: auto;
}
.gh-post-history .gh-editor-title {
  height: auto;
  color: #15171a;
}
.gh-post-history .gh-editor-excerpt,
.gh-post-history .gh-editor-title,
.gh-post-history .gh-editor-title-divider {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.gh-post-history .gh-editor-title-divider {
  width: 100%;
}
.gh-post-history-hidden-lexical {
  display: none;
}
.gh-post-history .gh-editor-feature-image p {
  margin: 0 0 1.2rem;
}
.gh-post-preview-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f9fafb;
}
.gh-post-preview-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  padding: 1.2rem 2rem;
  background: #f9fafb;
}
.gh-post-preview-header .left {
  position: absolute;
  left: 20px;
  display: flex;
  align-items: center;
}
.gh-post-preview-header h2 {
  margin: 0;
  font-size: 2rem;
}
.gh-post-preview-header .right {
  position: absolute;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gh-post-preview-header .gh-btn-editor {
  background: none;
}
.gh-post-preview-header .gh-btn-editor:hover {
  background: #ebeef0;
}
.gh-post-preview-btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 960px) {
  .gh-post-preview-header {
    justify-content: flex-start;
  }
  .gh-post-preview-btn-group {
    margin-left: 9rem;
  }
}
.gh-post-preview-btn-group .gh-btn-group {
  gap: 0.2rem;
  margin: 0 4px;
  background: transparent;
}
.gh-post-preview-btn-group .gh-btn-group span {
  height: 34px;
  padding: 0 10px;
  line-height: 34px;
  background: none !important;
  box-shadow: none;
}
.gh-post-preview-btn-group .gh-btn-group span:hover {
  background: #ebeef0 !important;
}
.gh-post-preview-btn-group .gh-btn {
  margin: 0;
}
.gh-web-preview-segment {
  height: 34px;
  margin: 0 4px;
  background: transparent;
}
.gh-preview-segment-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below {
  min-width: 200px;
  margin: 2px 0 0;
  padding: 4px 0;
  border: none;
  border-radius: 3px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 20px -3px rgba(0, 0, 0, 0.2);
}
.gh-preview-segment-dropdown .ember-power-select-options li.ember-power-select-option {
  width: calc(100% - 8px);
  margin: 0 4px;
  padding: 7px 10px;
  color: #394047;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 6px;
}
.gh-web-preview-segment .gh-preview-segment-trigger {
  height: 34px;
  padding: 0 28px 0 14px;
  background: transparent;
  border: none;
  color: #15171a;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 34px;
  border-radius: 5px;
}
@media (max-width: 640px) {
  .gh-web-preview-segment .gh-preview-segment-trigger {
    display: none;
  }
}
.gh-web-preview-segment
  .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded='true'],
.gh-web-preview-segment:hover .gh-preview-segment-trigger {
  background: #ebeef0;
}
.gh-select.gh-web-preview-segment .gh-preview-segment-trigger svg {
  height: 5px;
  margin-top: -0.1em;
}
.gh-select.gh-web-preview-segment svg path {
  stroke-width: 4px;
  stroke: #15171a;
}
.gh-post-preview-mode svg {
  height: 18px;
  width: 18px;
  vertical-align: middle;
  color: #7c8b9a;
}
.gh-post-preview-container {
  opacity: 1;
}
.gh-post-preview-container.fade-in {
  transform-origin: center;
  animation: fade-in-pulse 0.35s cubic-bezier(0.8, 0.02, 0.45, 0.91) forwards;
}
.epm-out .gh-post-preview-container.fade-in {
  transform-origin: center;
  animation: fade-out-pulse 0.35s cubic-bezier(0.8, 0.02, 0.45, 0.91) forwards;
}
.gh-post-preview-browser-container {
  z-index: 999;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 0.8rem;
  border-radius: 8px 8px 0 0;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.14),
    0 1px 6px rgba(0, 0, 0, 0.05),
    0 6px 10px -8px rgba(0, 0, 0, 0.14);
}
.gh-post-preview-browser-container .gh-pe-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.gh-post-preview-browser-container .tabs div {
  width: 360px;
  color: #626d79;
  font-weight: 400;
}
.gh-post-preview-email:not(.gh-pe-mobile-bezel) {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.gh-post-preview-email-trigger,
.gh-post-preview-url {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 34px;
  border: none;
  color: #394047;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.gh-post-preview-email-trigger span,
.gh-post-preview-url span {
  padding: 0 10px;
}
.gh-post-preview-email-trigger.open,
.gh-post-preview-email-trigger:hover,
.gh-post-preview-url:hover {
  background: #ebeef0;
}
.gh-post-preview-url svg {
  width: 18px;
  height: 18px;
  margin-bottom: 3px;
}
.gh-post-preview-email-trigger svg {
  width: 18px;
  height: 18px;
  margin-bottom: 1px;
}
.gh-post-preview-url .check {
  width: 14px;
  margin-top: -1px;
}
.gh-post-preview-url .check path {
  stroke-width: 2.4px;
  stroke: #2bba3c;
}
.gh-post-preview-url-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 38px;
  max-width: 520px;
  padding: 5px 4px 5px 8px;
  color: #7c8b9a;
  font-size: 1.4rem;
  border: 1px solid #ebeef0;
  background: #fafafb;
  border-radius: 4px;
}
.gh-post-preview-share {
  display: flex;
  flex-direction: column;
}
.gh-btn.gh-post-copy-url,
.gh-publish-preview-newtab {
  width: calc(100% - 8px);
  margin: 0 4px;
  border: none;
  color: #394047;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 6px;
}
.gh-btn.gh-post-copy-url span,
.gh-publish-preview-newtab span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gh-post-copy-url svg {
  margin-right: 0.6rem;
  fill: none;
}
.gh-post-preview-copy {
  position: absolute;
  top: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px 0 9px;
}
.gh-post-preview-copy span {
  margin-top: -2px;
}
.gh-post-preview-email-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ebeef0;
  padding: 2.8rem 2rem;
}
.gh-post-preview-email-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.gh-post-preview-email-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom: 1px solid #ebeef0;
  padding: 1rem 2rem;
  background: #fff;
}
.gh-post-preview-email-mockup-mobile .gh-post-preview-email-header {
  gap: 0;
  padding: 1rem;
}
.gh-post-preview-email-mockup-mobile
  .gh-post-preview-multiple-newsletters.gh-post-preview-email-header {
  gap: 0.8rem;
}
.gh-post-preview-email-header label {
  min-width: 52px;
}
.gh-post-preview-email-header .gh-input-x {
  cursor: pointer;
  background: #f4f5f6;
  transition: all 0.15s ease;
}
.gh-post-preview-email-header .gh-email-subject .gh-input-x:focus,
.gh-post-preview-email-header .gh-post-preview-email-input.gh-input-x:focus {
  background: #fff;
  cursor: text;
}
.gh-post-preview-email-header .gh-input-x:hover:not(:focus) {
  background: #ebeef0;
}
.gh-post-preview-email-header hr {
  margin: 0;
  border-color: #ebeef0;
}
.gh-post-preview-email-mockup-mobile .gh-post-preview-email-header hr {
  display: none;
}
.gh-post-preview-email-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.gh-email-preview-newsletter-select {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.gh-post-preview-email-mockup-mobile .gh-email-preview-newsletter-select {
  gap: 0.2rem;
}
.gh-email-preview-newsletter-select label {
  width: 52px;
}
.gh-preview-newsletter-trigger svg {
  width: 8px;
  margin-left: 8px;
  vertical-align: middle;
}
.gh-preview-newsletter-trigger svg path {
  stroke-width: 4px;
}
.gh-preview-newsletter-dropdown .ember-power-select-option {
  white-space: nowrap;
}
.gh-email-preview-newsletter-select .ember-power-select-selected-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gh-post-preview-iframe {
  transform: scale(0.8);
  transform-origin: 0 0;
  width: 368px;
  height: 786px;
  padding: 0;
  border: 0;
}
.gh-post-preview-iframe .left-col {
  display: none;
}
.gh-post-preview-email-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f9fafb;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .gh-post-preview-email-container {
    height: calc(100vh - 64px);
  }
}
.gh-post-preview-email-mockup:not(.gh-pe-mobile-screen) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  max-width: 740px;
  width: 100%;
  margin: 0 0 2rem;
  padding: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.14),
    0 1px 6px rgba(0, 0, 0, 0.05),
    0 6px 10px -8px rgba(0, 0, 0, 0.14);
}
.gh-post-preview-email-mockup-mobile {
  max-width: 360px;
}
.gh-post-preview-email-container iframe {
  flex-grow: 1;
  border: none;
  width: 100%;
}
.gh-post-preview-email-test {
  display: flex;
  gap: 0.8rem;
}
.gh-post-preview-share svg {
  fill: none;
  margin-right: 0.6rem;
  width: 16px;
  height: 16px;
}
.gh-post-preview-email-test .form-group,
.gh-post-preview-share .form-group {
  margin: 0;
}
.gh-post-preview-email-test button {
  width: 100%;
  min-width: 72px;
  margin: 1.2rem 0 0.4rem;
  border-radius: 8px;
}
.gh-post-preview-email-test .gh-btn-group .gh-btn span {
  height: 34px;
  line-height: 34px;
}
.gh-post-preview-share-dropdown {
  min-width: 200px;
  margin: 2px 0 0;
  padding: 4px 0;
  border: none;
  border-radius: 3px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 20px -3px rgba(0, 0, 0, 0.2);
}
.gh-post-preview-email-test-dropdown,
.gh-post-preview-share-dropdown {
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  animation: fade-out 0s;
  animation-fill-mode: forwards;
}
.gh-post-preview-email-test-dropdown {
  padding: 1.6rem;
  border-radius: 8px;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.05),
    0 8px 28px rgba(0, 0, 0, 0.12);
}
.gh-post-preview-email-test-dropdown.closed,
.gh-post-preview-share-dropdown.closed {
  z-index: -1;
}
.gh-post-preview-email-test-dropdown.fade-in-scale,
.gh-post-preview-share-dropdown.fade-in-scale {
  animation: fade-in-scale 0.2s;
  animation-fill-mode: forwards;
}
.gh-post-preview-email-input {
  width: 220px;
}
.gh-post-preview-copy-url-trigger {
  height: 38px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gh-post-test-email-group {
  position: relative;
}
.gh-post-preview-email-mockup-mobile .gh-post-test-email-group {
  display: none;
}
.gh-post-preview-email-error {
  padding-top: 4px;
  color: #f50b23;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3em;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.gh-post-preview-social-container {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100vh - 94px);
  padding: 1rem 3.2rem 3rem;
  background: #fff;
  overflow-y: auto;
}
.gh-post-preview-social-container:after {
  content: '';
  display: block;
  width: 100%;
  height: 2.4rem;
}
.gh-post-preview-social-container p {
  width: 100%;
  text-align: center;
}
@media (max-width: 1120px) {
  .gh-social-container-responsive {
    flex-direction: column;
    align-items: center;
  }
}
.social-icon {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.gh-social-twitter-container .social-icon,
.gh-twitter-container .social-icon {
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
.gh-social-og-container {
  width: 476px;
  margin-bottom: 2.4rem;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 6px;
}
@media (min-width: 1120px) {
  .gh-social-og-container {
    margin-right: 1.2rem;
  }
}
.gh-social-og-title {
  color: #385898;
  font-size: 14;
  line-height: 1.38;
  font-weight: 600;
}
.gh-social-og-time {
  color: #616770;
  font-size: 12px;
  line-height: 1.34;
  font-weight: 400;
}
.gh-social-og-desc {
  display: inline-block;
  height: 10px;
  background: #e9ebee;
  border-radius: 5px;
}
.gh-social-og-preview {
  background: #f2f3f5;
}
.gh-social-og-preview.no-container {
  border-left: 1px solid #dddfe2;
  border-right: 1px solid #dddfe2;
}
.gh-social-og-preview-image {
  width: 100%;
  height: 247px;
  border-top: 1px solid #dddfe2;
  background-size: cover;
  background-position: 50%;
}
.gh-social-og-preview-img-add {
  width: 100%;
  padding: 0.6rem 0;
  color: #2bba3c;
  font-weight: 500;
  letter-spacing: 0.2px;
  border: 1px dashed #c3cad0;
}
.gh-social-og-preview-bookmark {
  padding: 10px 12px 8px;
  border-bottom: 1px solid #dddfe2;
}
.gh-social-og-preview-content {
  height: 69px;
  overflow: hidden;
  margin: 0 -1px 0 -4px;
  padding: 0 1px 0 4px;
}
.gh-social-og-preview-content.edit-mode {
  height: auto;
  overflow-y: visible;
}
.gh-social-og-preview-meta {
  overflow: hidden;
  color: #606770;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-social-og-preview-title {
  max-height: 110px;
  overflow: hidden;
  margin: 3px 0 0;
  padding-top: 2px;
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  word-wrap: break-word;
}
.gh-social-og-preview-title.editable:hover {
  margin: 2px -1px -1px -4px;
  padding-left: 3px;
  border: 1px solid #dee3e7;
  background: #fff;
  border-radius: 3px;
}
.gh-social-og-preview-title .gh-input {
  margin: -2px 0 0 -3px !important;
}
.gh-social-og-preview-desc {
  max-height: 20px;
  overflow: hidden;
  margin-top: 3px;
  color: #4b4f56;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-word;
}
.gh-social-og-preview-desc.editable:hover {
  max-height: 24px;
  margin: 2px 0 -3px -4px;
  padding: 0 0 2px 3px;
  border: 1px solid #dee3e7;
  background: #fff;
  border-radius: 3px;
}
.gh-social-og-reactions {
  display: flex;
  align-items: center;
  margin: 12px;
}
.gh-social-og-likes {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  color: #606770;
  font-size: 13px;
  line-height: 20px;
}
.gh-social-og-likes svg {
  width: 20px;
  height: 20px;
}
.gh-social-og-comments {
  display: flex;
  flex-shrink: 0;
  color: #606770;
  font-size: 13px;
  line-height: 20px;
  word-wrap: break-word;
}
.gh-social-twitter-container {
  width: 591px;
  margin-bottom: 2.4rem;
  border: 1px solid #e6e9eb;
  background: #fff;
  border-radius: 6px;
}
@media (min-width: 1120px) {
  .gh-social-twitter-container {
    margin-left: 1.2rem;
  }
}
.gh-social-twitter-post-preview {
  overflow: hidden;
  color: #292f33;
  font-size: 1.4rem;
  line-height: 1.3em;
  border: 1px solid #c4cfd6;
  background: #fff;
  border-radius: 16px;
  -webkit-font-smoothing: antialiased;
}
.gh-social-twitter-preview-image {
  width: 100%;
  height: 265px;
  border-bottom: 1px solid #c4cfd6;
  background-size: cover;
  background-position: 50%;
}
.gh-social-twitter-preview-img-add {
  width: 100%;
  padding: 0.6rem 0;
  color: #2bba3c;
  font-weight: 500;
  letter-spacing: 0.2px;
  border-bottom: 1px dashed #c3cad0;
}
.gh-social-twitter-preview-content {
  padding: 10px;
}
.gh-social-twitter-preview-title {
  width: 487px;
  max-height: 20px;
  overflow: hidden;
  overflow-wrap: break-word;
  margin: 0 0 2px;
  color: #0f1419;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-social-twitter-preview-title.editable:hover {
  max-height: 25px;
  margin: -2px 0 -3px -5px;
  padding: 1px 0 4px 4px;
  border: 1px solid #ced4d9;
  background: #fff;
  border-radius: 3px;
}
.gh-social-twitter-preview-desc {
  width: 100%;
  max-width: 487px;
  max-height: 40px;
  overflow: hidden;
  overflow-wrap: break-word;
  margin-top: 5px;
  color: #5b7083;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.gh-social-twitter-preview-desc.editable:hover {
  max-height: 42px;
  margin: 4px 0 -1px -5px;
  padding: 0 0 1px 4px;
  border: 1px solid #ced4d9;
  background: #fff;
  border-radius: 3px;
}
.gh-social-twitter-preview-meta {
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-wrap: break-word;
  width: 487px;
  margin-top: 2px;
  color: #5b7083;
  font-size: 15px;
  line-height: 1.3125;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .gh-social-twitter-preview-desc,
  .gh-social-twitter-preview-meta,
  .gh-social-twitter-preview-title {
    width: 100%;
    max-width: 487px;
  }
}
.gh-social-twitter-preview-meta svg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.gh-social-twitter-reactions {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-shrink: 0;
  max-width: 425px;
  margin-top: 10px;
  color: #5b7083;
  font-size: 13px;
  font-weight: 400;
}
.gh-social-twitter-reactions svg {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  fill: #5b7083;
}
.gh-social-preview-img-delete {
  margin-left: 1.2rem;
}
.gh-social-preview-img-delete:hover {
  background: #f50b23 !important;
}
.gh-social-preview-img-delete svg {
  margin: 0 !important;
}
.gh-seo-preview-container {
  display: flex;
  width: 100%;
  max-width: 1091px;
  padding: 20px 30px;
  border: 1px solid #e6e9eb;
  font-family: Arial, sans-serif;
  background: #fff;
  border-radius: 6px;
}
.gh-seo-preview-container svg {
  width: 92px;
  height: 30px;
  margin-right: 48px;
}
.gh-seo-preview {
  display: flex;
  flex-direction: column;
  width: 600px;
  margin-bottom: 28px;
}
@media (max-width: 1080px) {
  .gh-seo-preview {
    width: 100%;
  }
}
.gh-seo-search-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 28px;
  background: #f4f5f6;
  border-radius: 14px;
}
.gh-seo-search-bar svg {
  width: 20px;
  height: auto;
  margin-right: 12px;
  fill: #80868b;
}
.gh-seo-preview-link {
  max-width: 340px;
  margin: 2px 0;
  color: #202124;
  font-size: 14px;
}
.gh-seo-preview-link,
.gh-seo-preview-title {
  overflow: hidden;
  font-family: Arial, sans-serif;
  line-height: 1.3;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.gh-seo-preview-title {
  display: inline-block;
  margin-bottom: 3px;
  padding-top: 4px;
  color: #1a0dab;
  font-size: 20px;
  -webkit-text-overflow: ellipsis;
}
.gh-seo-preview-title.editable:hover {
  margin: 0 0 2px -6px;
  padding: 3px 0 0 5px;
  background: #fff;
  border: 1px solid #ced4d9;
  border-radius: 3px;
}
.gh-seo-preview-title .gh-input {
  margin-top: -3px;
}
.gh-seo-preview-desc {
  color: #4d5156;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.gh-seo-preview-desc.editable:hover {
  max-height: 47px;
  margin: -1px 0 -2px -6px;
  padding: 0 0 2px 5px;
  background: #fff;
  border: 1px solid #ced4d9;
  border-radius: 3px;
}
.gh-seo-preview .gh-input {
  max-width: 100%;
}
.prototype-control-panel {
  margin-top: 50vh;
}
.gh-dashboard-layout {
  position: relative;
  max-width: 1230px;
  margin: 0 auto;
}
.gh-dashboard-section {
  display: flex;
  margin-bottom: 24px;
}
.gh-dashboard-section-main {
  margin-right: 8px;
}
.gh-dashboard-section-aside {
  margin-left: -8px;
}
.gh-dashboard-split {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 2fr 1fr;
}
.gh-dashboard-split.is-reverse {
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 1320px) {
  .gh-dashboard-split,
  .gh-dashboard-split.is-reverse {
    grid-template-columns: 1fr 1fr;
  }
}
.gh-dashboard-title {
  display: flex;
  flex-direction: row;
  margin: 0 0 20px;
}
.gh-dashboard-title h4 {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #15171a;
  margin: 0;
  padding: 0;
}
.gh-dashboard-subtitle {
  display: flex;
  flex-direction: row;
  margin: 0 0 20px;
}
.gh-dashboard-subtitle h4 {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #15171a;
  margin: 0;
  padding: 0;
  transition: color 0.3s;
}
.gh-dashboard-box {
  flex: 1;
  border: 1px solid #ebeef0;
  padding: 28px 24px 24px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: stretch;
}
.gh-dashboard-box.no-boarder {
  border: none;
}
.gh-dashboard-box.gh-dashboard-split {
  display: grid;
  padding: 24px 0;
  margin-bottom: 24px;
}
.gh-dashboard-box.gh-dashboard-split:not(.gh-dashboard-box.no-boarder) section:nth-child(odd) {
  margin-left: 24px;
}
.gh-dashboard-box.gh-dashboard-split:not(.gh-dashboard-box.no-boarder) section:nth-child(2n) {
  margin-left: 0;
  margin-right: 24px;
}
@media (max-width: 1120px) {
  .gh-dashboard-box.gh-dashboard-split:not(.gh-dashboard-box.no-boarder) section:nth-child(2n),
  .gh-dashboard-box.gh-dashboard-split:not(.gh-dashboard-box.no-boarder) section:nth-child(odd) {
    margin: 0 24px;
  }
}
.gh-dashboard-resource-box {
  background: #f5f6f6;
  border-color: #f5f6f6;
}
.gh-dashboard-box.is-faded {
  background: #f0f0f0;
  background: linear-gradient(310deg, #f9f9f9, #fefefe);
}
.gh-dashboard-columns {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: stretch;
  background: transparent;
}
.gh-dashboard-columns > .gh-dashboard-column {
  flex: 1;
  border-left: 1px solid #ebeef0;
  padding: 4px 24px;
  position: relative;
}
.gh-dashboard-columns > .gh-dashboard-column:first-child {
  padding-left: 0;
  border-left: 0;
}
.gh-dashboard-columns > .gh-dashboard-column:last-child {
  padding-right: 0;
}
.gh-dashboard-minicharts {
  padding: 0;
}
.gh-dashboard-minicharts,
.gh-dashboard-minicharts-attribution {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: stretch;
  background: transparent;
}
.gh-dashboard-minichart {
  flex: 1;
  border-left: 1px solid #ebeef0;
  padding: 4px 16px 0 24px;
  position: relative;
}
.gh-dashboard-minichart .gh-dashboard-data {
  position: absolute;
  pointer-events: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 16px;
  min-height: 88px;
}
.gh-dashboard-minichart .gh-dashboard-chart {
  flex: auto;
  height: 88px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.gh-dashboard-minichart .gh-dashboard-chart-box {
  width: 54%;
  margin-left: 45%;
}
.gh-dashboard-minichart.gh-dashboard-mix .gh-dashboard-chart-box {
  width: 99%;
  margin-left: 0;
}
.gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
  width: 69%;
  margin-left: 30%;
}
@media screen and (max-width: 1400px) {
  .gh-dashboard-minichart .gh-dashboard-chart-box {
    width: 49%;
    margin-left: 50%;
  }
  .gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
    width: 64%;
    margin-left: 35%;
  }
}
@media screen and (max-width: 1320px) {
  .gh-dashboard-minichart .gh-dashboard-chart-box {
    width: 39%;
    margin-left: 60%;
  }
  .gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
    width: 54%;
    margin-left: 45%;
  }
}
@media screen and (max-width: 1120px) {
  .gh-dashboard-minichart .gh-dashboard-chart-box,
  .gh-dashboard-minichart.gh-dashboard-mix.is-cadence .gh-dashboard-chart-box {
    width: 99%;
    margin-left: 0;
  }
}
.gh-dashboard-minichart:first-child .gh-dashboard-data {
  left: 0;
}
.gh-dashboard-minichart:first-child {
  padding-left: 0;
  border-left: 0;
}
.gh-dashboard-minichart:last-child {
  padding-right: 0;
}
.gh-dashboard-minichart .gh-dashboard-chart-box {
  height: 88px;
}
.gh-dashboard-legend {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 8px;
}
.gh-dashboard-legend-item {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: 0;
  color: #7c8b9a;
  padding: 0 0 0 16px;
  position: relative;
}
.gh-dashboard-legend-item:after {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 8px;
  background: #8e42ff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.gh-dashboard-legend-item:last-child:after {
  background: #fb76b4;
}
.gh-dashboard-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.gh-dashboard-tab {
  opacity: 0.33;
  margin: 0 24px 0 0;
}
.gh-dashboard-tab.is-selected {
  opacity: 1;
}
.gh-dashboard-hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: stretch;
}
.gh-dashboard-hero.is-solo .gh-dashboard-metric {
  margin-top: 4px;
  margin-bottom: 12px;
}
.gh-dashboard .gh-members-help {
  margin-top: 0;
}
.gh-dashboard-select {
  position: absolute;
  top: 14px;
  right: 4px;
  z-index: 99;
}
.gh-dashboard-select .gh-dashboard-select {
  height: 36px;
}
.gh-dashboard-select .ember-power-select-selected-item {
  white-space: nowrap;
}
.gh-contentfilter-menu-dropdown.is-narrow {
  width: auto;
}
.gh-contentfilter-menu-dropdown.is-narrow .ember-power-select-option {
  padding-right: 48px;
}
.gh-dashboard-select-title {
  display: flex;
  justify-content: flex-start;
  margin: -12px 0 -12px -13px;
  z-index: 1;
}
.gh-dashboard-select-title-attribution {
  z-index: 2;
}
.gh-dashboard-select-title .ember-power-select-selected-item {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1em;
  margin: 0;
  padding: 0;
  letter-spacing: -0.1px;
  white-space: nowrap;
  color: #15171a;
}
.gh-dashboard .ember-power-select-trigger {
  transition: none;
  border: transparent;
}
.gh-dashboard-layout > .gh-dashboard-select {
  top: -62px;
  right: -8px;
  z-index: 999;
}
.gh-dashboard-triple {
  display: flex;
  flex-direction: column;
}
.gh-dashboard-articles {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.gh-dashboard-breakout {
  width: calc(100% + 96px);
  background: #fcfcfc;
  padding: 24px 0 50vh;
  margin-left: -48px;
  margin-right: -48px;
}
.gh-dashboard-inner {
  max-width: 1230px;
  min-width: 850px;
  margin: 0 auto;
}
.gh-dashboard-subhead {
  padding: 0 24px 24px;
}
.gh-dashboard-chart {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.gh-dashboard-chart-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gh-dashboard-chart .gh-loading-spinner {
  width: 24px;
  height: 24px;
}
.gh-dashboard-chart .gh-loading-spinner:before {
  width: 4px;
  height: 4px;
  margin-top: 4px;
}
.gh-dashboard-chart-ticks {
  flex: none;
  padding: 8px 24px 16px 0;
  font-size: 1.2rem;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1.1rem;
  color: #7c8b9a;
  line-height: 1em;
}
.gh-dashboard-chart-container {
  flex: 1;
  position: relative;
}
.gh-dashboard-chart-box {
  position: relative;
  height: 200px;
  width: 99%;
}
.gh-dashboard-chart-gradient {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 100%;
  background: #fff;
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
}
.gh-dashboard-chart-box canvas {
  height: 100% !important;
}
.gh-dashboard-minichart .gh-dashboard-content {
  display: flex;
}
.gh-dashboard-mrr .gh-dashboard-metric-value {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}
.gh-dashboard-mrr .gh-dashboard-percentage {
  margin-top: 15px;
}
.gh-dashboard-mix .gh-dashboard-data {
  position: absolute;
  top: 4px;
  bottom: 0;
  left: 24px;
}
.gh-dashboard-mix .gh-dashboard-chart-box {
  width: 99%;
  margin: 0;
}
.gh-dashboard-percentage {
  flex: 0;
  border-radius: 3px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  color: #8e9cac;
  padding: 0;
  margin: 5px 0 3px;
}
.gh-dashboard-percentage.is-positive {
  color: #30cf43;
}
.gh-dashboard-percentage.is-negative {
  color: #fb2d8d;
}
.is-embedded .gh-dashboard-percentage {
  margin: 5px 0 2px;
}
.gh-dashboard-metric {
  display: flex;
  flex-direction: column;
}
.gh-dashboard-metric.is-center {
  align-items: center;
}
.gh-dashboard-metric.is-stretch {
  flex: 1;
  justify-content: space-between;
}
.gh-dashboard-metric-data {
  display: flex;
  flex-direction: column;
}
.gh-dashboard-metric-label {
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 8px;
  padding: 0;
  color: #15171a;
  white-space: nowrap;
  letter-spacing: -0.1px;
}
.gh-dashboard-metric.is-reverse .gh-dashboard-metric-label {
  margin: 2px 0 0;
}
.gh-dashboard-metric.is-center .gh-dashboard-metric-label {
  text-align: center;
  margin-top: 4px;
}
.gh-dashboard-metric-label.is-secondary {
  font-size: 1.3rem;
  font-weight: 500;
  color: #7c8b9a;
  letter-spacing: 0;
}
.gh-dashboard-metric-value {
  display: flex;
  align-items: flex-end;
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1em;
  white-space: nowrap;
  margin: 0 0 12px;
  color: #15171a;
}
.gh-dashboard-metric-value .value {
  margin-right: 8px;
}
.gh-dashboard-metric.is-large .gh-dashboard-metric-value {
  font-size: 2.7rem;
  letter-spacing: -0.8px;
  margin-bottom: 0;
}
.gh-dashboard-metric.is-center .gh-dashboard-metric-value {
  justify-content: center;
}
.gh-dashboard-metric.is-reverse.is-large .gh-dashboard-metric-value {
  margin-bottom: 8px;
}
.gh-dashboard-metric-value.is-secondary {
  margin: 0 0 8px;
}
.gh-dashboard-metric.is-tooltip .gh-dashboard-metric-label {
  font-size: 1.3rem;
  margin-bottom: 8px;
}
.gh-dashboard-metric.is-tooltip .gh-dashboard-metric-value {
  font-size: 2rem;
}
.gh-dashboard-metric.is-embedded {
  background: #fff;
  z-index: 1;
  margin-top: 6px;
  align-self: flex-start;
  padding: 8px 8px 8px 0;
  opacity: 1;
  border-radius: 3px;
  min-height: 40px;
}
.is-embedded .gh-dashboard-metric-value .value {
  margin-right: 12px;
}
.gh-dashboard-metric.is-embedded h5 {
  display: none;
}
.gh-dashboard-hero.source-attribution:not(.is-solo) {
  margin-top: -40px;
}
.gh-dashboard-metric-minivalue {
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: none;
  min-width: 54px;
}
.gh-dashboard-metric-minivalue.na {
  color: #ced4d9;
  font-weight: 500;
}
.gh-dashboard-metric-extra {
  text-transform: none;
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.2px;
  color: #abb4be;
  line-height: 1em;
}
.gh-dashboard-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gh-dashboard-list-header {
  display: grid;
  grid-template-columns: 50% 20% 30%;
  padding: 0 0 8px;
  border-bottom: 1px solid #ebeef0;
}
.gh-dashboard-list-title {
  align-items: center;
  line-height: 1em;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #7c8b9a;
  padding: 0 20px 8px 0;
  text-transform: uppercase;
}
.gh-dashboard-list-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.gh-dashboard-list-item {
  display: grid;
  grid-template-columns: 50% 20% 30%;
  padding: 4px 0;
}
.gh-dashboard-list-item:last-child,
.gh-dashboard-list-item:nth-child(3) {
  border-bottom: 0;
}
.gh-dashboard-attribution .gh-dashboard-list-item:hover,
.gh-dashboard-recents .gh-dashboard-list-item:hover {
  background: linear-gradient(315deg, #fafafb 60%, #fff);
}
.gh-dashboard-list-text {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0;
  padding: 0 32px 0 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gh-dashboard-list-item sup {
  display: none;
}
.gh-dashboard-list-item-deemphasized span {
  color: #abb4be;
}
.gh-dashboard-list-item-deemphasized sup {
  display: inline;
}
.gh-dashboard-list-subtext {
  font-weight: 500;
  font-size: 1.4rem;
  color: #626d79;
  padding: 0 32px 0 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gh-dashboard-list-item svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 0.5rem 0 -2px;
}
.gh-dashboard-list-item-sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px;
  min-width: 0;
}
.gh-dashboard-list-footer {
  border-top: 1px solid #ebeef0;
  padding: 20px 0 0;
}
.gh-dashboard-list-date {
  padding: 3px 0 0;
}
.gh-dashboard-list-author,
.gh-dashboard-list-date {
  font-size: 1.3rem;
  color: #abb4be;
  text-align: right;
  white-space: nowrap;
}
.gh-dashboard-list-author {
  padding: 1px 0 0;
}
.gh-dashboard-list-empty {
  flex: 1;
}
.gh-dashboard-list-empty p {
  color: #626d79;
}
.gh-dashboard-overview {
  position: relative;
}
.gh-dashboard-overview.is-hidden {
  display: none;
}
.gh-dashboard-overview .gh-dashboard-area {
  flex-direction: row;
  padding: 24px;
}
.gh-dashboard-overview .gh-dashboard-box {
  padding-top: 20px;
  padding-bottom: 20px;
}
.gh-dashboard-overview .gh-dashboard-area > div {
  flex: 1;
  border-right: 1px solid #ebeef0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 24px;
}
.gh-dashboard-overview .gh-dashboard-area > div:first-child {
  padding-left: 0;
}
@keyframes chartFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gh-dashboard-anchor {
  position: relative;
}
.gh-dashboard-anchor .gh-dashboard-box {
  padding-bottom: 24px;
}
.gh-dashboard-anchor .gh-dashboard-stats {
  display: flex;
  flex-direction: row;
  width: calc(100% + 48px);
  padding: 8px;
  margin: 4px -24px -8px;
  border-radius: 0 0 4px 4px;
  background: #fdfdfd;
  border-top: 1px solid #ebeef0;
}
.gh-dashboard-anchor.is-top .gh-dashboard-stats {
  margin-top: 0;
  margin-bottom: 20px;
  border-width: 0 0 1px;
}
.gh-dashboard-anchor .gh-dashboard-stats-button {
  cursor: pointer;
  position: relative;
  flex: 1;
  padding: 14px 24px 18px;
  margin: 2px 8px 2px 2px;
  text-align: left;
  background: transparent;
  border-radius: 5px;
  color: #15171a;
  border: 1px solid transparent;
}
.gh-dashboard-anchor .gh-dashboard-stats-button:last-child {
  margin-right: 2px;
}
.gh-dashboard-anchor .gh-dashboard-stats-button.is-selected {
  color: #15171a;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  border-color: #ebebeb;
}
.gh-dashboard-anchor .gh-dashboard-stats.is-solo .gh-dashboard-stats-button.is-selected {
  background: transparent;
  box-shadow: 0 none;
  border: 0;
}
.gh-dashboard-anchor .gh-dashboard-stats-highlight {
  width: 1px;
  height: 3px;
  border-radius: 5px;
  background: #ebeef0;
  margin: 8px 0 0;
  background: #5b98f2;
  opacity: 0;
  transition:
    width 175ms ease-out,
    opacity 125ms linear;
}
.gh-dashboard-anchor .gh-dashboard-stats-button.is-selected .gh-dashboard-stats-highlight {
  width: 25px;
  opacity: 1;
}
.gh-dashboard-anchor .gh-dashboard-chart {
  flex-direction: column;
}
.gh-dashboard-anchor .gh-dashboard-chart-ticks {
  flex-direction: row;
  padding: 10px 0;
  font-size: 1.2rem;
  color: #abb4be;
}
.gh-dashboard-anchor .gh-dashboard-minicharts {
  margin-top: 32px;
}
.gh-dashboard-mix .gh-dashboard-select {
  top: -7px;
  right: -18px;
}
.gh-dashboard-group {
  position: relative;
}
.gh-dashboard-zero {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid #ebeef0;
  border-radius: 6px;
  z-index: 99;
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.gh-dashboard-zero-message {
  min-width: 400px;
  padding: 48px;
  background: #fff;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.066);
}
.gh-dashboard-zero-message svg {
  width: 48px;
  height: 48px;
  margin: 0 0 8px;
}
.gh-dashboard-zero-message h4 {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 0;
  color: #15171a;
  white-space: nowrap;
  letter-spacing: -0.3px;
}
.gh-dashboard-zero-message p {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5em;
  color: #626d79;
  letter-spacing: -0.1px;
  padding: 0;
  margin: 0 0 16px;
}
.gh-dashboard-zero-message p:last-child {
  padding: 0;
  margin: 0;
}
.gh-dashboard-zero-message a {
  background: #ae5aef;
  background: linear-gradient(90deg, #ae5aef, #e954b3);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: filter 0.1s linear;
  filter: brightness(1);
}
.gh-dashboard-zero-message a:hover {
  filter: brightness(0.8);
}
.gh-dashboard .gh-canvas-header.sticky {
  max-width: 1230px;
  margin: 0 auto;
  padding: 32px 0;
}
@media (max-width: 800px) {
  .gh-dashboard .gh-canvas-header.sticky {
    padding: 16px 0;
  }
}
.gh-dashboard .gh-canvas-header.sticky .gh-dashboard-select {
  top: 0 !important;
  right: -6px !important;
}
.gh-dashboard-select-title-attribution .gh-contentfilter-menu-trigger:hover {
  cursor: pointer;
  color: #394047;
  background: transparent;
  opacity: 0.6;
}
.gh-dashboard-attribution-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 0;
  position: relative;
}
.gh-dashboard-attribution .gh-dashboard-select {
  top: 18px;
  right: 6px;
}
.gh-dashboard-attribution-chart {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
.gh-dashboard-attribution-chart-container {
  max-width: 240px;
  position: relative;
}
.gh-dashboard-attribution-list {
  margin-top: -20px;
}
.gh-dashboard-attribution-list .gh-dashboard-list-header,
.gh-dashboard-attribution-list .gh-dashboard-list-item {
  grid-template-columns: 50% 25% 25%;
}
.gh-dashboard-attribution-list .gh-dashboard-list-title:not(.sorted-by) {
  cursor: pointer;
}
.gh-dashboard-attribution-list .gh-dashboard-list-body {
  padding-top: 8px;
  padding-bottom: 8px;
}
.gh-dashboard-attribution .gh-dashboard-list-title-sources {
  opacity: 0;
  cursor: default !important;
}
.gh-dashboard-attribution .gh-dashboard-list-item-sub-source {
  padding-left: 20px;
  position: relative;
}
.gh-dashboard-attribution .gh-dashboard-list-item-sub-source:after {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #e6e9eb;
}
.gh-attribution-box .ember-power-select-trigger[aria-disabled='true'],
.gh-dashboard-attribution .ember-power-select-trigger[aria-disabled='true'] {
  background: transparent;
  opacity: 0.3;
  cursor: not-allowed;
}
.gh-dashboard-list-item-other-source {
  cursor: pointer;
}
.gh-dashboard-list-item-other-source .gh-dashboard-list-item-other-source-arrow {
  transition: margin 0.2s ease-in-out;
}
.gh-dashboard-list-item-other-source:hover .gh-dashboard-list-item-other-source-arrow {
  margin-left: 4px;
}
.gh-dashboard-list-title svg {
  width: 8px;
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
  display: none;
}
.gh-dashboard-list-title.sorted-by svg {
  display: inline;
}
.gh-dashboard-attribution-chart-label {
  position: absolute;
  top: 45%;
  left: 44%;
  font-weight: 600;
  color: #7c8b9a;
}
.gh-dashboard-list-title svg path {
  fill: #7c8b9a;
}
.gh-dashboard-list-item-sub-other:not(.sorted-by) .gh-dashboard-metric-minivalue,
.gh-dashboard-list-item-sub-paid:not(.sorted-by) .gh-dashboard-metric-minivalue,
.gh-dashboard-list-item-sub-signup:not(.sorted-by) .gh-dashboard-metric-minivalue {
  color: #abb4be;
}
.gh-dashboard-list-item:first-child .gh-dashboard-list-item-sub-source:after {
  background: #8e42ff;
}
.gh-dashboard-list-item:nth-child(2) .gh-dashboard-list-item-sub-source:after {
  background: #bb4ae5;
}
.gh-dashboard-list-item:nth-child(3) .gh-dashboard-list-item-sub-source:after {
  background: #dd97c9;
}
.gh-dashboard-list-item:nth-child(4) .gh-dashboard-list-item-sub-source:after {
  background: #e19a98;
}
.gh-dashboard-list-item:nth-child(5) .gh-dashboard-list-item-sub-source:after {
  background: #f5c9c2;
}
.gh-dashboard-list-item-sub.gh-dashboard-list-item-other-source.gh-dashboard-list-item-sub-source:after,
.gh-dashboard-list-item-sub.gh-dashboard-list-item-unavailable-source.gh-dashboard-list-item-sub-source:after {
  background: transparent;
  border: 1px solid #ced4d9;
}
.gh-dashboard-attribution-list .gh-dashboard-list-body {
  position: relative;
}
.attribution-list-empty {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 2vw 4vw;
}
.attribution-list-empty h4 {
  color: #15171a;
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 1.5rem;
}
.attribution-list-empty p {
  max-width: 390px;
  color: #7c8b9a;
  text-align: center;
  line-height: 1.45em;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.attribution-list-empty svg {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  color: #ced4d9;
}
.gh-dashboard-attribution-footnote {
  font-size: 1.2rem;
  margin-bottom: 0;
  line-height: 1.4;
  color: #abb4be;
  padding-top: 12px;
  font-weight: 500;
}
.gh-all-sources .gh-dashboard-attribution-list-scrollable {
  overflow-y: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}
.gh-all-sources .gh-dashboard-list-body {
  max-height: calc(100vh - 255px);
  position: relative;
}
.gh-all-sources .modal-footer {
  margin-top: 0;
}
.gh-all-sources .gh-dashboard-list-body:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  height: 24px;
  bottom: 0;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 100%);
  z-index: 1;
}
.gh-all-sources .gh-dashboard-list-body:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  height: 24px;
  top: 0;
  background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
  z-index: 1;
}
@media screen and (max-width: 1120px) {
  .gh-dashboard-attribution-grid .gh-dashboard-metric-label {
    position: absolute;
    top: 0;
    left: 0;
  }
  .gh-dashboard-attribution-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
  }
  .gh-dashboard-attribution-grid > div:first-child {
    grid-row: 2;
  }
  .gh-dashboard-attribution .gh-dashboard-list-title-sources {
    opacity: 1;
  }
  .gh-dashboard-attribution-chart {
    padding-top: 24px;
    padding-bottom: 40px;
  }
}
.gh-dashboard-engagement {
  position: relative;
}
.gh-dashboard-engagement .gh-dashboard-columns {
  padding-top: 10px;
}
.gh-dashboard-engagement .gh-dashboard-select {
  top: 16px;
  right: 6px;
}
.gh-dashboard-recent-posts {
  position: relative;
}
.gh-dashboard-recent-posts .gh-dashboard-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.gh-dashboard-recent-posts .gh-dashboard-title {
  margin-bottom: 24px;
}
.gh-dashboard-recent-posts .gh-dashboard-list-item {
  height: 100%;
}
.gh-dashboard-recent-posts .gh-dashboard-list-item a > span {
  width: 80%;
  overflow: hidden;
  color: #394047;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: inline-block;
  height: 57px;
}
.gh-dashboard-recent-posts .gh-content-entry-title {
  font-weight: 600;
  font-size: 14px !important;
  color: #15171a;
}
.gh-dashboard-recent-posts .footer {
  padding-top: 12px;
}
.gh-dashboard-recent-posts .gh-dashboard-list-item > span {
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 24px 4px 0;
}
.gh-dashboard-recent-posts .gh-dashboard-list-header {
  margin-top: 24px;
}
.gh-dashboard-recent-activity {
  position: relative;
}
.gh-dashboard-recent-activity .gh-dashboard-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.gh-dashboard-recent-activity .gh-dashboard-title {
  margin-bottom: 20px;
}
.gh-dashboard-recent-activity .gh-dashboard-list-item {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  border-bottom: 0;
}
.gh-dashboard-recent-activity .gh-dashboard-list-item .member-details {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.gh-dashboard-recent-activity .gh-dashboard-list-item .member-avatar {
  width: 28px;
  height: 28px;
  background: #70deb1;
  border-radius: 24px;
  margin: 0 12px 0 0;
}
.gh-dashboard-recent-activity .gh-dashboard-list-header,
.gh-dashboard-recent-activity .gh-dashboard-list-item {
  grid-template-columns: 80% 20%;
}
.gh-dashboard-recent-activity .gh-dashboard-list-item > a > span {
  color: #7c8b9a;
  padding: 0 0 0 0.5rem;
  white-space: nowrap;
}
.gh-dashboard-list-item-date > .gh-dashboard-list-subtext {
  font-weight: 500;
  font-size: 1.3rem;
  color: #abb4be;
}
.gh-dashboard-recents {
  position: relative;
}
.gh-dashboard-recents .gh-dashboard-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.gh-dashboard-recents .gh-dashboard-list-body {
  padding-top: 8px;
  padding-bottom: 8px;
}
.gh-dashboard-recents .gh-dashboard-title {
  margin-bottom: 24px;
}
.gh-dashboard-recents .gh-dashboard-list-item {
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #15171a;
}
.gh-dashboard-recents .gh-dashboard-list-item a > span {
  width: 80%;
  overflow: hidden;
  color: #394047;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: inline-block;
  height: 57px;
}
.gh-dashboard-recents .gh-content-entry-title {
  font-weight: 600;
  font-size: 14px !important;
  color: #15171a;
}
.gh-dashboard-recents .footer {
  padding-top: 12px;
}
.gh-dashboard-recents .gh-dashboard-list-item > span {
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 24px 4px 0;
}
.gh-dashboard-recents .gh-dashboard-list-header {
  margin-top: 16px;
}
.gh-dashboard-recents .gh-dashboard-list-loading {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gh-dashboard-recents .gh-dashboard-list-item .gh-dashboard-list-item-sub:last-child,
.gh-dashboard-recents .gh-dashboard-list-title:last-child {
  margin-left: -6px;
}
.gh-dashboard-recents-activity .gh-dashboard-list-header,
.gh-dashboard-recents-activity .gh-dashboard-list-item {
  grid-template-columns: 30% 55% 15%;
}
.gh-dashboard-recents-activity.feature-memberAttribution .gh-dashboard-list-header,
.gh-dashboard-recents-activity.feature-memberAttribution .gh-dashboard-list-item {
  grid-template-columns: 25% 25% 35% 15%;
}
.gh-dashboard-recents-activity .gh-dashboard-list-item .gh-dashboard-list-item-sub:nth-child(2),
.gh-dashboard-recents-activity .gh-dashboard-list-title:nth-child(2) {
  margin-left: -4px;
}
.gh-dashboard-recents-posts.is-single .gh-dashboard-list-header,
.gh-dashboard-recents-posts.is-single .gh-dashboard-list-item {
  grid-template-columns: 70% 30%;
}
.gh-dashboard-list-item-sub > a {
  color: #15171a;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 32px 0 0;
}
.gh-dashboard-recent-mentioned {
  color: #15171a;
}
.gh-dashboard-list-item.deleted-member {
  opacity: 0.4;
}
.gh-dashboard-list-item.deleted-member a {
  pointer-events: none;
  opacity: 0.6;
}
.gh-dashboard-list-item.deleted-member .gh-member-gravatar {
  background-color: #e4e8ec;
}
.gh-dashboard-list-item.deleted-member .gh-member-gravatar svg {
  margin: 1px 0 0 1px;
  width: 23px;
  min-width: 23px;
  height: 23px;
  opacity: 0.4;
}
.gh-dashboard-resources {
  position: relative;
}
.gh-dashboard-resources .gh-dashboard-resource-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.gh-dashboard-newsletter .gh-dashboard-resource-box,
.gh-dashboard-resources .gh-dashboard-resource-box {
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  border: none;
}
.gh-dashboard-newsletter .gh-dashboard-resource-box:hover,
.gh-dashboard-resources .gh-dashboard-resource-box:hover {
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1320px) {
  .gh-dashboard-resources .gh-dashboard-resource-box {
    grid-template-columns: 1fr;
  }
  .gh-dashboard-resources .gh-dashboard-resource-thumbnail {
    display: none;
  }
}
.gh-dashboard-resource-text {
  color: #15171a;
}
.gh-dashboard-resource-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: stretch;
}
.gh-dashboard-resources .gh-dashboard-articles {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  margin-top: 16px;
}
.gh-dashboard-resources .gh-dashboard-articles-footer {
  margin-top: 20px;
}
.gh-dashboard-resources .gh-members-help-card {
  padding: 24px;
}
.gh-dashboard-resources .gh-dashboare5-article-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.4rem;
  padding: 24px 0;
}
.gh-dashboard-resources .gh-dashboare5-article-thumbnail {
  flex: 2;
  height: auto;
  overflow: hidden;
  border-radius: 3px;
}
.gh-dashboard-resources .gh-dashboare5-article-text {
  flex: 3;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.gh-dashboard-resources .gh-dashboard-resource-footer a {
  display: inline-block;
  padding: 8px 0;
  transition: color 0.3s;
}
.gh-dashboard-multi {
  position: relative;
}
.gh-dashboard-multi .gh-dashboard-articles {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  margin-top: 16px;
}
.gh-dashboard-multi .gh-dashboard-articles-footer {
  margin-top: 20px;
}
.gh-dashboard-multi .gh-members-help-card {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  color: #7c8b9a;
  font-size: 1.4rem;
  transition: none;
  margin-right: 16px;
}
.gh-dashboard-multi .gh-members-help-card:hover {
  transform: translate(0);
}
.gh-dashboard-multi .gh-dashboard-list-header {
  padding-bottom: 12px;
}
.gh-dashboard-multi .gh-dashboard-subtitle h4 {
  color: #394047;
}
.gh-dashboard-multi .gh-dashboard-box {
  padding-top: 32px;
}
.gh-dashboard-newsletter {
  position: relative;
}
.gh-dashboard-newsletter .gh-dashboard-newsletter-items {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  flex: 1;
}
.gh-dashboard-newsletter .gh-dashboard-newsletter-item h5 {
  font-size: 1.4rem;
  padding: 0 32px 0 0;
}
.gh-dashboard-resource-footer .gh-dashboard-subscribe-button {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  justify-content: center;
  background: #15171a;
  color: #fff;
  border-radius: 4px;
}
.gh-dashboard-resource-footer .gh-dashboard-subscribe-button:hover {
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .gh-dashboard-subscribe-button > span {
    display: none;
  }
}
.gh-dashboard-whats-new .gh-dashboard-list-body {
  justify-content: flex-start;
}
.gh-dashboard-whats-new .gh-dashboard-resource-title {
  margin-top: -4px;
}
.gh-dashboard-whats-new .gh-dashboard-resource-title h4 {
  display: flex;
  color: #15171a;
  align-items: center;
}
.gh-dashboard-whats-new .gh-dashboard-resource-title svg {
  fill: #fb2d8d;
  width: 1.8rem;
  height: auto;
  margin: 0 8px 3px 0;
}
.gh-dashboard-whats-new .gh-dashboard-list-link span {
  font-size: 1.7rem;
  font-weight: 600;
}
.gh-dashboard-community {
  position: relative;
}
.gh-dashboard-community .gh-dashboard-resource-box {
  background: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 105%;
  background-image: url(https://assets.ghost.io/admin/2278/assets/img/community-background-3f501ff1d764d0cb81f7c2cbacfc6503.jpg);
  color: #fff;
  transition: all 1.2s ease-in-out;
  border: 0;
}
.gh-dashboard-community .gh-dashboard-resource-box:hover {
  box-shadow:
    0 54px 80px rgba(0, 0, 0, 0.07),
    0 19.7109px 29.2013px rgba(0, 0, 0, 0.05),
    0 9.56927px 14.1767px rgba(0, 0, 0, 0.04),
    0 4.69103px 6.94968px rgba(0, 0, 0, 0.03),
    0 1.85484px 2.74791px rgba(0, 0, 0, 0.02);
  background-size: auto 108%;
}
.gh-dashboard-community .gh-dashboard-list-body p {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3em;
  padding: 112px 0 12px;
  margin-bottom: 0;
  transition: color 0.3s;
  color: #fff;
  letter-spacing: -0.02em;
}
.gh-dashboard-community .gh-dashboard-resource-footer {
  border-color: transparent;
}
.gh-dashboard-community .gh-dashboard-resource-footer a {
  color: #fff;
  font-weight: 500;
}
.gh-dashboard-community .gh-dashboard-resource-title:not(.is-large) h4 {
  color: #fff;
}
.gh-dashboard .gh-list-header {
  border-bottom: 0;
}
.gh-dashboard-rate-bar {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.gh-dashboard-rate-amount {
  height: 6px;
  border-radius: 2.5px;
  background: #ebeef0;
  overflow: hidden;
  position: relative;
  display: block;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 8px;
}
.gh-dashboard-rate-amount > span {
  background: #d5b8ff;
  background: linear-gradient(90deg, #fb2d8d, #8e42ff);
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 2px;
}
.gh-dashboard-resource,
.gh-dashboard-resource-box {
  position: relative;
  display: flex;
}
.gh-dashboard-resource-box {
  flex: 1;
  border: 1px solid #ebeef0;
  padding: 28px 24px 24px;
  border-radius: 6px;
  flex-direction: column;
  align-items: stretch;
  background: #fff;
}
.gh-dashboard-box.gh-dashboard-box.is-secondary .gh-dashboard-resource-box.link {
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease-in-out;
}
.gh-dashboard-resource-box.is-secondary {
  border: none;
  box-shadow: none;
}
.gh-dashboard-resource-title:not(.is-large) h4 {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #7c8b9a;
  margin: 0 0 8px;
  padding: 0;
  transition: color 0.3s;
}
.gh-dashboard-resource-title:not(.is-large) h4 a {
  font-size: 1.1rem;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #15171a !important;
}
.gh-dashboard-resource-title.is-large h4 {
  align-items: center;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 8px;
  padding: 0;
  color: #15171a;
  white-space: nowrap;
  letter-spacing: -0.3px;
}
.gh-dashboard-resource-title.has-border {
  border-bottom: 1px solid #ebeef0;
}
.gh-dashboard-resource-title p {
  margin: 8px 0 24px;
  padding: 0;
  color: #a3acb7;
  font-size: 1.5rem;
}
.gh-dashboard-resource-body {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  padding-top: 12px;
}
.gh-dashboard-resource-footer {
  padding: 20px 0 0;
}
.gh-dashboard-list-footer a,
.gh-dashboard-resource-footer a {
  font-weight: 500;
  color: #30cf43;
}
.gh-dashboard-list-footer a:hover,
.gh-dashboard-resource-footer a:hover {
  color: #2bba3c;
}
.gh-dashboard-resource-thumbnail {
  border-radius: 4px;
  width: 100%;
  height: auto;
  background: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-image: url(https://assets.ghost.io/admin/2278/assets/img/resource-1-722f202795856e4a5596c8a3b7bedc43.jpg);
}
.gh-dashboard-resource-bigarticle {
  display: flex;
  flex-direction: row;
  margin: 0 0 24px;
  padding: 0;
}
.gh-dashboard-resource-bigarticle .gh-dashboard-resource-thumbnail {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gh-dashboard-resource-bigarticle h3 {
  font-size: 1.8rem;
  font-weight: 600;
  transition: all 0.25 ease-in-out;
}
.gh-dashboard-resource-bigarticle:hover h3 {
  opacity: 0.8;
}
.gh-dashboard-resource-bigarticle p {
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.55;
  color: #626d79;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.gh-dashboard-resource-smallarticle {
  flex: 1;
  margin: 0 24px 0 0;
  padding: 0 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.gh-dashboard-resource-smallarticle .gh-dashboard-resource-thumbnail {
  width: 100%;
  margin: 0 0 12px;
}
.gh-dashboard-resource-smallarticle:last-child {
  margin-right: 0;
}
.gh-dashboard-resource-secondary {
  margin-top: 0.4rem;
  font-size: 1.3rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #7c8b9a;
  padding: 0;
  white-space: nowrap;
}
.gh-dashboard-resource-title h4 {
  margin-bottom: 0;
}
.gh-dashboard-resource .gh-dashboard-list-link {
  display: flex;
  width: 100%;
  min-width: 0;
  transition: all 0.25 ease-in-out;
}
.gh-dashboard-resource .gh-dashboard-list-item:hover .gh-dashboard-list-link {
  opacity: 0.8;
}
.gh-dashboard-resource .gh-dashboard-list-link span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gh-dashboard-resource .has-new .gh-dashboard-list-item:first-child .gh-dashboard-list-link:after {
  display: inline-block;
  content: 'New';
  font-size: 1.2rem;
  white-space: nowrap;
  background: #30cf43;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  border-radius: 2px;
  margin-left: 8px;
  margin-top: 1px;
  padding: 3px 4px;
  height: 18px;
}
.gh-dashboard-resource .gh-dashboard-list-header,
.gh-dashboard-resource .gh-dashboard-list-item {
  grid-template-columns: 100%;
}
.gh-dashboard-resource .gh-dashboard-list-item {
  padding: 0;
}
.gh-dashboard-resource .gh-dashboard-list-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 10px 0;
  color: #15171a;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.5em;
}
.gh-dashboard-resource .gh-dashboard-list-body {
  color: #abb4be;
  font-size: 1.4rem;
  transition: all 0.3s ease-in-out;
}
.gh-dashboard-explore-feed .gh-dashboard-resource-body {
  padding-top: 24px;
}
.gh-dashboard-explore-feed .gh-dashboard-resource-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -5px;
}
.gh-dashboard-explore-feed .gh-dashboard-resource-title h4 {
  margin: 0;
  flex-shrink: 0;
}
.gh-dashboard-explore-feed .gh-dashboard-resource-title a:not(.gh-dashboard-explore-add) {
  color: #626d79;
  font-weight: 500;
}
.gh-dashboard-explore-feed .gh-dashboard-resource-title:hover a:not(.gh-dashboard-explore-add) {
  color: #394047;
}
@media (max-width: 540px) {
  .gh-dashboard-explore-feed .gh-dashboard-resource-title a:not(.gh-dashboard-explore-add) {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 880px) {
  .gh-dashboard-explore-feed .gh-dashboard-resource-title a:not(.gh-dashboard-explore-add) {
    display: none;
  }
}
.gh-dashboard-explore-add {
  margin-left: 12px;
  color: #fb2d8d;
  font-weight: 500;
  white-space: nowrap;
}
.gh-dashboard-explore-add:hover {
  color: #f00572;
}
.gh-dashboard-explore-add span {
  width: 15px;
  height: 15px;
}
.gh-dashboard-explore-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6rem;
  height: 100%;
  border-radius: 5px;
}
@media (min-width: 1120px) and (max-width: 1320px) {
  .gh-dashboard-explore-card:last-child {
    display: none;
  }
}
.gh-dashboard-explore-header {
  flex-shrink: 1;
}
.gh-dashboard-explore-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
  overflow: hidden;
  font-size: 1.2rem;
  color: #626d79;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background-color: #fff;
}
.gh-dashboard-explore-icon img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.gh-dashboard-explore-header p {
  margin: 8px 0 16px;
  padding: 0;
  color: #626d79;
  font-size: 1.4rem;
  line-height: 1.55;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gh-dashboard-explore-title {
  display: flex;
  align-items: center;
}
.gh-dashboard-explore-title h5 {
  font-weight: 600;
  font-size: 1.7rem;
}
.gh-dashboard-explore-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gh-dashboard-explore-footer p {
  margin: 0;
  padding-right: 1.2rem;
  font-weight: 600;
  color: #15171a;
}
.gh-dashboard-explore-footer:hover p {
  color: #394047;
}
.gh-dashboard-explore-members,
.gh-dashboard-explore-mrr,
.gh-dashboard-explore-visit {
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 5px;
}
.gh-dashboard-explore-members {
  background: #15171a;
}
.gh-dashboard-explore-mrr {
  background: #fb2d8d;
}
.gh-dashboard-explore-visit {
  background: #ebeef0;
  color: #15171a;
}
.gh-dashboard-tooltip {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 12px;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.18),
    0 45px 80px rgba(0, 0, 0, 0.04),
    0 18.7999px 33.4221px rgba(0, 0, 0, 0.0287542),
    0 10.0513px 17.869px rgba(0, 0, 0, 0.0238443),
    0 5.6347px 10.0172px rgba(0, 0, 0, 0.02),
    0 2.99255px 5.32008px rgba(0, 0, 0, 0.0161557),
    0 1.24527px 2.21381px rgba(0, 0, 0, 0.0112458);
  border-radius: 9px;
  z-index: 9999;
  pointer-events: none;
  min-width: 80px;
}
.gh-dashboard-tooltip .gh-dashboard-metric-value {
  margin: 0;
}
.gh-dashboard-tooltip-label {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 8px;
}
.gh-dashboard-tooltip-label,
.gh-dashboard-tooltip-value {
  line-height: 1em;
  letter-spacing: 0;
  color: #15171a;
  white-space: nowrap;
}
.gh-dashboard-tooltip-value {
  display: flex;
  align-items: baseline;
  font-size: 1.4rem;
  font-weight: 400;
}
.gh-dashboard-tooltip-value .indicator {
  display: inline-block;
  border-radius: 999px;
  margin-right: 6px;
}
.gh-dashboard-tooltip-value .indicator.solid {
  width: 9px;
  height: 9px;
}
.gh-dashboard-tooltip-value .indicator.line {
  width: 11px;
  height: 11px;
  border-width: 2px;
  border-style: solid;
}
.gh-dashboard-tooltip-value .value {
  font-size: 1.4rem;
  letter-spacing: 0;
  margin-left: 12px;
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
}
.gh-dashboard-tooltip-value .metric {
  font-size: 1.4rem;
  font-weight: 400;
  color: #7c8b9a;
  padding: 0;
}
.gh-dashboard-totals .indicator {
  position: relative;
  border: none !important;
  background: linear-gradient(225deg, #8e42ff, #fb2d8d);
  width: 12px;
  height: 12px;
}
.gh-dashboard-totals .indicator:before {
  position: absolute;
  background: #fff;
  content: '';
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 999px;
}
.gh-dashboard-totals .metric,
.gh-dashboard-totals .value {
  font-size: 1.4rem;
}
.gh-dashboard-mrr .indicator {
  border-color: #8e42ff;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip {
  min-width: 140px;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value {
  display: grid;
  grid-template-columns: auto 1fr;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-1 {
  margin-bottom: 4px;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-1 .metric,
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-2 .metric {
  font-size: 1.3rem;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-1 .value,
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-2 .value {
  display: inline-flex;
  align-items: baseline;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-1 .indicator {
  background: #8e42ff;
}
.gh-dashboard-breakdown .gh-dashboard-tooltip-value-2 .indicator {
  background: #fb76b4;
}
.gh-dashboard-mix .gh-dashboard-tooltip-value .metric {
  font-size: 1.3rem;
}
.gh-dashboard-totals {
  margin-top: 24px;
}
.gh-dashboard-fader {
  animation: chartFadeIn 0.15s;
}
.gh-dashboard-totals .gh-dashboard-chart-container,
.gh-dashboard-totals .gh-dashboard-loading {
  height: 200px;
}
.gh-dashboard-totals .gh-dashboard-chart-container {
  margin-right: -10px;
}
@media screen and (max-width: 1120px) {
  .gh-dashboard-minicharts,
  .gh-dashboard-minicharts-attribution {
    flex-direction: column;
  }
  .gh-dashboard-minichart {
    padding: 16px 0;
    border-left: 0;
    border-bottom: 1px solid #ebeef0;
  }
  .gh-dashboard-minichart:first-child {
    padding-top: 4px;
  }
  .gh-dashboard-minichart:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .gh-dashboard-minichart .gh-dashboard-data {
    position: relative;
    width: 50%;
    top: 0;
    left: 0;
  }
  .gh-dashboard-mix .gh-dashboard-metric {
    margin-top: 0;
  }
  .gh-dashboard-minichart .gh-dashboard-select {
    top: 4px;
  }
  .gh-dashboard-columns {
    flex-direction: column;
  }
  .gh-dashboard-columns > .gh-dashboard-column {
    padding: 16px 0;
    border-left: 0;
    border-bottom: 1px solid #ebeef0;
  }
  .gh-dashboard-columns > .gh-dashboard-column:first-child {
    padding-top: 4px;
  }
  .gh-dashboard-columns > .gh-dashboard-column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .is-zero .gh-dashboard-breakdown,
  .is-zero .gh-dashboard-engagement-7days,
  .is-zero .gh-dashboard-engagement-30days,
  .is-zero .gh-dashboard-mix,
  .is-zero .gh-dashboard-mrr {
    display: none;
  }
}
@media screen and (max-width: 1120px) {
  .gh-dashboard-box.gh-dashboard-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .gh-dashboard-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .gh-dashboard-split.is-reverse {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .gh-dashboard-community {
    grid-column: 1;
  }
}
.gh-no-data-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #8e9cac;
}
.gh-no-data-list svg {
  margin-top: 60px;
  width: 76px;
  height: auto;
}
.gh-no-data-list svg path {
  stroke-width: 1px;
}
.gh-no-data-list span {
  margin-top: 12px;
  font-size: 1.3rem;
  margin-bottom: 46px;
}
.gh-dashboard-mentions-icon,
.gh-dashboard-select {
  display: flex;
  align-items: center;
}
.gh-dashboard-mentions-icon {
  justify-content: center;
  margin-left: 12px;
  margin-right: 4px;
  padding: 10px;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  line-height: 1;
  color: #394047;
}
.gh-dashboard-mentions-icon:hover {
  background: #ebeef0;
}
.gh-dashboard-mentions-icon.active {
  background: #e6e9eb;
  color: #15171a;
}
.gh-dashboard-mentions-icon.active svg {
  fill: #15171a;
}
.gh-dashboard-mentions-icon svg {
  width: 20px;
  height: 20px;
  fill: #394047;
  line-height: 1;
  transition: none;
}
.gh-dashboard-mentions-icon svg path {
  stroke: currentColor;
}
.gh-dashboard-mentions-icon svg circle {
  fill: #30cf43;
  stroke: #30cf43;
}
.gh-dashboard-select .popover {
  top: -324px;
  left: -13px;
  margin: 10px 0 0;
  min-width: 290px;
  padding: 6px 0;
  border: none;
}
.gh-dashboard-mentions-container,
.gh-dashboard-select .popover {
  box-shadow:
    0 0 7px rgba(0, 0, 0, 0.08),
    0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
    0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016),
    0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
    0 17px 17.9px -5px rgba(0, 0, 0, 0.024),
    0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
    0 76px 80px -5px rgba(0, 0, 0, 0.04);
}
.gh-dashboard-mentions-container {
  border-radius: 3px;
  top: 88px !important;
}
.gh-dashboard-mentions {
  min-width: 300px;
  max-width: 400px;
  padding-bottom: 20px;
}
.gh-dashboard-mentions-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebeef0;
  margin: 20px 20px 16px;
}
.gh-dashboard-mentions {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gh-dashboard-mentions-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 6px;
}
.gh-dashboard-mentions-heading {
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  padding: 0;
  color: #394047;
  white-space: nowrap;
  letter-spacing: -0.3px;
}
.gh-dashboard-mentions-see-all {
  font-size: 14px;
  font-weight: 500;
}
.gh-dashboard-mention {
  display: block;
  padding: 6px 20px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.gh-dashboard-mention:hover {
  background: rgba(237, 238, 238, 0.6);
}
.gh-dashboard-mention-content {
  width: 100%;
  display: grid;
  grid-template-columns: 20px min-content 16px auto;
  grid-template-rows: 20px auto auto auto;
  align-items: center;
  color: #abb4be;
  font-weight: 500;
}
.gh-dashboard-mention-title {
  color: #394047;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 4px;
  margin-left: 8px;
}
.gh-dashboard-mention-content .gh-mention-link-icon {
  margin: 0;
}
.gh-dashboard-mention-timestamp {
  color: #abb4be;
  font-size: 1.2rem;
  font-weight: 400;
  padding-left: 28px;
  white-space: nowrap;
  margin-top: 2px;
}
.gh-dashboard-mention-target {
  color: #7c8b9a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 4px;
  font-weight: 400;
}
.gh-dashboard-mentions .gh-dashboard-list-footer {
  margin-top: auto;
}
.gh-dashboard-mentions .gh-mentions-list-cta {
  padding: 24px;
}
.gh-dashboard-mentions .gh-mentions-list-cta .love-letter {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  margin-top: 12px;
}
.gh-dashboard-mentions .gh-mentions-list-cta h4 {
  margin-bottom: 8px;
  font-size: 1.5rem;
}
.gh-dashboard-mentions .gh-mentions-list-cta p {
  color: #7c8b9a;
  text-align: center;
  line-height: 1.45em;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.gh-onboarding-wrapper {
  justify-content: center;
  min-height: 100vh;
  position: relative;
  padding: 32px 0;
  margin-top: -48px;
}
.gh-onboarding-header,
.gh-onboarding-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.gh-onboarding-header {
  text-align: center;
  margin-bottom: 32px;
}
.gh-onboarding-ghost-logo-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}
.gh-onboarding-header h2 {
  justify-content: center;
}
.gh-onboarding-header p {
  margin-top: 8px;
  margin-bottom: 0;
  color: #7c8b9a;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .gh-onboarding-header h2 {
    font-size: 2.4rem;
  }
  .gh-onboarding-header p {
    font-size: 1.4rem;
    margin: 0;
  }
}
.gh-onboarding-items {
  max-width: 540px;
  width: 100%;
  border-radius: 6px;
  padding: 16px 24px;
  border: 1px solid #ebeef0;
  background: #fff;
}
.gh-onboarding-item {
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebeef0;
}
.gh-onboarding-item:first-child {
  margin-top: -12px;
}
.gh-onboarding-item:last-child {
  border-bottom: 0;
  margin-bottom: -12px;
}
.gh-onboarding-item:last-child.gh-onboarding-item--next {
  margin-bottom: -18px;
}
.gh-onboarding-item:not(:first-child):hover {
  cursor: pointer;
}
.gh-onboarding-item:not(:first-child):hover .gh-onboarding-item-content {
  opacity: 0.9;
}
.gh-onboarding-item--completed:not(:first-child):hover .gh-onboarding-item-content {
  opacity: 0.24;
}
.gh-onboarding-item--next {
  margin: 0 -32px 6px;
  background: #fff;
  padding: 24px 32px;
  box-shadow:
    0 1px 0 rgba(17, 17, 26, 0.05),
    0 0 8px rgba(17, 17, 26, 0.1);
  border-radius: 6px;
  border-bottom: none;
  transition: none;
}
.gh-onboarding-item:has(+ .gh-onboarding-item--next) {
  border-bottom: none;
}
.gh-onboarding-item:not(.gh-onboarding-item--next) .gh-onboarding-item-description {
  display: none;
}
.gh-onboarding-item--completed .gh-onboarding-item-content {
  opacity: 0.2;
}
.gh-onboarding-item-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.gh-onboarding-item-details {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.gh-onboarding-item-title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: 0;
  color: #394047;
  padding: 0 32px 0 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
}
.gh-onboarding-item-description {
  font-weight: 400;
  color: #626d79;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 4px;
  padding-right: 32px;
}
@media screen and (max-width: 480px) {
  .gh-onboarding-item-title {
    font-size: 1.5rem;
  }
  .gh-onboarding-item-description {
    font-size: 1.4rem;
    padding-right: 0;
  }
  .gh-onboarding-item-content {
    padding-right: 16px;
  }
  .gh-onboarding-item--next {
    padding: 24px 20px;
  }
}
.gh-onboarding-item-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  transition: transform 0.15s;
}
.gh-onboarding-item:hover .gh-onboarding-item-action {
  transform: translateX(5px);
}
.gh-onboarding-item-content svg {
  width: 20px;
  min-width: 20px;
  height: auto;
  margin: 0 16px 0 0;
  color: #ae5aef;
  position: relative;
}
.gh-onboarding-item-content svg path {
  stroke: #8e42ff;
  stroke-width: 1.5 !important;
}
.gh-onboarding-item--completed .gh-dashboard-onboarding-item-content svg {
  color: #626d79;
}
.gh-onboarding-item--completed .gh-onboarding-item-content svg path {
  stroke: #626d79;
}
.gh-onboarding-item-action svg {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.gh-onboarding-item-action svg path {
  fill: #8e42ff;
}
.gh-onboarding-item-checkmark {
  display: flex;
}
.gh-onboarding-item-checkmark svg {
  width: 20px;
  height: auto;
}
.gh-onboarding-item-checkmark svg circle,
.gh-onboarding-item-checkmark svg path {
  stroke: #30cf43;
}
.gh-onboarding-help {
  color: #7c8b9a;
  margin: 32px 0 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .gh-onboarding-help {
    font-size: 1.4rem;
  }
}
.gh-onboarding-help a {
  color: #30cf43;
}
.gh-onboarding-help a:hover {
  color: #2bba3c;
}
.gh-onboarding-skip {
  display: flex;
  align-items: center;
  bottom: 32px;
  margin-top: 24px;
  padding: 1px 14px;
  border: 1px solid #ebeef0;
  color: #626d79;
  border-radius: 4px;
  white-space: nowrap;
  height: 38px;
  overflow: hidden;
  transition: opacity 0.1s linear;
}
@media (min-height: 900px) and (min-width: 480px) {
  .gh-onboarding-skip {
    position: absolute;
  }
}
.gh-onboarding-skip:hover {
  color: #394047;
  border-color: #ced4d9;
}
.gh-onboarding-explore-dashboard {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
  background: #15171a;
  color: #fff;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 24px;
  max-width: 540px;
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 480px) {
  .gh-onboarding-explore-dashboard {
    font-size: 1.5rem;
  }
}
.gh-onboarding-explore-dashboard:hover {
  opacity: 0.9;
}
.gh-share-card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #ebeef0;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.gh-share-card-image {
  max-height: 196px;
}
.gh-share-card-image img {
  border-radius: 6px 6px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 484px;
  height: 196px;
}
.gh-cover-placeholder {
  width: 100%;
  height: 196px;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ebeef0;
}
.gh-cover-placeholder svg {
  width: 40px;
  height: 40px;
  stroke: #ced4d9;
}
.gh-share-card-content {
  padding: 24px;
  width: 100%;
}
.gh-share-card-title {
  font-size: 1.7rem;
  font-weight: 600;
}
.gh-copy-publication-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  background: #fafafb;
  border: 1px solid #ebeef0;
  border-radius: 4px;
  padding: 8px 16px;
  min-height: 48px;
  font-weight: 400;
  color: #394047;
  transition: all 0.3s ease-in-out;
}
.gh-copy-publication-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gh-copy-publication-link:hover {
  border: 1px solid #ced4d9;
}
.gh-copy-publication-link .gh-btn-icon {
  font-weight: 600;
}
.gh-copy-publication-link .gh-share-link-success {
  color: #30cf43;
  font-size: 1.5rem;
  font-weight: 600;
}
.gh-share-links {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: flex;
  flex-direction: row;
}
.gh-share-links li {
  font-size: 1.5rem;
  font-weight: 600;
  color: #394047;
  line-height: 1.5;
  width: 100%;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.gh-share-links li:last-child {
  margin: 0;
}
.gh-share-links li a {
  display: block;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #ebeef0;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.gh-share-links li a:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
}
.gh-share-links li span {
  vertical-align: middle;
  height: 20px;
  display: block;
}
.gh-share-links li a span svg {
  width: 20px;
  height: 20px;
  fill: #7c8b9a;
}
.gh-share-links svg path.social-facebook_svg__fb,
.gh-share-links svg path.social-linkedin_svg__linkedin {
  fill: #7c8b9a;
}
.gh-share-links a:hover svg path.social-facebook_svg__fb {
  fill: #1977f3;
}
.gh-share-links a:hover svg path.social-linkedin_svg__linkedin {
  fill: #007ebb;
}
.gh-share-links a:hover svg path.social-x_svg__x {
  fill: #15171a;
}
span.gh-tip {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
  margin-top: 8px;
  color: #7c8b9a;
  width: 100%;
  display: block;
}
span.gh-tip a {
  text-decoration: underline;
  color: #7c8b9a;
}
span.gh-tip a:hover {
  color: #394047;
}
.gh-tier-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 980px) {
  .gh-tier-card {
    padding: 4vmin 48px;
  }
}
.gh-tier-card-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: #626d79;
  padding: 12px 8px;
  border-radius: 3px;
  min-width: 90px;
  min-height: 66px;
}
.gh-tier-card-price:first-of-type {
  border-right: 1px solid #ebeef0;
}
.gh-tier-card-price .amount,
.gh-tier-card-price .currency,
.gh-tier-card-price .currency-code,
.gh-tier-card-price .currency-symbol {
  font-weight: 600;
  color: #394047;
}
.gh-tier-card-price .currency-symbol {
  margin-top: -3px;
}
.gh-tier-card-price .amount {
  letter-spacing: -0.7px;
  line-height: 1;
  margin-right: 2px;
  margin-left: 1px;
  font-size: 2.2rem;
}
.gh-tier-card-price .currency {
  text-transform: uppercase;
  position: relative;
  top: 2px;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
  line-height: 1;
}
.gh-tier-card-price .currency-code {
  text-transform: uppercase;
  position: relative;
  top: 0;
  font-weight: 600;
  line-height: 1;
  font-size: 1.25rem;
  letter-spacing: -0.2px;
}
.gh-tier-card-price .period {
  font-size: 1.25rem;
  text-transform: lowercase;
  line-height: 1.2em;
  margin-top: 2px;
}
.tier-actions-menu.fade-out {
  animation-duration: 0.01s;
  pointer-events: none;
}
.gh-explore {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
.gh-explore-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.gh-explore.closed {
  display: none;
}
.gh-explore .close {
  position: absolute;
  top: 19px;
  right: 19px;
  z-index: 9999;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  border: none;
}
.gh-explore .explore-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transform: translateZ(0);
}
.gh-explore-close {
  width: calc(50vw - 200px);
}
.gh-explore-close button {
  stroke: #7c8b9a;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  top: 25px;
}
.explore {
  position: relative;
}
.iframe-explore-container {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  transform: translateZ(0);
  height: 100vh;
}
.fullscreen-explore-container,
.iframe-explore-container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #fff, #e1e1e1);
}
.fullscreen-explore-container {
  position: fixed;
  z-index: 10000;
  height: 100vh;
  overflow: hidden;
}
.explore-close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem;
}
.explore-close a {
  color: #626d79;
}
.explore-close a svg {
  stroke: #626d79;
  width: 18px;
  height: auto;
}
.explore-close a svg path {
  stroke-width: 1px;
}
.explore-close a:hover svg {
  stroke: #394047;
}
.explore-content {
  min-height: 100%;
  padding: 8vmin 2vmin 4vmin;
}
.explore-content,
.explore-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.explore-header {
  justify-content: space-between;
}
.explore-header h1 {
  margin: 1.6rem 0 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 40px;
}
.explore-api,
.explore-header h1 {
  text-align: center;
  letter-spacing: -0.03em;
}
.explore-api {
  margin-bottom: 50px;
  color: rgba(0, 0, 0, 0.52);
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 30px;
}
.explore-permissions {
  background: #fff;
  padding: 3rem 3.5rem;
  max-width: 457px;
  width: 100%;
  border-radius: 6px;
}
.explore-permissions svg path {
  stroke: #86c600;
}
.explore-permissions > div {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.explore-permissions p {
  color: rgba(0, 0, 0, 0.66);
  margin: 0;
  font-size: 1.9rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.32;
}
.explore-permissions div:not(:last-of-type) {
  margin-bottom: 3rem;
}
.explore-permissions > div span {
  padding-right: 18px;
}
.explore button {
  margin-top: 4vmin;
  max-width: 457px;
  width: 100%;
  height: 50px;
  border-radius: 6px;
}
.explore button span {
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
}
.explore button svg {
  fill: #fff;
  margin-left: 0.1em;
  height: 14px;
}
@media (max-width: 800px) {
  .explore-content {
    padding: 2vmin;
  }
  .explore-header {
    margin-top: 10vmin;
  }
  .explore-header svg {
    width: 7rem;
  }
  .explore-header h1 {
    font-size: 2.8rem;
  }
  .explore-api {
    font-size: 1.8rem;
  }
  .explore-permissions {
    padding: 2rem 2.5rem;
  }
  .explore-permissions p {
    font-size: 1.6rem;
  }
}
@media (max-width: 500px) {
  .explore-header h1 {
    font-size: 2.4rem;
  }
  .explore-api {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  .explore-permissions div:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .explore-permissions > div span {
    padding-right: 12px;
  }
  .explore-permissions > div span svg {
    width: 1.8rem;
  }
}
.gh-mentions-main-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 32px;
}
.gh-mentions-list {
  grid-column: span 2;
}
.gh-mentions-list.is-empty {
  grid-column: span 3;
}
.gh-mention-card {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  padding: 20px;
  border: 1px solid #e6e9eb;
  border-radius: 5px;
  text-decoration: none;
  color: #7c8b9a;
}
.gh-mention-card:hover {
  transition: box-shadow 0.1s ease-in;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
}
.gh-mention-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.35rem;
  line-height: 1.2;
  margin-bottom: 14px;
  position: relative;
}
.gh-mention-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  flex-shrink: 0;
}
.gh-mention-publisher {
  color: #626d79;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gh-mention-link-icon {
  width: 16px;
  height: 16px;
  margin: 0 6px;
  flex-shrink: 0;
}
.gh-mention-link-icon svg path {
  fill: #7c8b9a;
}
.gh-mention-your-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gh-mention-your-link.has-multiple-links {
  border-bottom: 1px dashed #ced4d9;
  margin-bottom: -2px;
  padding-bottom: 1px;
}
.gh-mention-multiple-links {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13.5px;
}
.gh-mention-multiple-links li:last-of-type {
  margin-bottom: 0;
}
.gh-mention-multiple-links-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 240px;
}
.gh-mention-header .popover-arrow {
  display: none;
}
.gh-mention-header .popover {
  border: none;
  color: #394047;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 20px -3px rgba(0, 0, 0, 0.2);
  padding: 12px 14px;
}
.gh-mention-timestamp {
  margin-left: auto;
  padding-left: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gh-mention-content {
  display: flex;
}
.gh-mention-source {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.gh-mention-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}
.gh-mention-description {
  display: -webkit-box;
  font-size: 1.35rem;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  max-height: 44px;
  overflow-y: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gh-mention-metadata {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding-top: 22px;
  width: 100%;
  font-size: 1.35rem;
  white-space: nowrap;
}
.gh-mention-publisher {
  display: inline;
}
.gh-mention-author {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 240px;
  display: block;
  line-height: 1.65em;
  font-weight: 400;
}
.gh-mention-thumbnail {
  position: relative;
  flex-grow: 1;
  min-width: 28%;
  min-height: 120px;
  margin-left: 32px;
}
.gh-mention-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  text-indent: -999999px;
}
.gh-mentions-list-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4vw;
}
.gh-mentions-list-cta .love-letter {
  fill: #ced4d9;
  width: 68px;
  height: 68px;
  margin-bottom: 20px;
}
.gh-mentions-list-cta h4 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
}
.gh-mentions-list-cta p {
  max-width: 390px;
  color: #7c8b9a;
  text-align: center;
  line-height: 1.45em;
  margin: 0 0 20px;
  padding: 0;
}
.gh-mentions-explainer {
  background: #f5f6f6;
  border-radius: 5px;
  padding: 24px;
}
.gh-mentions-explainer h2 {
  font-size: 1.8rem;
}
.gh-mentions-explainer p {
  color: #626d79;
  margin-bottom: 0;
}
@media (max-width: 1100px) {
  .gh-mentions-sidebar {
    display: none;
  }
  .gh-mentions-list {
    grid-column: span 3;
  }
}
.gh-migrate {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
.gh-migrate-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.gh-migrate-fullscreen-container {
  position: relative;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.gh-migrate .migrate-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 10;
  transform: translateZ(0);
}
.gh-migrate-close {
  z-index: 10000;
}
.gh-migrate-close a svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.fade-in {
  animation: fadeIn 0.25s ease forwards;
}
.fade-out {
  animation: fadeOut 0.25s ease forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

.gh-uploaded-file-name.clickable {
  cursor: pointer;
  color: var(--accent-color) !important;
}