/*! 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: .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: -.25em
}

sup {
    top: -.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: .4rem
}

.pa2 {
    padding: .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: .4rem
}

.pr2 {
    padding-right: .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: .4rem
}

.pb2 {
    padding-bottom: .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: .4rem
}

.pl2 {
    padding-left: .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: .4rem
}

.pt2 {
    padding-top: .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: .4rem
}

.ma2 {
    margin: .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: .4rem
}

.mr2 {
    margin-right: .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: .4rem
}

.mb2 {
    margin-bottom: .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: .4rem
}

.ml2 {
    margin-left: .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: .4rem
}

.mt2 {
    margin-top: .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: .4rem
    }

    .pa2-ns {
        padding: .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: .4rem
    }

    .pr2-ns {
        padding-right: .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: .4rem
    }

    .pb2-ns {
        padding-bottom: .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: .4rem
    }

    .pl2-ns {
        padding-left: .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: .4rem
    }

    .pt2-ns {
        padding-top: .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: .4rem
    }

    .ma2-ns {
        margin: .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: .4rem
    }

    .mr2-ns {
        margin-right: .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: .4rem
    }

    .mb2-ns {
        margin-bottom: .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: .4rem
    }

    .ml2-ns {
        margin-left: .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: .4rem
    }

    .mt2-ns {
        margin-top: .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: .4rem
    }

    .pa2-m {
        padding: .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: .4rem
    }

    .pr2-m {
        padding-right: .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: .4rem
    }

    .pb2-m {
        padding-bottom: .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: .4rem
    }

    .pl2-m {
        padding-left: .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: .4rem
    }

    .pt2-m {
        padding-top: .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: .4rem
    }

    .ma2-m {
        margin: .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: .4rem
    }

    .mr2-m {
        margin-right: .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: .4rem
    }

    .mb2-m {
        margin-bottom: .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: .4rem
    }

    .ml2-m {
        margin-left: .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: .4rem
    }

    .mt2-m {
        margin-top: .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: .4rem
    }

    .pa2-l {
        padding: .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: .4rem
    }

    .pr2-l {
        padding-right: .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: .4rem
    }

    .pb2-l {
        padding-bottom: .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: .4rem
    }

    .pl2-l {
        padding-left: .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: .4rem
    }

    .pt2-l {
        padding-top: .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: .4rem
    }

    .ma2-l {
        margin: .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: .4rem
    }

    .mr2-l {
        margin-right: .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: .4rem
    }

    .mb2-l {
        margin-bottom: .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: .4rem
    }

    .ml2-l {
        margin-left: .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: .4rem
    }

    .mt2-l {
        margin-top: .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%,.1)
}

.b--white-20 {
    border-color: hsla(0,0%,100%,.2)
}

.b--white-30 {
    border-color: hsla(0,0%,100%,.3)
}

.b--white-40 {
    border-color: hsla(0,0%,100%,.4)
}

.b--white-50 {
    border-color: hsla(0,0%,100%,.5)
}

.b--white-60 {
    border-color: hsla(0,0%,100%,.6)
}

.b--white-70 {
    border-color: hsla(0,0%,100%,.7)
}

.b--white-80 {
    border-color: hsla(0,0%,100%,.8)
}

.b--white-90 {
    border-color: hsla(0,0%,100%,.9)
}

.b--black-10 {
    border-color: rgba(21,23,26,.1)
}

.b--black-20 {
    border-color: rgba(21,23,26,.2)
}

.b--black-30 {
    border-color: rgba(21,23,26,.3)
}

.b--black-40 {
    border-color: rgba(21,23,26,.4)
}

.b--black-50 {
    border-color: rgba(21,23,26,.5)
}

.b--black-60 {
    border-color: rgba(21,23,26,.6)
}

.b--black-70 {
    border-color: rgba(21,23,26,.7)
}

.b--black-80 {
    border-color: rgba(21,23,26,.8)
}

.b--black-90 {
    border-color: rgba(21,23,26,.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: .2rem
}

.br2 {
    border-radius: .3rem
}

.br3 {
    border-radius: .5rem
}

.br4 {
    border-radius: .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: .2rem
    }

    .br2-ns {
        border-radius: .3rem
    }

    .br3-ns {
        border-radius: .5rem
    }

    .br4-ns {
        border-radius: .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: .2rem
    }

    .br2-m {
        border-radius: .3rem
    }

    .br3-m {
        border-radius: .5rem
    }

    .br4-m {
        border-radius: .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: .2rem
    }

    .br2-l {
        border-radius: .3rem
    }

    .br3-l {
        border-radius: .5rem
    }

    .br4-l {
        border-radius: .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: .125rem
}

.bw2 {
    border-width: .25rem
}

.bw3 {
    border-width: .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: .125rem
    }

    .bw2-ns {
        border-width: .25rem
    }

    .bw3-ns {
        border-width: .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: .125rem
    }

    .bw2-m {
        border-width: .25rem
    }

    .bw3-m {
        border-width: .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: .125rem
    }

    .bw2-l {
        border-width: .25rem
    }

    .bw3-l {
        border-width: .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,.14),0 1px 6px rgba(0,0,0,.05),0 6px 10px -8px rgba(0,0,0,.14)
}

.shadow-2 {
    box-shadow: 0 0 1px rgba(0,0,0,.05),0 5px 18px rgba(0,0,0,.08)
}

.shadow-3 {
    box-shadow: 0 0 1px rgba(0,0,0,.05),0 8px 28px rgba(0,0,0,.12)
}

.pre {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: scroll
}

.top-0 {
    top: 0
}

.top-1 {
    top: .4rem
}

.top-2 {
    top: .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: .4rem
}

.right-2 {
    right: .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: .4rem
}

.bottom-2 {
    bottom: .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: .4rem
}

.left-2 {
    left: .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: .4rem
    }

    .top-2-ns {
        top: .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: .4rem
    }

    .right-2-ns {
        right: .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: .4rem
    }

    .bottom-2-ns {
        bottom: .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: .4rem
    }

    .left-2-ns {
        left: .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: .4rem
    }

    .top-2-m {
        top: .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: .4rem
    }

    .right-2-m {
        right: .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: .4rem
    }

    .bottom-2-m {
        bottom: .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: .4rem
    }

    .left-2-m {
        left: .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: .4rem
    }

    .top-2-l {
        top: .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: .4rem
    }

    .right-2-l {
        right: .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: .4rem
    }

    .bottom-2-l {
        bottom: .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: .4rem
    }

    .left-2-l {
        left: .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 .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 .15s ease-in-out
}

.slider {
    transition: .4s
}

.slider:before {
    z-index: 999;
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 1px;
    bottom: 1px;
    background-color: #fff;
    transition: .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%,.8);
    opacity: 0
}

.onofflabel:after,.onofflabel:before {
    position: absolute;
    top: 8px;
    transition: .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: .4rem
}

.h2 {
    height: .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:.4rem
    }

    .h2-ns {
        height: .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:.4rem
    }

    .h2-m {
        height: .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:.4rem
    }

    .h2-l {
        height: .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: .02rem
}

.tracked-2 {
    letter-spacing: .04rem
}

.tracked-3 {
    letter-spacing: .06rem
}

@media screen and (min-width: 700px) {
    .tracked-1-ns {
        letter-spacing:.02rem
    }

    .tracked-2-ns {
        letter-spacing: .04rem
    }

    .tracked-3-ns {
        letter-spacing: .06rem
    }
}

@media screen and (min-width: 700px) and (max-width:1080px) {
    .tracked-1-m {
        letter-spacing:.02rem
    }

    .tracked-2-m {
        letter-spacing: .04rem
    }

    .tracked-3-m {
        letter-spacing: .06rem
    }
}

@media screen and (min-width: 1080px) {
    .tracked-1-l {
        letter-spacing:.02rem
    }

    .tracked-2-l {
        letter-spacing: .04rem
    }

    .tracked-3-l {
        letter-spacing: .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 .15s ease-in
}

.link:focus {
    outline: 1px dotted currentColor
}

.list {
    list-style-type: none
}

.mw1 {
    max-width: .4rem
}

.mw2 {
    max-width: .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:.4rem
    }

    .mw2-ns {
        max-width: .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:.4rem
    }

    .mw2-m {
        max-width: .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:.4rem
    }

    .mw2-l {
        max-width: .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: .4rem
}

.miw2 {
    min-width: .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:.4rem
    }

    .miw2-ns {
        min-width: .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:.4rem
    }

    .miw2-m {
        min-width: .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:.4rem
    }

    .miw2-l {
        min-width: .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: .4rem
}

.mih2 {
    min-height: .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:.4rem
    }

    .mih2-ns {
        min-height: .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:.4rem
    }

    .mih2-m {
        min-height: .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: .4rem
    }

    .mih2-l {
        min-height: .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: .4rem
}

.w2 {
    width: .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:.4rem
    }

    .w2-ns {
        width: .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:.4rem
    }

    .w2-m {
        width: .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:.4rem
    }

    .w2-l {
        width: .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: .9
}

.o-80 {
    opacity: .8
}

.o-70 {
    opacity: .7
}

.o-60 {
    opacity: .6
}

.o-50 {
    opacity: .5
}

.o-40 {
    opacity: .4
}

.o-30 {
    opacity: .3
}

.o-20 {
    opacity: .2
}

.o-10 {
    opacity: .1
}

.o-05 {
    opacity: .05
}

.o-025 {
    opacity: .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%,.1)
}

.white-20 {
    color: hsla(0,0%,100%,.2)
}

.white-30 {
    color: hsla(0,0%,100%,.3)
}

.white-40 {
    color: hsla(0,0%,100%,.4)
}

.white-50 {
    color: hsla(0,0%,100%,.5)
}

.white-60 {
    color: hsla(0,0%,100%,.6)
}

.white-70 {
    color: hsla(0,0%,100%,.7)
}

.white-80 {
    color: hsla(0,0%,100%,.8)
}

.white-90 {
    color: hsla(0,0%,100%,.9)
}

.black-10 {
    color: rgba(21,23,26,.1)
}

.black-20 {
    color: rgba(21,23,26,.2)
}

.black-30 {
    color: rgba(21,23,26,.3)
}

.black-40 {
    color: rgba(21,23,26,.4)
}

.black-50 {
    color: rgba(21,23,26,.5)
}

.black-60 {
    color: rgba(21,23,26,.6)
}

.black-70 {
    color: rgba(21,23,26,.7)
}

.black-80 {
    color: rgba(21,23,26,.8)
}

.black-90 {
    color: rgba(21,23,26,.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%,.1)
}

.bg-white-20 {
    background-color: hsla(0,0%,100%,.2)
}

.bg-white-30 {
    background-color: hsla(0,0%,100%,.3)
}

.bg-white-40 {
    background-color: hsla(0,0%,100%,.4)
}

.bg-white-50 {
    background-color: hsla(0,0%,100%,.5)
}

.bg-white-60 {
    background-color: hsla(0,0%,100%,.6)
}

.bg-white-70 {
    background-color: hsla(0,0%,100%,.7)
}

.bg-white-80 {
    background-color: hsla(0,0%,100%,.8)
}

.bg-white-90 {
    background-color: hsla(0,0%,100%,.9)
}

.bg-black-10 {
    background-color: rgba(21,23,26,.1)
}

.bg-black-20 {
    background-color: rgba(21,23,26,.2)
}

.bg-black-30 {
    background-color: rgba(21,23,26,.3)
}

.bg-black-40 {
    background-color: rgba(21,23,26,.4)
}

.bg-black-50 {
    background-color: rgba(21,23,26,.5)
}

.bg-black-60 {
    background-color: rgba(21,23,26,.6)
}

.bg-black-70 {
    background-color: rgba(21,23,26,.7)
}

.bg-black-80 {
    background-color: rgba(21,23,26,.8)
}

.bg-black-90 {
    background-color: rgba(21,23,26,.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,.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,.2),transparent 40%,transparent);
    opacity: 0;
    transition: all .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%,.1)
}

.hover-white-20:focus,.hover-white-20:hover {
    color: hsla(0,0%,100%,.2)
}

.hover-white-30:focus,.hover-white-30:hover {
    color: hsla(0,0%,100%,.3)
}

.hover-white-40:focus,.hover-white-40:hover {
    color: hsla(0,0%,100%,.4)
}

.hover-white-50:focus,.hover-white-50:hover {
    color: hsla(0,0%,100%,.5)
}

.hover-white-60:focus,.hover-white-60:hover {
    color: hsla(0,0%,100%,.6)
}

.hover-white-70:focus,.hover-white-70:hover {
    color: hsla(0,0%,100%,.7)
}

.hover-white-80:focus,.hover-white-80:hover {
    color: hsla(0,0%,100%,.8)
}

.hover-white-90:focus,.hover-white-90:hover {
    color: hsla(0,0%,100%,.9)
}

.hover-black-10:focus,.hover-black-10:hover {
    color: rgba(21,23,26,.1)
}

.hover-black-20:focus,.hover-black-20:hover {
    color: rgba(21,23,26,.2)
}

.hover-black-30:focus,.hover-black-30:hover {
    color: rgba(21,23,26,.3)
}

.hover-black-40:focus,.hover-black-40:hover {
    color: rgba(21,23,26,.4)
}

.hover-black-50:focus,.hover-black-50:hover {
    color: rgba(21,23,26,.5)
}

.hover-black-60:focus,.hover-black-60:hover {
    color: rgba(21,23,26,.6)
}

.hover-black-70:focus,.hover-black-70:hover {
    color: rgba(21,23,26,.7)
}

.hover-black-80:focus,.hover-black-80:hover {
    color: rgba(21,23,26,.8)
}

.hover-black-90:focus,.hover-black-90:hover {
    color: rgba(21,23,26,.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%,.1)
}

.hover-bg-white-20:focus,.hover-bg-white-20:hover {
    background-color: hsla(0,0%,100%,.2)
}

.hover-bg-white-30:focus,.hover-bg-white-30:hover {
    background-color: hsla(0,0%,100%,.3)
}

.hover-bg-white-40:focus,.hover-bg-white-40:hover {
    background-color: hsla(0,0%,100%,.4)
}

.hover-bg-white-50:focus,.hover-bg-white-50:hover {
    background-color: hsla(0,0%,100%,.5)
}

.hover-bg-white-60:focus,.hover-bg-white-60:hover {
    background-color: hsla(0,0%,100%,.6)
}

.hover-bg-white-70:focus,.hover-bg-white-70:hover {
    background-color: hsla(0,0%,100%,.7)
}

.hover-bg-white-80:focus,.hover-bg-white-80:hover {
    background-color: hsla(0,0%,100%,.8)
}

.hover-bg-white-90:focus,.hover-bg-white-90:hover {
    background-color: hsla(0,0%,100%,.9)
}

.hover-bg-black-10:focus,.hover-bg-black-10:hover {
    background-color: rgba(21,23,26,.1)
}

.hover-bg-black-20:focus,.hover-bg-black-20:hover {
    background-color: rgba(21,23,26,.2)
}

.hover-bg-black-30:focus,.hover-bg-black-30:hover {
    background-color: rgba(21,23,26,.3)
}

.hover-bg-black-40:focus,.hover-bg-black-40:hover {
    background-color: rgba(21,23,26,.4)
}

.hover-bg-black-50:focus,.hover-bg-black-50:hover {
    background-color: rgba(21,23,26,.5)
}

.hover-bg-black-60:focus,.hover-bg-black-60:hover {
    background-color: rgba(21,23,26,.6)
}

.hover-bg-black-70:focus,.hover-bg-black-70:hover {
    background-color: rgba(21,23,26,.7)
}

.hover-bg-black-80:focus,.hover-bg-black-80:hover {
    background-color: rgba(21,23,26,.8)
}

.hover-bg-black-90:focus,.hover-bg-black-90:hover {
    background-color: rgba(21,23,26,.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 .4rem
}

.tmb--0-5x {
    margin: 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 .4rem
    }

    .tmb--0-5x-ns {
        margin: 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 .4rem
    }

    .tmb--0-5x-m {
        margin: 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 .4rem
    }

    .tmb--0-5x-l {
        margin: 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: -.4rem
}

.na2 {
    margin: -.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: -.4rem
}

.nr2 {
    margin-right: -.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: -.4rem
}

.nb2 {
    margin-bottom: -.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: -.4rem
}

.nl2 {
    margin-left: -.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: -.4rem
}

.nt2 {
    margin-top: -.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: -.4rem
    }

    .na2-ns {
        margin: -.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: -.4rem
    }

    .nr2-ns {
        margin-right: -.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: -.4rem
    }

    .nb2-ns {
        margin-bottom: -.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: -.4rem
    }

    .nl2-ns {
        margin-left: -.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: -.4rem
    }

    .nt2-ns {
        margin-top: -.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: -.4rem
    }

    .na2-m {
        margin: -.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: -.4rem
    }

    .nr2-m {
        margin-right: -.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: -.4rem
    }

    .nb2-m {
        margin-bottom: -.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: -.4rem
    }

    .nl2-m {
        margin-left: -.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: -.4rem
    }

    .nt2-m {
        margin-top: -.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: -.4rem
    }

    .na2-l {
        margin: -.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: -.4rem
    }

    .nr2-l {
        margin-right: -.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: -.4rem
    }

    .nb2-l {
        margin-bottom: -.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: -.4rem
    }

    .nl2-l {
        margin-left: -.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: -.4rem
    }

    .nt2-l {
        margin-top: -.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 .15s ease-in
}

.trans-from-up {
    transform: scale(.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 .2s cubic-bezier(.4,.01,.165,.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 .6rem .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,.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,.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%,.1)
}

.fill-white-20 g,.fill-white-20 path {
    fill: hsla(0,0%,100%,.2)
}

.fill-white-30 g,.fill-white-30 path {
    fill: hsla(0,0%,100%,.3)
}

.fill-white-40 g,.fill-white-40 path {
    fill: hsla(0,0%,100%,.4)
}

.fill-white-50 g,.fill-white-50 path {
    fill: hsla(0,0%,100%,.5)
}

.fill-white-60 g,.fill-white-60 path {
    fill: hsla(0,0%,100%,.6)
}

.fill-white-70 g,.fill-white-70 path {
    fill: hsla(0,0%,100%,.7)
}

.fill-white-80 g,.fill-white-80 path {
    fill: hsla(0,0%,100%,.8)
}

.fill-white-90 g,.fill-white-90 path {
    fill: hsla(0,0%,100%,.9)
}

.fill-black-10 g,.fill-black-10 path {
    fill: rgba(21,23,26,.1)
}

.fill-black-20 g,.fill-black-20 path {
    fill: rgba(21,23,26,.2)
}

.fill-black-30 g,.fill-black-30 path {
    fill: rgba(21,23,26,.3)
}

.fill-black-40 g,.fill-black-40 path {
    fill: rgba(21,23,26,.4)
}

.fill-black-50 g,.fill-black-50 path {
    fill: rgba(21,23,26,.5)
}

.fill-black-60 g,.fill-black-60 path {
    fill: rgba(21,23,26,.6)
}

.fill-black-70 g,.fill-black-70 path {
    fill: rgba(21,23,26,.7)
}

.fill-black-80 g,.fill-black-80 path {
    fill: rgba(21,23,26,.8)
}

.fill-black-90 g,.fill-black-90 path {
    fill: rgba(21,23,26,.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%,.1)
}

.stroke-white-20 g,.stroke-white-20 path {
    stroke: hsla(0,0%,100%,.2)
}

.stroke-white-30 g,.stroke-white-30 path {
    stroke: hsla(0,0%,100%,.3)
}

.stroke-white-40 g,.stroke-white-40 path {
    stroke: hsla(0,0%,100%,.4)
}

.stroke-white-50 g,.stroke-white-50 path {
    stroke: hsla(0,0%,100%,.5)
}

.stroke-white-60 g,.stroke-white-60 path {
    stroke: hsla(0,0%,100%,.6)
}

.stroke-white-70 g,.stroke-white-70 path {
    stroke: hsla(0,0%,100%,.7)
}

.stroke-white-80 g,.stroke-white-80 path {
    stroke: hsla(0,0%,100%,.8)
}

.stroke-white-90 g,.stroke-white-90 path {
    stroke: hsla(0,0%,100%,.9)
}

.stroke-black-10 g,.stroke-black-10 path {
    stroke: rgba(21,23,26,.1)
}

.stroke-black-20 g,.stroke-black-20 path {
    stroke: rgba(21,23,26,.2)
}

.stroke-black-30 g,.stroke-black-30 path {
    stroke: rgba(21,23,26,.3)
}

.stroke-black-40 g,.stroke-black-40 path {
    stroke: rgba(21,23,26,.4)
}

.stroke-black-50 g,.stroke-black-50 path {
    stroke: rgba(21,23,26,.5)
}

.stroke-black-60 g,.stroke-black-60 path {
    stroke: rgba(21,23,26,.6)
}

.stroke-black-70 g,.stroke-black-70 path {
    stroke: rgba(21,23,26,.7)
}

.stroke-black-80 g,.stroke-black-80 path {
    stroke: rgba(21,23,26,.8)
}

.stroke-black-90 g,.stroke-black-90 path {
    stroke: rgba(21,23,26,.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: .8rem
}

.iw1 {
    width: .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:.8rem
    }

    .iw1-ns {
        width: .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:.8rem
    }

    .iw1-m {
        width: .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:.8rem
    }

    .iw1-l {
        width: .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 .15s ease
}

.anim-normal {
    transition: all .2s ease
}

.anim-slow {
    transition: all .45s ease
}

.anim-fast-bezier {
    transition: all .15s cubic-bezier(.71,.16,.52,.88)
}

.anim-normal-bezier {
    transition: all .2s cubic-bezier(.71,.16,.52,.88)
}

.anim-slow-bezier {
    transition: all .45s cubic-bezier(.71,.16,.52,.88)
}

.dim {
    opacity: 1;
    will-change: opacity
}

.dim,.dim:focus,.dim:hover {
    transition: opacity .15s ease-in
}

.dim:focus,.dim:hover {
    opacity: .5
}

.dim:active {
    opacity: .8;
    transition: opacity .15s ease-out
}

.underline:hover {
    text-decoration: underline
}

.dim-lite {
    opacity: 1;
    transition: opacity .15s ease-in;
    will-change: opacity
}

.dim-lite:focus,.dim-lite:hover {
    opacity: .75;
    transition: opacity .15s ease-in
}

.dim-lite:active {
    opacity: .9;
    transition: opacity .15s ease-out
}

.glow {
    transition: border .45s ease!important
}

.glow:hover {
    border: 1px solid #14b8ff
}

.highlight-white {
    transition: all .15s ease!important
}

.highlight-white:hover {
    background-color: hsla(0,0%,100%,.15)!important
}

.highlight-whitegrey {
    transition: background .15s ease!important
}

.highlight-whitegrey:hover {
    background-color: #fafafb!important;
    transition: none
}

.hide-child .child {
    opacity: 0;
    transition: all .2s ease-in
}

.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child {
    opacity: 1;
    transition: all .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(.5rem) scale(.98)
}

.shadow-hover {
    position: relative;
    transition: all .5s cubic-bezier(.165,.84,.44,1)
}

.shadow-hover:after {
    content: "";
    box-shadow: 0 0 1px rgba(0,0,0,.05),0 5px 18px rgba(0,0,0,.09);
    border-radius: inherit;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .5s cubic-bezier(.165,.84,.44,1)
}

.shadow-hover:focus:after,.shadow-hover:hover:after {
    opacity: 1
}

.bg-animate,.bg-animate:focus,.bg-animate:hover {
    transition: background-color .2s ease-in-out
}

.ghost-spinner {
    animation: spin 1s linear infinite;
    border: 4px solid rgba(21,23,26,.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,.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,.2)
}

.spinner-blue:before {
    background: rgba(62,176,239,.7)
}

.spinner-white {
    border-color: hsla(0,0%,100%,.2)
}

.spinner-white:before {
    background: hsla(0,0%,100%,.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,.1);
    box-shadow: 0 1px 0 rgba(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%,.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,.1);
    box-shadow: 0 1px 0 rgba(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%,.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,.1);
    box-shadow: 0 1px 0 rgba(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%,.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,.15)
}

.gh-logo svg g {
    fill: #fff;
    opacity: 1
}

.overlay-dark {
    background: rgba(50,71,80,.85)
}

.list-miw {
    min-height: 92px
}

.list-item-hover:hover {
    background: rgba(62,176,239,.08)
}

.dropdown-arrow {
    width: 10px;
    height: 10px
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .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: .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 .2s ease 0s
}

.tooltip-delayed:hover:before {
    opacity: 1;
    transition: opacity .2s ease .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: .1px;
    transform: translate(-50%,5px);
    pointer-events: none;
    opacity: 0;
    transition: opacity .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 .2s ease .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
}

@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: .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: .7s
}

@font-face {
    font-family: Inter;
    src: url(https://assets.ghost.io/admin-forward/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-forward/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,.2)
}

.midgrey-bg-hover:hover {
    background: rgba(124,139,154,.3)
}

.lightgrey-bg-hover:hover {
    background: rgba(206,212,217,.3)
}

.blue-bg-hover:hover {
    background: rgba(20,184,255,.3)
}

.red-bg-hover:hover {
    background-color: rgba(245,11,35,.2)
}

.green-bg-hover:hover {
    background: rgba(48,207,67,.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: .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 .3em;
    color: #15171a;
    line-height: 1.3em;
    text-rendering: optimizeLegibility
}

h1 {
    text-indent: -1px;
    font-size: 2.9rem;
    letter-spacing: -.021em
}

@media (max-width: 500px) {
    h1 {
        font-size:2.4rem;
        letter-spacing: -.019em
    }
}

h2 {
    font-size: 2.2rem;
    letter-spacing: -.019em
}

@media (max-width: 500px) {
    h2 {
        font-size:1.9rem;
        letter-spacing: -.017em
    }
}

h3 {
    font-size: 1.9rem;
    letter-spacing: -.017em
}

@media (max-width: 500px) {
    h3 {
        font-size:1.7rem;
        letter-spacing: -.015em
    }
}

h4 {
    font-size: 1.7rem;
    letter-spacing: -.013em
}

h5,h6 {
    font-size: 1.5rem;
    letter-spacing: -.009em
}

.gh-heading-xs {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .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 .4em;
    padding-left: 2em;
    font-size: .9em
}

mark {
    background-color: #fdffb6
}

a {
    color: #2bba3c;
    transition: background .3s,color .3s
}

a,a:hover {
    text-decoration: none
}

a:hover {
    transition: background .1s,color .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: .6em solid #dfe1e3
}

blockquote p {
    margin: .8em 0;
    font-size: 1.2em;
    font-weight: 300
}

blockquote small {
    display: inline-block;
    margin: .8em 0 .8em 1.5em;
    color: #7c8b9a;
    font-size: .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: .2rem .3rem;
    border: 1px solid #e6e9eb;
    border-radius: 2px;
    color: #d70467;
    vertical-align: middle;
    white-space: pre-wrap;
    font-size: .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: .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: .9em
}

kbd {
    display: inline-block;
    margin-bottom: .4em;
    padding: 1px 8px;
    border: 1px solid #ccc;
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px 0 0 #fff;
    color: #394047;
    text-shadow: #fff 0 1px 0;
    font-size: .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
}

.gh-app .show {
    display: block!important
}

.hidden {
    display: none
}

.ember-basic-dropdown-wormhole .hidden,.ember-modal-wormhole .hidden,.gh-app .hidden,.gh-btn .hidden,.liquid-destination .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(.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 .2s;
    animation-fill-mode: forwards
}

.fade-in-scale {
    animation: fade-in-scale .2s;
    animation-fill-mode: forwards
}

.fade-out {
    animation: fade-out .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 .15s;
    animation-fill-mode: forwards
}

.anim-fade-in-scale-leave-active {
    animation: fade-out .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 .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: .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: -.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,.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,.05),0 5px 18px rgba(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 .15s ease-in-out,border-color .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 .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 .15s ease-in-out,border-color .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 .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,.25)
}

.gh-radio-color {
    position: relative
}

.gh-radio-color>input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    opacity: .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 .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: .3s;
    width: 48px!important;
    height: 26px!important;
    border-radius: 999px;
    transition: all .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: .3s;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    border-radius: 999px;
    transition: all .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,.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 .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: .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: -.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: .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 .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: .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: .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,.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,.01),0 1px 2px rgba(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: .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: .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,.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: .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,.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,.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: .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: .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: .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: -.18em;
    display: inline-block;
    padding: .2em .5em .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: -.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: .2px;
    background: rgba(20,184,255,.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,.04);
    border-color: rgba(48,207,67,.6)
}

.gh-box-green a {
    color: #2bba3c
}

.gh-box-alert {
    border-color: #ffb41f;
    background: rgba(255,180,31,.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,.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
}

.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,.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,.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
}

.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: .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 -.3px 1px rgba(0,0,0,.03),0 -4px 4px rgba(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,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07)
}

.modal-header h1 {
    line-height: 1.35em;
    letter-spacing: .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: .6;
    animation: epm-backdrop-in .2s ease-in-out 0s forwards;
    animation-delay: 0s;
    animation-duration: .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 .15s ease-out 0s forwards;
    animation-delay: 0s;
    animation-duration: .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 .2s ease-in-out 0s forwards;
    animation-delay: 0s;
    animation-duration: .2s;
    pointer-events: none
}

.epm-modal.epm-out {
    opacity: 1;
    animation: epm-modal-out .15s ease-out 0s forwards;
    animation-delay: 0s;
    animation-duration: .15s;
    pointer-events: none;
    transform: none
}

@keyframes epm-backdrop-in {
    0% {
        opacity: 0
    }

    to {
        opacity: .6
    }
}

@keyframes epm-backdrop-out {
    0% {
        opacity: .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,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(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: -.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,.28),0 100px 80px rgba(0,0,0,.0112458),0 41.7776px 33.4221px rgba(0,0,0,.0161557),0 22.3363px 17.869px rgba(0,0,0,.02),0 12.5216px 10.0172px rgba(0,0,0,.0238443),0 6.6501px 5.32008px rgba(0,0,0,.0287542),0 2.76726px 2.21381px rgba(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: .8s,.35s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.445,.05,.55,.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,.6);
    border-radius: 6px;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.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: .33;
    transition: opacity .3s ease
}

.gh-image-uploader-unsplash:hover {
    cursor: pointer;
    opacity: 1;
    transition: opacity .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,.04),0 8px 20px -3px rgba(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: .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,.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 .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 .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,.028),0 3.8px 7.8px rgba(0,0,0,.042),0 17px 35px -7px rgba(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: .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,.2);
    border-radius: 999px;
    text-transform: uppercase
}

.gh-badge-blue {
    background: #14b8ff
}

.gh-badge-red {
    color: #f50b23;
    background: rgba(245,11,35,.2)
}

.gh-badge-pink {
    color: #fb2d8d;
    background: rgba(251,45,141,.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,.007),-12.5px 0 10px rgba(0,0,0,.008),-30.1px 0 24.1px rgba(0,0,0,.01),-100px 0 80px rgba(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: .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: .4rem 0
}

.settings-menu-content .for-checkbox .input-toggle-component {
    margin-right: .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 .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,.16),0 8px 16px rgba(27,39,51,.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: .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 .4s cubic-bezier(.1,.7,.1,1);
    animation: coverFadeIn .3s ease .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: .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(.4,0,.2,1);
    transition-duration: .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,.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,.15)
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    padding: 4px 0;
    border-bottom-color: rgba(237,238,238,.7);
    border-top: 1px solid rgba(237,238,238,.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,.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,.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: .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,.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: .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: .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: .15
}

.tag-token span {
    position: relative;
    z-index: 2;
    opacity: .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: .15
}

#author-list ul li:first-of-type span {
    position: relative;
    z-index: 2;
    opacity: .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: .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
}

.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: .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: .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 .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: .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: .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: .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: .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: .8em;
    height: .8em;
    margin-right: .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 .25s cubic-bezier(.8,.02,.45,.91) forwards
}

.epm-out .gh-publish-settings-container.fade-in {
    transform-origin: center;
    animation: fade-out-pulse .25s cubic-bezier(.8,.02,.45,.91) forwards
}

@keyframes fade-in-pulse {
    0% {
        opacity: 0;
        transform: scale(.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(.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: -.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: .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 .2s ease-in-out
}

.gh-publish-setting-title .icon-expand path {
    stroke: #abb4be
}

.expanded .icon-expand {
    transform: scaleY(-1);
    transition: all .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
}

.gh-publish-setting-email-warning {
    transition: all .3s ease
}

.gh-publish-setting-email-warning.open {
    transform: translateY(-12px);
    margin-bottom: 12px
}

@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: .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,.08),0 2.1px 2.2px -5px rgba(0,0,0,.011),0 5.1px 5.3px -5px rgba(0,0,0,.016),0 9.5px 10px -5px rgba(0,0,0,.02),0 17px 17.9px -5px rgba(0,0,0,.024),0 31.8px 33.4px -5px rgba(0,0,0,.029),0 76px 80px -5px rgba(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(.98);
        box-shadow: 0 0 0 0 rgba(48,207,67,.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(48,207,67,0)
    }

    to {
        transform: scale(.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,.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: .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,.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: .4px;
    transition: color .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,.03),0 2px 5px rgba(0,0,0,.07);
    border-radius: 6px;
    transition: all .3s ease-in-out
}

.gh-post-bookmark:hover {
    box-shadow: 0 54px 80px rgba(0,0,0,.07),0 19.7109px 29.2013px rgba(0,0,0,.0482987),0 9.56927px 14.1767px rgba(0,0,0,.0389404),0 4.69103px 6.94968px rgba(0,0,0,.0310596),0 1.85484px 2.74791px rgba(0,0,0,.0217013),0 0 0 1px rgba(0,0,0,.03);
    transition: all .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: .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: -.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: -.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,.2),transparent 40%,transparent 60%,rgba(0,0,0,.3));
    opacity: 0;
    transition: all .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: .9;
    transition: all .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%,.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,.1),1px 3px 8px rgba(39,44,49,.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: .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 .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 .3s ease .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: .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,.02),0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(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(.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(.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: .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: .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,.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: .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 .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,.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,.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 .25s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out,box-shadow .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,.02),41.78px 0 33.422px 0 rgba(0,0,0,.01),22.34px 0 17.869px 0 rgba(0,0,0,.01),12.52px 0 10.017px 0 rgba(0,0,0,.01),6.65px 0 5.32px 0 rgba(0,0,0,.01),2.77px 0 2.214px 0 rgba(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 .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 .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,.08),0 2.1px 2.2px -5px rgba(0,0,0,.011),0 5.1px 5.3px -5px rgba(0,0,0,.016),0 9.5px 10px -5px rgba(0,0,0,.02),0 17px 17.9px -5px rgba(0,0,0,.024),0 31.8px 33.4px -5px rgba(0,0,0,.029),0 76px 80px -5px rgba(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 .2s;
    animation-fill-mode: forwards
}

.gh-nav-menu-dropdown.ember-basic-dropdown--transitioning-out {
    animation: fade-out .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 .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 .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
}

.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: .2px;
    text-align: right;
    background: none;
    color: hsla(0,0%,100%,.9);
    text-shadow: 0 1px 4px rgba(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: .1px;
    white-space: nowrap;
    padding: 1px 8px;
    border-radius: 5px
}

.gh-nav-search-modal .gh-nav-search-label.draft {
    background: rgba(236,22,111,.1);
    color: #fb2d8d
}

.gh-nav-search-modal .gh-nav-search-label.scheduled {
    background: rgba(48,207,67,.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: .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
}

.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 {
    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 .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 .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 .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 .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 .4s cubic-bezier(.1,.7,.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,.02),41.78px 0 33.422px 0 rgba(0,0,0,.01),22.34px 0 17.869px 0 rgba(0,0,0,.01),12.52px 0 10.017px 0 rgba(0,0,0,.01),6.65px 0 5.32px 0 rgba(0,0,0,.01),2.77px 0 2.214px 0 rgba(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 .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: .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: .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: .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: -.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: .5em;
    height: .5em;
    margin: 0 10px
}

.gh-canvas-breadcrumb+.gh-canvas-title {
    padding: 6px 0 0
}

.gh-btn-edit-view {
    opacity: 0;
    transition: all .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: .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: .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: -.015em;
    color: #15171a;
    margin: 0 0 .5rem
}

.gh-done header p {
    font-size: 1.9rem;
    line-height: 1.3em;
    margin: .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,.04);
    width: 100%;
    height: 100%;
    margin: 0;
    animation: fadeUp .3s ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.gh-done section a {
    display: grid;
    grid-template-columns: 54px auto;
    margin: 0 -.5rem 1.25rem;
    padding: 1.75rem 1.1rem 2.1rem;
    border: 1px solid #ffb41f;
    border-radius: 6px;
    transition: border-color .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,.28),7px 6px 42px 8px rgba(202,103,255,.32);
    transition: all .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,.38),7px 8px 42px 10px rgba(202,103,255,.42);
    transition: all .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: -.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,.1),0 3px 8px 0 rgba(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,.08),0 2.1px 2.2px -5px rgba(0,0,0,.011),0 5.1px 5.3px -5px rgba(0,0,0,.016),0 9.5px 10px -5px rgba(0,0,0,.02),0 17px 17.9px -5px rgba(0,0,0,.024),0 31.8px 33.4px -5px rgba(0,0,0,.029),0 76px 80px -5px rgba(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: .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,.1)
}

.gh-flow-content .form-group {
    margin-bottom: 20px!important
}

.gh-flow-content .form-group label {
    margin: 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: -.013em
}

.gh-flow-content .gh-input:focus {
    border-color: #30cf43;
    box-shadow: 0 0 0 3px rgba(26,170,96,.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%,.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,.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: -.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 .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: -.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: .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: -.006em;
    transition: border-color .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,.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: .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: .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 .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,.04),0 7px 20px -5px rgba(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: .05;
    background: #6e78e5
}

.gh-posts-list-item-group[data-selected]:before {
    opacity: .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: .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,.1)
}

.gh-content-status-emailed.scheduled {
    background: rgba(48,207,67,.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 .33em
    }

    .gh-content-attribution-stats {
        display: none
    }

    .gh-content-attribution-stats-mobile {
        display: inherit;
        padding: 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 .25s .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: -.3px
}

.gh-post-analytics-resource {
    padding: 2.4rem;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px -1px rgba(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,.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: .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: -.4px;
    line-height: 1em;
    white-space: nowrap
}

.gh-post-analytics-item h3 sup {
    top: -.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 .1s linear
}

.gh-post-analytics-item>a:hover {
    opacity: .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,.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,.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 .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: .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: .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: .01em;
    transition: color .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: .25
}

.gh-links-pagination-action svg {
    width: 6px;
    fill: #30cf43;
    stroke: #30cf43;
    transition: all .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,.5)
}

.feature-audienceFeedback .gh-links-list-item.gh-links-list-item-edit-mode {
    padding-top: .8rem;
    padding-bottom: .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 .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: -.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 .2s ease;
    white-space: nowrap;
    height: 34px;
    overflow: hidden;
    transition: all .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 .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 .75rem;
    color: #40474f;
    transition: all .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: -.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,.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: .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: -.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: -.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: .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,.842589) 62.56%,rgba(247,250,252,.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: .25
}

.gh-post-activity-feed-pagination-button:hover:not(:disabled) {
    filter: brightness(.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,.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,.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,.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 .5em 0 0;
    line-height: 1em;
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .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: -.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: -.01em;
    font-weight: 600;
    line-height: 22.5px;
    color: inherit;
    letter-spacing: 0
}

.feature-trafficAnalytics .analytics-tab-percentage {
    opacity: .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 .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,.28),0 100px 80px 0 rgba(0,0,0,.01),0 41.778px 33.422px 0 rgba(0,0,0,.02),0 22.336px 17.869px 0 rgba(0,0,0,.02),0 12.522px 10.017px 0 rgba(0,0,0,.02),0 6.65px 5.32px 0 rgba(0,0,0,.03),0 2.767px 2.214px 0 rgba(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: .3em;
    padding: .2em .6em .3em;
    color: #ced4d9;
    font-weight: 300;
    text-align: center;
    background-color: #394047;
    border-radius: .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 .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 .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,.1),inset 0 -1px 0 0 rgba(0,0,0,.06),0 1px 4px rgba(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: -.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: -.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: .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 .15em;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gh-twitter-preview-description {
    overflow: hidden;
    margin-top: .32333em
}

.gh-twitter-preview-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .35em
}

.gh-twitter-preview-footer-left {
    max-height: 1.3em;
    overflow: hidden;
    color: #8899a6;
    text-transform: lowercase;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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-email-size-warning-container {
    position: relative;
    display: flex;
    align-items: center
}

.gh-editor-email-size-warning {
    display: flex;
    align-items: center;
    margin-left: 0;
    cursor: pointer;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-width .3s ease,opacity .3s ease,margin-left .3s ease
}

.gh-editor-email-size-warning[data-warning-active=true] {
    max-width: 40px;
    opacity: 1;
    margin-left: 8px
}

.gh-editor-email-warning-icon-red {
    color: #f50b23
}

.gh-editor-email-warning-icon-yellow {
    color: #ffb41f
}

.gh-editor-email-size-warning svg {
    width: 16px;
    height: 16px
}

.gh-editor-email-size-warning svg path {
    stroke: #ffb41f!important
}

.gh-editor-email-size-popup {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    display: none;
    flex-direction: column;
    gap: 4px;
    width: 280px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 50px 100px -25px rgba(50,50,93,.2),0 30px 60px -20px rgba(0,0,0,.25),0 0 1px 0 rgba(0,0,0,.2);
    z-index: 1000;
    opacity: 0;
    animation: emailSizePopupfadeIn .2s ease-in forwards
}

@keyframes emailSizePopupfadeIn {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.gh-editor-email-size-warning:hover~.gh-editor-email-size-popup {
    display: flex
}

.gh-editor-email-size-popup-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #394047
}

.gh-editor-email-size-popup-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    color: #7c8b9a;
    margin-top: 4px
}

.gh-editor-email-size-popup-used {
    font-size: 1.3rem;
    font-weight: 600;
    color: #394047;
    margin-top: 4px
}

.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,.04),0 8px 20px -3px rgba(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,.2),transparent 40%,transparent);
    transition: all .1s ease-in;
    opacity: 0
}

.gh-editor-feature-image:hover .gh-editor-feature-image-overlay {
    opacity: 1
}

.gh-editor-feature-image .faded {
    opacity: .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 .1s ease-in;
    opacity: 0
}

.gh-editor-feature-image:hover .image-action {
    opacity: .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: .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: .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: .04rem;
    background-color: transparent!important;
    transition: border-color .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: .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: -.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: .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: -.018em;
    overflow: hidden;
    box-shadow: none
}

.gh-editor-excerpt:focus {
    box-shadow: none!important;
    border: none!important
}

.gh-editor-excerpt-error {
    margin-top: .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: .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 .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: .2px;
    line-height: 34px;
    white-space: nowrap;
    background: #fff;
    border-radius: 6px;
    transition: all .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: .5em;
    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: .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 .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 .6rem;
    transition: all .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 .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%,.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 .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 .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: .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: .6;
    transition: all .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: -.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,.15),0 0 1px rgba(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 -.3px 1px rgba(0,0,0,.03),0 -4px 7px rgba(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,.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: .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: .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,.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,.08),0 1px 4px rgba(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,.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,.08),0 1px 4px rgba(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,.08),0 1px 4px rgba(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: .9em;
    line-height: 1.5em;
    opacity: .7
}

.gh-whats-new .kg-product-card .kg-product-card-description p:not(:first-of-type) {
    margin-top: .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: .95em
}

.gh-whats-new .kg-product-card .kg-product-card-description li+li {
    margin-top: .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: .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: .95em;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    width: 100%;
    height: 2.4em;
    border-radius: 5px;
    padding: 0 1.2em;
    transition: opacity .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: .95em;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    transition: opacity .2s ease-in-out
}

.gh-whats-new .kg-button-card a.kg-btn:hover {
    opacity: .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,.13)
}

.gh-whats-new .kg-callout-card-white {
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(124,139,154,.25)
}

.gh-whats-new .kg-callout-card-blue {
    background: rgba(33,172,232,.12)
}

.gh-whats-new .kg-callout-card-green {
    background: rgba(52,183,67,.12)
}

.gh-whats-new .kg-callout-card-yellow {
    background: rgba(240,165,15,.13)
}

.gh-whats-new .kg-callout-card-red {
    background: rgba(209,46,46,.11)
}

.gh-whats-new .kg-callout-card-pink {
    background: rgba(225,71,174,.11)
}

.gh-whats-new .kg-callout-card-purple {
    background: rgba(135,85,236,.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: .8em;
    line-height: 1.25em;
    font-size: 1.15em
}

.gh-whats-new .kg-callout-card div.kg-callout-text {
    font-size: .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,.1),0 0 1px rgba(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,.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 .5s ease,top .35s ease;
    opacity: 0;
    top: -.5em;
    position: relative
}

.gh-whats-new .kg-toggle-content {
    height: auto;
    opacity: 1;
    transition: opacity 1s ease,top .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: .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: .95em;
    line-height: 1.5em;
    margin-top: .95em
}

.gh-whats-new .kg-toggle-card li+li {
    margin-top: .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,.5);
    transition: all .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,.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 .2s ease-in-out
}

.gh-whats-new .kg-video-large-play-icon {
    width: 72px;
    height: 72px;
    padding: 0;
    background: rgba(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,.5));
    z-index: 99;
    transition: opacity .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: .85em;
    font-weight: 500;
    line-height: 1.4em;
    white-space: nowrap
}

.gh-whats-new .kg-video-time {
    color: hsla(0,0%,100%,.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 .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: .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%,.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,.08),0 1px 4px rgba(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%,.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,.08),0 1px 4px rgba(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,.08),0 1px 4px rgba(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,.25);
    border-radius: 3px;
    transition: all .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,.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: .95em;
    line-height: 1.3em;
    opacity: .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: .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: .925em;
    opacity: .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: .06;
    transition: opacity .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: .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,.2))
}

.gh-whats-new .kg-header-card h2.kg-header-card-header {
    font-size: 5em;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -.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: .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: .2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #151515;
    height: 2.7em;
    padding: 0 1.2em;
    transition: opacity .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: .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,.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: -.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,.1);
    transition: all .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,.12),0 1px 6px rgba(0,0,0,.03),0 8px 10px -8px rgba(0,0,0,.1);
    transition: all .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: .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: .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,.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: .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 .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,.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: .6;
    font-weight: 500;
    letter-spacing: .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,.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 .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 .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: .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,.08),transparent),linear-gradient(transparent,rgba(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,.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,.01),0 1px 2px rgba(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: .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: .85px
}

.gh-import-member-icon {
    color: #394047;
    width: 54px!important;
    height: 54px!important;
    margin-right: -8px
}

.gh-import-member-icon * {
    stroke-width: .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 .15s ease-in-out;
    transition-delay: .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: .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,.02),0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(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: -.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: .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: .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: -.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(.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 .25em
}

.gh-membertier-archived .gh-membertier-name {
    opacity: .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: .8em;
    height: .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 .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,.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
}

.members-header .view-actions-top-row>.ember-basic-dropdown-content-wormhole-origin {
    position: absolute
}

.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 .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: .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,.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: .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: .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-scrolling tbody tr:hover>.gh-list-data {
    background: #fafafb
}

.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: .9;
    transition: all .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 .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 .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 .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,.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: .75rem
}

.gh-member-activity-actions-menu {
    cursor: default
}

.gh-member-activity-actions-menu .ember-power-select-option label {
    padding: .25rem 2rem .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: .125rem 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 .25rem;
    font-weight: 600
}

.gh-member-filter-search-dropdown li span {
    font-weight: 400;
    color: #626d79
}

.gh-members-activity .gh-canvas-header .view-actions>.ember-basic-dropdown-content-wormhole-origin {
    position: absolute
}

@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;
    height: 100svh
}

.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,.error-description {
    margin: 0;
    font-size: 1.8rem;
    color: #7c8b9a
}

.error-description {
    padding: 0;
    border: none;
    font-weight: 400
}

.error-message {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 15px;
    color: #7c8b9a
}

.error-stack {
    margin: 1rem auto;
    padding: 2rem;
    max-width: 800px;
    background-color: hsla(0,0%,100%,.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: .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: .6;
    transition: all .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,.02),0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(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 .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,.02),0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(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(.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-email-preview-clip-container {
    display: flex;
    background-color: #fafafb;
    border-bottom: 1px solid #ebeef0;
    padding: 20px;
    gap: 12px;
    align-items: flex-start
}

.gh-email-preview-clip-container svg {
    margin-top: 3px;
    width: 16px;
    min-width: 16px;
    height: auto
}

.gh-email-preview-clip-container svg path {
    stroke: #ffab05
}

.gh-email-preview-clip-title {
    font-weight: 600;
    font-size: 1.4rem;
    color: #15171a
}

.gh-email-preview-clip-title.mb {
    margin-bottom: 4px
}

.gh-email-preview-clip-description {
    font-size: 1.3rem;
    text-wrap: pretty;
    color: #626d79
}

.gh-email-preview-clip-used {
    font-size: 1.3rem;
    font-weight: 600
}

.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: .6;
    transition: all .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: .8rem;
    padding: 0 5px;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: inherit;
    text-transform: uppercase;
    letter-spacing: .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,.2);
    color: #26a636
}

.nav-list-item .gh-post-history-version-tag.unpublished {
    background: rgba(251,45,141,.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 .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,.04),0 -8px 16px -3px rgba(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: .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,.04),0 8px 20px -3px rgba(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: -.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 .35s cubic-bezier(.8,.02,.45,.91) forwards
}

.epm-out .gh-post-preview-container.fade-in {
    transform-origin: center;
    animation: fade-out-pulse .35s cubic-bezier(.8,.02,.45,.91) forwards
}

.gh-post-preview-browser-container {
    z-index: 999;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 .8rem;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0 1px rgba(0,0,0,.14),0 1px 6px rgba(0,0,0,.05),0 6px 10px -8px rgba(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: .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: .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: .8rem
}

.gh-post-preview-email-header label {
    min-width: 52px
}

.gh-post-preview-email-header .gh-input-x {
    cursor: pointer;
    background: #f4f5f6;
    transition: all .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: .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(.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,.14),0 1px 6px rgba(0,0,0,.05),0 6px 10px -8px rgba(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: .8rem
}

.gh-post-preview-share svg {
    fill: none;
    margin-right: .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 .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,.04),0 8px 20px -3px rgba(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,.05),0 8px 28px rgba(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 .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: .6rem 0;
    color: #2bba3c;
    font-weight: 500;
    letter-spacing: .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: .6rem 0;
    color: #2bba3c;
    font-weight: 500;
    letter-spacing: .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 .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: .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: -.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: -.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: -.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: -.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: .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: .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 .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,.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%,.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,.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: -.3px
}

.gh-dashboard-zero-message p {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5em;
    color: #626d79;
    letter-spacing: -.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 .1s linear;
    filter: brightness(1)
}

.gh-dashboard-zero-message a:hover {
    filter: brightness(.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: .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: .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 .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 .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: .4
}

.gh-dashboard-list-item.deleted-member a {
    pointer-events: none;
    opacity: .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: .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,.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,.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 .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,.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-forward/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,.07),0 19.7109px 29.2013px rgba(0,0,0,.05),0 9.56927px 14.1767px rgba(0,0,0,.04),0 4.69103px 6.94968px rgba(0,0,0,.03),0 1.85484px 2.74791px rgba(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 .3s;
    color: #fff;
    letter-spacing: -.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,.07);
    transition: all .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: .3px;
    color: #7c8b9a;
    margin: 0 0 8px;
    padding: 0;
    transition: color .3s
}

.gh-dashboard-resource-title:not(.is-large) h4 a {
    font-size: 1.1rem;
    font-weight: 700!important;
    text-transform: uppercase;
    letter-spacing: .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: -.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-forward/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 .25 ease-in-out
}

.gh-dashboard-resource-bigarticle:hover h3 {
    opacity: .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: .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 .25 ease-in-out
}

.gh-dashboard-resource .gh-dashboard-list-item:hover .gh-dashboard-list-link {
    opacity: .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 .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: .4rem .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,.18),0 45px 80px rgba(0,0,0,.04),0 18.7999px 33.4221px rgba(0,0,0,.0287542),0 10.0513px 17.869px rgba(0,0,0,.0238443),0 5.6347px 10.0172px rgba(0,0,0,.02),0 2.99255px 5.32008px rgba(0,0,0,.0161557),0 1.24527px 2.21381px rgba(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 .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,.08),0 2.1px 2.2px -5px rgba(0,0,0,.011),0 5.1px 5.3px -5px rgba(0,0,0,.016),0 9.5px 10px -5px rgba(0,0,0,.02),0 17px 17.9px -5px rgba(0,0,0,.024),0 31.8px 33.4px -5px rgba(0,0,0,.029),0 76px 80px -5px rgba(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: -.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,.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: .9
}

.gh-onboarding-item--completed:not(:first-child):hover .gh-onboarding-item-content {
    opacity: .24
}

.gh-onboarding-item--next {
    margin: 0 -32px 6px;
    background: #fff;
    padding: 24px 32px;
    box-shadow: 0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.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: .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 .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 .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 .3s ease-in-out
}

@media screen and (max-width: 480px) {
    .gh-onboarding-explore-dashboard {
        font-size:1.5rem
    }
}

.gh-onboarding-explore-dashboard:hover {
    opacity: .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 .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 .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 .3s ease-in-out
}

.gh-share-links li a:hover {
    box-shadow: 0 2px 4px rgba(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: -.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: .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: -.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: .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: .6;
    transition: all .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: -.03em
}

.explore-api {
    margin-bottom: 50px;
    color: rgba(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,.66);
    margin: 0;
    font-size: 1.9rem;
    font-weight: 400;
    letter-spacing: -.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: .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 .1s ease-in;
    box-shadow: 0 1px 4px -1px rgba(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,.04),0 8px 20px -3px rgba(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
}