@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],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{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
:root{
    --font-title:"Poppins",sans-serif;
    --font-body:"Poppins",sans-serif
}
.no-rounded{
    --radius-4:0;
    --radius-8:0;
    --radius-12:0;
    --radius-16:0;
    --radius-20:0;
    --radius-full:0;
    --radius-999:0
}
:root{
    --theme-color:var(--ghost-accent-color);
    --logo-header-height:24px;
    --white:#ffffff;
    --black:#000000;
    --success-color:#96EA8C;
    --error-color:#FF9B84;
    --radius-4:4px;
    --radius-8:8px;
    --radius-12:12px;
    --radius-16:16px;
    --radius-20:20px;
    --radius-full:50%;
    --radius-999:999px;
    --twitter:#1da1f2;
    --facebook:#1877f2;
    --instagram:#c13584;
    --github:#333333;
    --linkedin:#0077b5;
    --pinterest:#e60023;
    --whatsapp:#075e54;
    --behance:#1769ff;
    --dribbble:#ea4c89;
    --medium:#292929;
    --youtube:#ff0000;
    --discord:#5865f2;
    --mail:var(--text-color-main);
    --body-background-color:#F9F9FF;
    --card-background-color:#FFFFFF;
    --text-color-main:#2D3350;
    --text-color-dark:#090C1E;
    --text-color-light:#808495;
    --gray-1:#EFF1F4;
    --gray-2:#E8EAEE;
    --gray-3:#CFD0D4;
    --border-color:#DADCE5;
    --button-text-color:var(--white);
    --shadow:0 3px 10px -2px rgba(4, 9, 14, 0.1),0 10px 25px -30px rgba(0, 0, 0, 0.1)
}
[data-theme=dark]{
    --theme-color:var(--ghost-accent-color);
    --logo-header-height:24px;
    --white:#ffffff;
    --black:#000000;
    --success-color:#96EA8C;
    --error-color:#FF9B84;
    --radius-4:4px;
    --radius-8:8px;
    --radius-12:12px;
    --radius-16:16px;
    --radius-20:20px;
    --radius-full:50%;
    --radius-999:999px;
    --twitter:#1da1f2;
    --facebook:#1877f2;
    --instagram:#c13584;
    --github:#333333;
    --linkedin:#0077b5;
    --pinterest:#e60023;
    --whatsapp:#075e54;
    --behance:#1769ff;
    --dribbble:#ea4c89;
    --medium:#292929;
    --youtube:#ff0000;
    --discord:#5865f2;
    --mail:var(--text-color-main);
    --body-background-color:#262A2E;
    --card-background-color:#161819;
    --text-color-main:#d4d4d4;
    --text-color-dark:#f1f1f1;
    --text-color-light:#8a8c8d;
    --gray-1:#313438;
    --gray-2:#383c41;
    --gray-3:#4d4f50;
    --border-color:#2a2d3b;
    --button-text-color:var(--black);
    --shadow:0 3px 10px -2px rgba(4, 9, 14, 0.5),0 10px 25px -30px rgba(0, 0, 0, 0.5);
    --github:#DDDDDD
}
html{
    box-sizing:border-box
}
*,::after,::before{
    box-sizing:inherit
}
.container{
    max-width:1320px;
    width:100%;
    padding-right:20px;
    padding-left:20px;
    margin-right:auto;
    margin-left:auto
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-20px;
    margin-left:-20px
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{
    width:100%;
    min-height:1px;
    padding-right:20px;
    padding-left:20px
}
.col{
    flex-basis:0;
    flex-grow:1;
    max-width:100%;
    position:relative
}
.col-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
}
.col-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
}
.col-3{
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
}
.col-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
}
.col-6{
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
}
.col-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
}
.col-9{
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
}
.col-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
}
.col-12{
    flex:0 0 100%;
    max-width:100%
}
@media screen and (min-width:576px){
    .col-sm-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-sm-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-sm-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-sm-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-sm-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-sm-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-sm-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-sm-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-sm-12{
        flex:0 0 100%;
        max-width:100%
    }
}
@media screen and (min-width:768px){
    .col-md-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-md-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-md-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-md-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-md-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-md-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-md-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-md-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-md-12{
        flex:0 0 100%;
        max-width:100%
    }
}
@media screen and (min-width:992px){
    .col-lg-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-lg-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-lg-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-lg-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-lg-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-lg-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-lg-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-lg-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-lg-12{
        flex:0 0 100%;
        max-width:100%
    }
}
@media screen and (min-width:1200px){
    .col-xl-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-xl-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-xl-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-xl-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-xl-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-xl-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-xl-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-xl-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-xl-12{
        flex:0 0 100%;
        max-width:100%
    }
}
@media screen and (min-width:1320px){
    .col-xxl-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-xxl-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-xxl-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xxl-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-xxl-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-xxl-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xxl-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-xxl-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-xxl-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xxl-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-xxl-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-xxl-12{
        flex:0 0 100%;
        max-width:100%
    }
}
.offset-1{
    margin-left:8.3333333333%
}
.offset-2{
    margin-left:16.6666666667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.3333333333%
}
.offset-5{
    margin-left:41.6666666667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.3333333333%
}
.offset-8{
    margin-left:66.6666666667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.3333333333%
}
.offset-11{
    margin-left:91.6666666667%
}
@media screen and (min-width:576px){
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.3333333333%
    }
    .offset-sm-2{
        margin-left:16.6666666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.3333333333%
    }
    .offset-sm-5{
        margin-left:41.6666666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.3333333333%
    }
    .offset-sm-8{
        margin-left:66.6666666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.3333333333%
    }
    .offset-sm-11{
        margin-left:91.6666666667%
    }
}
@media screen and (min-width:768px){
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.3333333333%
    }
    .offset-md-2{
        margin-left:16.6666666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.3333333333%
    }
    .offset-md-5{
        margin-left:41.6666666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.3333333333%
    }
    .offset-md-8{
        margin-left:66.6666666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.3333333333%
    }
    .offset-md-11{
        margin-left:91.6666666667%
    }
}
@media screen and (min-width:992px){
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.3333333333%
    }
    .offset-lg-2{
        margin-left:16.6666666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.3333333333%
    }
    .offset-lg-5{
        margin-left:41.6666666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.3333333333%
    }
    .offset-lg-8{
        margin-left:66.6666666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.3333333333%
    }
    .offset-lg-11{
        margin-left:91.6666666667%
    }
}
@media screen and (min-width:1200px){
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.3333333333%
    }
    .offset-xl-2{
        margin-left:16.6666666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.3333333333%
    }
    .offset-xl-5{
        margin-left:41.6666666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.3333333333%
    }
    .offset-xl-8{
        margin-left:66.6666666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.3333333333%
    }
    .offset-xl-11{
        margin-left:91.6666666667%
    }
}
@media screen and (min-width:1320px){
    .offset-xxl-0{
        margin-left:0
    }
    .offset-xxl-1{
        margin-left:8.3333333333%
    }
    .offset-xxl-2{
        margin-left:16.6666666667%
    }
    .offset-xxl-3{
        margin-left:25%
    }
    .offset-xxl-4{
        margin-left:33.3333333333%
    }
    .offset-xxl-5{
        margin-left:41.6666666667%
    }
    .offset-xxl-6{
        margin-left:50%
    }
    .offset-xxl-7{
        margin-left:58.3333333333%
    }
    .offset-xxl-8{
        margin-left:66.6666666667%
    }
    .offset-xxl-9{
        margin-left:75%
    }
    .offset-xxl-10{
        margin-left:83.3333333333%
    }
    .offset-xxl-11{
        margin-left:91.6666666667%
    }
}
@media (max-width:1320) and (min-width:558px){
    .container{
        width:calc(100vw - 64px)
    }
}
.clearfix::after{
    content:"";
    clear:both;
    display:table
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.text-upper{
    text-transform:uppercase
}
.no-style-list{
    padding:0;
    margin:0;
    list-style:none
}
.flex{
    display:flex;
    flex-wrap:wrap
}
.justify-space-between{
    justify-content:space-between
}
.justify-center{
    justify-content:center
}
.align-center{
    align-items:center
}
.block{
    display:block
}
.text-center{
    text-align:center
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.vertical-center>*{
    vertical-align:middle
}
.object-fit-cover{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sr-only{
    position:absolute;
    width:0;
    height:0;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
@keyframes rotating{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
html{
    box-sizing:border-box;
    font-size:100%
}
*,::after,::before{
    box-sizing:inherit
}
body{
    font-family:var(--font-body);
    line-height:1.6;
    color:var(--text-color-main);
    background-color:var(--body-background-color);
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing:grayscale
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:var(--text-color-dark);
    font-weight:600;
    line-height:1.2;
    margin-bottom:1rem
}
.h1,h1{
    font-size:2.5rem
}
.h2,h2{
    font-size:2rem
}
.h3,h3{
    font-size:1.5rem
}
.h4,h4{
    font-size:1.25rem
}
.h5,h5{
    font-size:1rem
}
.h6,h6{
    font-size:.875rem
}
.heading-large{
    font-size:3.25rem
}
.text-s{
    font-size:.875rem
}
@media (max-width:991px){
    .h1,h1{
        font-size:2.75rem
    }
    .h2,h2{
        font-size:2.25rem
    }
    .h3,h3{
        font-size:1.75rem
    }
    .h4,h4{
        font-size:1.25rem
    }
    .h5,h5{
        font-size:1rem
    }
    .h6,h6{
        font-size:1rem
    }
    .heading-large{
        font-size:3.75rem
    }
}
@media (max-width:767px){
    .h1,h1{
        font-size:2.5rem
    }
    .h2,h2{
        font-size:2rem
    }
    .h3,h3{
        font-size:1.5rem
    }
    .h4,h4{
        font-size:1rem
    }
    .h5,h5{
        font-size:.875rem
    }
    .h6,h6{
        font-size:.75rem
    }
    .heading-large{
        font-size:2.5rem
    }
}
a{
    text-decoration:none;
    color:var(--theme-color);
    transition:all .25s
}
a:hover{
    color:var(--theme-color)
}
figure{
    margin-left:0;
    margin-right:0
}
figcaption{
    font-size:.875rem;
    text-align:center;
    margin-top:8px
}
img{
    max-width:100%;
    height:auto;
    display:block
}
svg{
    fill:currentColor;
    width:24px;
    height:24px
}
hr{
    text-align:center;
    border:none;
    border-bottom:1px solid var(--border-color);
    margin:5rem 0
}
table{
    border-collapse:collapse;
    width:100%;
    max-width:100%;
    overflow:auto;
    font-size:1rem
}
table,td,th{
    border:1px solid var(--border-color)
}
th{
    color:var(--c-text-main)
}
td,th{
    padding:8px 16px
}
dd,dt{
    line-height:24px
}
dl,ol,ul{
    padding-left:1.3rem
}
.table-responsive{
    width:100%;
    display:block;
    overflow-x:auto;
    margin-bottom:2rem
}
.table-responsive table{
    margin-bottom:0
}
pre{
    overflow:auto;
    background-color:var(--c-gray-lighter);
    border-radius:var(--size-2);
    border:1px solid var(--c-border-light);
    padding:1rem;
    margin:2.5rem 0;
    overflow:auto;
    font-size:1rem;
    line-height:1.5
}
code{
    font-family:Consolas,Menlo,Monaco,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L","Courier New",Courier,monospace;
    font-size:1.125rem
}
:not(pre)>code{
    font-size:1.125rem;
    background-color:var(--c-gray-light);
    padding:2px 8px;
    border-radius:var(--size-1)
}
.btn{
    display:inline-block;
    white-space:nowrap;
    text-align:center;
    font-size:1rem;
    font-weight:500;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    padding:0 2rem;
    height:48px;
    line-height:48px;
    border-radius:var(--radius-999);
    border:none;
    background:var(--theme-color);
    color:var(--white);
    transition:all .25s;
    outline:0;
    align-items:center;
    opacity:1
}
.btn:not(:disabled):not(.diabled){
    cursor:pointer
}
.btn:focus,.btn:hover{
    color:var(--white);
    text-decoration:none;
    opacity:.8
}
.btn svg{
    width:24px;
    height:24px;
    margin-right:8px
}
.btn-sm{
    height:40px;
    line-height:40px;
    padding:0 1rem
}
.btn-lg{
    height:56px;
    line-height:56px;
    font-size:1.125rem
}
.btn-block{
    width:100%
}
.btn-link{
    line-height:1.7;
    padding:0;
    border:none;
    background:0 0;
    color:var(--text-color-dark);
    text-decoration:underline;
    text-decoration-color:transparent
}
.btn-link:not(:disabled):not(.disabled){
    cursor:pointer
}
.btn-link:hover{
    text-decoration-color:var(--theme-color);
    background:0 0
}
input[type=email],input[type=text],input[type=url],textarea{
    border:1px solid var(--border-color);
    box-shadow:none;
    height:48px;
    width:100%;
    padding:0 1.5rem;
    margin-bottom:1.5rem;
    font-size:1rem;
    color:var(--text-color-main);
    border-radius:var(--radius-999);
    background-color:transparent
}
input[type=email]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{
    border:1px solid var(--theme-color);
    color:var(--text-color-main);
    outline:0;
    box-shadow:none
}
input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder{
    color:var(--text-color-light)
}
input[type=email]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,textarea::placeholder{
    color:var(--text-color-light)
}
textarea{
    height:auto;
    padding:1rem 2rem;
    border-radius:var(--radius-16)
}
input[type=email].input-sm,input[type=text].input-sm,input[type=url].input-sm{
    height:40px;
    line-height:40px;
    border-radius:20px
}
input[type=email].input-lg,input[type=text].input-lg,input[type=url].input-lg{
    height:64px;
    line-height:64px;
    border-radius:32px;
    font-size:1.235rem
}
.form-field{
    margin-bottom:1.5rem
}
.field-group-inline{
    display:flex;
    flex-wrap:wrap
}
.field-group-inline .input-field{
    flex:1 0 200px
}
@media (max-width:575px){
    .field-group-inline .form-field{
        min-width:100%
    }
}
blockquote{
    font-size:1.25rem;
    margin:2.5rem 0;
    padding:0 1rem 0 1.25rem;
    line-height:1.5;
    font-weight:500;
    position:relative;
    border-radius:var(--size-4);
    border-left:4px solid var(--theme-color)
}
.site-wrap{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    overflow:clip
}
@media (min-width:768px){
    .main{
        flex-grow:1;
        padding:0 20px
    }
}
.no-header-footer .main{
    padding:0
}
@keyframes loading{
    to{
        transform:rotate(360deg)
    }
}
.loading .btn,.loading button,.loading input[type=submit],.loading.btn,.loading.button,.loadinginput[type=submit]{
    position:relative;
    pointer-events:none
}
.loading .btn:after,.loading button:after,.loading input[type=submit]:after,.loading.btn:after,.loading.button:after,.loadinginput[type=submit]:after{
    content:"";
    box-sizing:border-box;
    position:absolute;
    top:50%;
    left:calc(50% - 10px);
    width:20px;
    height:20px;
    margin-top:-10px;
    border-radius:50%;
    border:3px solid var(--white);
    border-top-color:transparent;
    animation:loading .8s linear infinite
}
.loading .btn span,.loading button span,.loading input[type=submit] span,.loading.btn span,.loading.button span,.loadinginput[type=submit] span{
    visibility:hidden
}
.success .btn,.success button,.success input[type=submit],.success.btn,.success.button,.successinput[type=submit]{
    position:relative
}
.success .btn::before,.success button::before,.success input[type=submit]::before,.success.btn::before,.success.button::before,.successinput[type=submit]::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    display:inline-block;
    height:10px;
    width:20px;
    border:3px solid var(--white);
    border-top-width:0;
    border-right-width:0;
    transform:translate(-50%,-75%) rotate(-45deg)
}
.success .btn span,.success button span,.success input[type=submit] span,.success.btn span,.success.button span,.successinput[type=submit] span{
    visibility:hidden
}
.lightense-backdrop{
    background-color:var(--body-background-color)!important
}
.lightense-wrap img{
    border-radius:0!important
}
.toggle-switch{
    width:44px;
    height:28px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    outline:0;
    cursor:pointer;
    background:var(--gray-3);
    border:4px solid var(--card-background-color);
    border-radius:22px;
    position:relative;
    box-shadow:var(--shadow);
    transition:background-color .1s ease-in-out
}
.toggle-switch::before{
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    left:2px;
    top:2px;
    border-radius:50%;
    background:#fff;
    transition:all .1s ease-in-out
}
.toggle-switch:checked{
    background-color:var(--theme-color)
}
.toggle-switch:checked::before{
    left:calc(100% - 18px)
}
.site-header{
    margin-top:40px;
    margin-bottom:40px
}
.header-inner{
    background-color:var(--card-background-color);
    padding:1.25rem 2rem;
    border-radius:var(--radius-20);
    box-shadow:var(--shadow);
    align-items:center
}
.header-logo .logo-text{
    color:var(--text-color-dark);
    font-size:1.5rem;
    font-weight:500;
    line-height:1.2
}
.header-logo .logo-image img{
    max-height:var(--logo-header-height);
    max-width:100%
}
.theme-dark-logo{
    display:none
}
[data-theme=dark] .theme-light-logo{
    display:none
}
[data-theme=dark] .theme-dark-logo{
    display:inline
}
.nav-wrap{
    display:flex;
    align-items:center
}
.nav-left,.nav-right{
    align-items:center
}
.nav-left .nav-item,.nav-right .nav-item{
    margin:0 40px 0 0
}
.nav-left .nav-item:last-child,.nav-right .nav-item:last-child{
    margin-right:0
}
.nav-left .nav-item .nav-link,.nav-right .nav-item .nav-link{
    color:var(--text-color-main);
    position:relative
}
.nav-left .nav-item .nav-link::after,.nav-right .nav-item .nav-link::after{
    content:"";
    width:100%;
    height:2px;
    background-color:var(--theme-color);
    border-radius:var(--radius-4);
    position:absolute;
    bottom:-2px;
    left:0;
    opacity:0;
    transition:opacity .25s
}
.nav-left .nav-item .nav-link.nav-current::after,.nav-left .nav-item .nav-link:hover::after,.nav-right .nav-item .nav-link.nav-current::after,.nav-right .nav-item .nav-link:hover::after{
    opacity:1
}
.nav-right{
    margin-left:20px
}
.nav-right .nav-item{
    margin:0 20px 0 0
}
@media screen and (min-width:1150px){
    .has-dropdown{
        position:relative
    }
    .has-dropdown:hover .dropdown-menu{
        visibility:visible;
        opacity:1
    }
    .dropdown-menu{
        position:absolute;
        top:100%;
        left:-1.5rem;
        background:var(--card-background-color);
        border:1px solid var(--gray-1);
        box-shadow:var(--shadow);
        border-radius:var(--radius-8);
        z-index:9;
        padding:16px 0;
        min-width:180px;
        max-width:250px;
        white-space:nowrap;
        transition:all 250ms;
        transform:translate3d(0,10px,0);
        visibility:hidden;
        opacity:0
    }
    .dropdown-menu .nav-item{
        padding:.5rem 1.5rem;
        margin:0
    }
    .more-link{
        display:flex;
        align-items:center
    }
    .more-link svg{
        width:18px;
        height:20px
    }
}
.icon-items-wrap{
    margin-left:20px
}
.nav-icon{
    display:flex;
    align-items:center;
    cursor:pointer;
    line-height:1;
    border:none;
    background:0 0;
    color:var(--text-color-main);
    margin-right:16px
}
.nav-icon:last-child{
    margin-right:0
}
.nav-icon svg{
    width:20px;
    height:20px
}
.nav-icon:hover{
    color:var(--theme-color)
}
.toggle-mode .light{
    display:none
}
[data-theme=dark] .toggle-mode .light{
    display:flex
}
[data-theme=dark] .toggle-mode .dark{
    display:none
}
[data-nav=sticky-hide] .site-header,[data-nav=sticky] .site-header{
    width:100%;
    left:0;
    top:8px;
    z-index:10
}
[data-nav=sticky] .site-header{
    position:sticky
}
[data-nav=sticky-hide] .site-header.hide,[data-nav=sticky-hide] .site-header.show{
    position:sticky
}
[data-nav=sticky-hide] .site-header{
    transform:translateY(0);
    transition:transform .25s
}
[data-nav=sticky-hide] .site-header.hide{
    transform:translateY(calc(-100% - 32px))
}
[data-nav=sticky-hide] .js-mobile-menu-opened .site-header.hide{
    transform:none
}
.mobile-menu-checkbox{
    display:none
}
.mobile-menu-icon{
    z-index:50;
    position:relative;
    display:none;
    height:24px;
    width:32px;
    cursor:pointer;
    transition:250ms
}
.mobile-menu-icon .line{
    width:100%;
    height:3px;
    background-color:var(--text-color-dark);
    position:absolute;
    right:0;
    transition:all .3s
}
.mobile-menu-icon .line:first-child{
    top:0
}
.mobile-menu-icon .line:nth-child(2){
    top:10px
}
.mobile-menu-icon .line:nth-child(3){
    top:20px
}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:first-child{
    width:100%;
    transform:rotate(45deg);
    top:10px
}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:nth-child(2){
    visibility:hidden;
    opacity:0
}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:nth-child(3){
    width:100%;
    top:10px;
    transform:rotate(-45deg)
}
@media screen and (max-width:1150px){
    .mobile-menu-icon{
        display:block
    }
    .header-inner{
        position:relative
    }
    .mobile-menu-checkbox:checked~.nav-wrap{
        opacity:1;
        visibility:visible;
        transform:translate3d(0,0,0)
    }
    .nav-wrap{
        position:absolute;
        top:100%;
        right:0;
        flex-direction:column;
        align-items:flex-start;
        background-color:var(--card-background-color);
        border:1px solid var(--gray-1);
        box-shadow:var(--shadow);
        border-radius:var(--radius-16);
        z-index:9;
        margin-left:0;
        margin-top:.5rem;
        padding:1rem;
        min-width:240px;
        transition:all 250ms;
        transform:translate3d(0,24px,0);
        opacity:0;
        visibility:hidden
    }
    .nav-wrap a:not(.btn){
        padding:0;
        height:40px;
        line-height:40px
    }
    .nav-wrap .btn{
        margin:1rem 0;
        width:100%
    }
    .nav-center{
        order:2;
        margin:.5rem 0 0 0;
        justify-content:center;
        width:100%
    }
    .nav-right{
        order:1;
        margin-left:0
    }
    .nav-item-container{
        display:block;
        width:100%
    }
    .nav-item-container .nav-item{
        margin:0
    }
    .nav-item-container .nav-item .more-link{
        display:none
    }
    .nav-item-container.nav-center .nav-item{
        display:inline-flex
    }
    .nav-item-container .dropdown-menu{
        display:block;
        position:relative;
        transform:translate3d(0,0,0);
        box-shadow:none;
        border:none;
        top:0;
        left:0;
        padding:0
    }
    .nav-item-container .dropdown-menu .nav-item{
        padding:0
    }
}
.welcome-card{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    margin-bottom:2.5rem;
    padding:1rem;
    position:relative
}
.welcome-card .cover-image{
    position:absolute;
    top:1rem;
    left:1rem;
    right:1rem;
    bottom:1rem;
    border-radius:var(--radius-8)
}
.welcome-card .cover-image::after{
    content:"";
    background-color:var(--card-background-color);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:90%
}
.welcome-card .cover-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8)
}
.welcome-card.has-image .welcome-card-content-wrap{
    padding:5rem 1.5rem
}
.welcome-card-content-wrap{
    max-width:848px;
    margin:0 auto;
    position:relative;
    z-index:1
}
.intro-title{
    margin-top:0;
    margin-bottom:0
}
.intro-description{
    margin-top:1.5rem;
    font-size:1.25rem;
    line-height:1.6
}
.welcome-card-personal{
    width:100%;
    max-width:1100px;
    margin:1.5rem auto 3.5rem
}
.welcome-card-personal .cover-image{
    flex:1 1 50%;
    max-width:380px;
    padding:1rem;
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    aspect-ratio:4/5
}
.welcome-card-personal .cover-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8)
}
.welcome-card-personal .welcome-card-content-wrap{
    flex:1 1 100%;
    margin:0 4rem 0 0
}
@media screen and (max-width:991px){
    .welcome-card-personal{
        justify-content:center
    }
    .welcome-card-personal .cover-image{
        margin-bottom:2.5rem
    }
    .welcome-card-personal .welcome-card-content-wrap{
        text-align:center;
        margin:0
    }
}
@media screen and (min-width:992px){
    .welcome-card-personal{
        flex-direction:row-reverse
    }
    .welcome-card-personal .welcome-card-content-wrap{
        flex:1 1 50%;
        margin:0 4rem 0 0
    }
    .intro-title{
        font-size:3.5rem
    }
}
.featured-slider{
    margin-top:2rem
}
.hero-post-card .post-img-container{
    width:100%;
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    padding:1rem;
    margin-bottom:2rem;
    border-radius:var(--radius-16)
}
.hero-post-card .post-img-container .post-img-wrap{
    aspect-ratio:16/9;
    border-radius:var(--radius-8)
}
.hero-post-card[aria-hidden=true] .post-img-container{
    box-shadow:none
}
.hero-post-card .post-excerpt{
    font-size:1.125rem
}
.tns-controls{
    text-align:right;
    margin-top:-.5rem;
    z-index:1;
    position:relative
}
.tns-controls [aria-controls^=tns]{
    line-height:1;
    border:none;
    background:0 0;
    color:var(--text-color-main);
    padding:0
}
.tns-controls [aria-controls^=tns]:first-child{
    margin-right:1rem
}
.tns-outer{
    margin-bottom:4rem
}
@media screen and (min-width:768px){
    .hero-post-card .row{
        flex-direction:row-reverse
    }
    .hero-post-card .post-img-container{
        margin-right:2rem
    }
}
.post-card{
    background-color:var(--card-background-color);
    padding:2rem;
    border-radius:var(--radius-20);
    box-shadow:var(--shadow);
    margin-bottom:3rem;
    transition:transform .3s ease;
    will-change:transform
}
.js-post-list-wrap{
    margin-bottom:-3rem
}
.post-img-container{
    width:-webkit-fill-available;
    margin-right:2rem
}
.post-img-container .post-img-wrap{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:var(--radius-16)
}
.post-img-container .post-img-wrap img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .3s ease;
    transform-origin:center;
    will-change:transform
}
.post-img-container .post-img-wrap:hover img{
    transform:scale(1.03)
}
.post-info-wrap{
    flex:1 1 300px
}
.post-info-wrap .post-title{
    margin-top:0;
    margin-bottom:1.25rem
}
.post-info-wrap .post-title a{
    color:var(--text-color-dark);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.post-info-wrap .post-title a:hover{
    text-decoration-color:var(--theme-color)
}
.post-info-wrap .post-excerpt{
    margin-bottom:1.25rem;
    line-height:1.8;
    height:auto;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.tag-list{
    margin-bottom:4px;
    display:flex;
    flex-wrap:wrap
}
.tag-list a{
    color:var(--text-color-main);
    font-size:.875rem;
    line-height:1.5;
    margin:0 8px 12px 0;
    background-color:var(--gray-1);
    display:flex;
    align-items:center;
    height:-webkit-fill-available;
    line-height:32px;
    padding:0 12px;
    border-radius:var(--radius-20);
    position:relative
}
.tag-list a .tag-accent{
    width:8px;
    height:8px;
    margin-right:6px;
    border-radius:var(--radius-full);
    background:var(--theme-color)
}
.tag-list a:hover{
    background-color:var(--gray-2)
}
.post-meta{
    font-size:.875rem;
    color:var(--text-color-light);
    display:flex;
    line-height:1.6
}
.post-meta>:not(:last-child){
    margin-right:16px
}
.post-meta svg{
    width:18px;
    height:18px;
    color:var(--gray-3);
    margin-right:.25rem;
    display:inline-flex;
    vertical-align:middle;
    margin-top:-2px
}
.post-meta a{
    color:var(--text-color-light);
    text-decoration:underline;
    text-decoration-color:transparent
}
.post-meta a:hover{
    text-decoration-color:var(--theme-color)
}
.post-card-vertical .post-img-container{
    width:100%;
    margin-bottom:2rem
}
.post-card-vertical .post-img-container .post-img-wrap{
    aspect-ratio:5/4
}
.post-card-vertical .post-info-wrap{
    margin-left:0
}
.post-card-vertical .post-info-wrap .post-excerpt{
    -webkit-line-clamp:4
}
.post-load-button{
    margin-top:3rem
}
@media screen and (max-width:767px){
    .post-img-container{
        width:200px
    }
    .post-info-wrap{
        flex:1 1 200px
    }
}
@media screen and (max-width:575px){
    .post-card{
        padding:1.5rem
    }
    .post-img-container{
        width:100%;
        margin-right:0;
        margin-bottom:2rem
    }
    .post-info-wrap{
        flex:1 1 200px
    }
}
.sidebar-wrap{
    background-color:var(--card-background-color);
    padding:2rem;
    border-radius:var(--radius-20);
    box-shadow:var(--shadow);
    position:sticky
}
.sidebar-wrap .widget:first-child{
    margin-top:0
}
@media screen and (max-width:991px){
    .sidebar{
        margin-top:2.5rem
    }
    .sidebar-wrap{
        padding:1.5rem
    }
}
.widget{
    margin-top:3.5rem
}
.widget-tags{
    margin-bottom:2.75rem
}
.widget-title{
    margin-top:0;
    margin-bottom:2rem
}
.social-links a{
    background:var(--gray-1);
    color:var(--text-color-main);
    margin:0 8px 8px 0;
    height:40px;
    width:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-full)
}
.social-links a svg{
    width:24px;
    height:24px
}
.social-links a:hover{
    background:var(--gray-2)
}
.social-links .twitter{
    color:var(--twitter)
}
.social-links .facebook{
    color:var(--facebook)
}
.social-links .linkedin{
    color:var(--linkedin)
}
.social-links .instagram{
    color:var(--instagram)
}
.social-links .github{
    color:var(--github)
}
.post-small{
    margin-bottom:2rem
}
.post-small .post-img-container{
    width:80px;
    margin-right:1rem
}
.post-small .post-img-wrap{
    border-radius:var(--radius-8);
    overflow:hidden
}
.post-small .post-info-wrap{
    flex:1 1 120px
}
.post-small .post-title{
    font-weight:500;
    line-height:1.5;
    margin-bottom:.5rem
}
.widget-newsletter .text-copy{
    line-height:1.5;
    margin-bottom:1.5rem
}
.widget-newsletter .email{
    border-radius:var(--radius-999) 0 0 var(--radius-999);
    margin-bottom:0
}
.widget-newsletter .btn{
    border-radius:0 var(--radius-999) var(--radius-999) 0;
    padding:0 1rem;
    margin-bottom:0
}
@media screen and (max-width:575px){
    .widget-newsletter .email{
        border-radius:var(--radius-999);
        margin-bottom:1.5rem
    }
    .widget-newsletter .btn{
        border-radius:var(--radius-999)
    }
}
@media screen and (min-width:576px){
    .widget-newsletter .email{
        border-right:0
    }
    .widget-newsletter .email:focus{
        border-right:0
    }
}
.widget-newsletter-colored{
    background-color:var(--theme-color);
    padding:2rem 1.5rem;
    border-radius:var(--radius-16);
    color:var(--white)
}
.widget-newsletter-colored .widget-title{
    color:var(--white);
    margin-bottom:.5rem
}
.widget-newsletter-colored .text-copy{
    font-size:1.25rem;
    line-height:1.5
}
.widget-newsletter-colored input[type=email],.widget-newsletter-colored input[type=text],.widget-newsletter-colored input[type=url],.widget-newsletter-colored textarea{
    background-color:var(--white);
    border-color:var(--white);
    color:var(--black)
}
.widget-newsletter-colored input[type=email]:focus,.widget-newsletter-colored input[type=text]:focus,.widget-newsletter-colored input[type=url]:focus,.widget-newsletter-colored textarea:focus{
    border-color:var(--theme-color)
}
.widget-newsletter-colored .btn{
    background:var(--white);
    border-radius:var(--radius-999);
    color:var(--black)
}
.widget-newsletter-colored .btn:focus,.widget-newsletter-colored .btn:hover{
    opacity:.9
}
.widget-newsletter-colored .btn::after,.widget-newsletter-colored .btn::before{
    border-color:var(--black);
    border-top-color:transparent;
    opacity:.6
}
@media screen and (min-width:575px) and (max-width:991px){
    .widget-newsletter-colored input[type=email],.widget-newsletter-colored input[type=text],.widget-newsletter-colored input[type=url],.widget-newsletter-colored textarea{
        max-width:calc(50% - 8px)
    }
    .widget-newsletter-colored .form-field-wrap{
        display:flex;
        justify-content:space-between
    }
}
.site-footer{
    background-color:var(--card-background-color);
    padding:3rem 0;
    margin-top:5rem
}
.secondary-nav-wrap .nav-item{
    margin:0 1.5rem 1rem 0
}
.secondary-nav-wrap .nav-item a{
    color:var(--text-color-main);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.secondary-nav-wrap .nav-item a:hover{
    text-decoration-color:var(--theme-color)
}
.footer-bottom{
    margin-top:20px
}
.copyright{
    font-size:.875rem
}
.copyright a{
    color:var(--text-color-main);
    text-decoration:underline;
    text-decoration-color:transparent
}
.copyright a:hover{
    text-decoration-color:var(--theme-color)
}
.back-to-top{
    font-size:.875rem
}
.back-to-top .btn-link{
    height:24px;
    line-height:24px;
    display:flex;
    align-items:center;
    color:var(--text-color-main)
}
.back-to-top svg{
    width:16px;
    height:16px;
    margin-right:4px
}
.single-post-card{
    background-color:var(--card-background-color);
    box-shadow:var(--shadow);
    padding:2rem;
    border-radius:var(--radius-16)
}
.single-post-img-container{
    width:100%;
    margin-top:0;
    margin-bottom:2rem
}
.single-post-img-container.ratio-16-9{
    aspect-ratio:16/9
}
.single-post-img-container.ratio-16-6{
    aspect-ratio:16/6
}
.single-post-img-container img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-16)
}
.single-post-img-container a{
    text-decoration:underline;
    color:var(--text-color-main)
}
.single-post-img-container a:hover{
    color:var(--theme-color)
}
.single-post-header{
    max-width:700px;
    margin:0 auto 2rem
}
.single-post-header .post-title{
    margin-top:0;
    margin-bottom:1.25rem
}
.full-width .single-post-img-container{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:1rem;
    margin-bottom:2.5rem
}
.full-width .single-post-img-container img{
    border-radius:var(--radius-8)
}
.toc-container{
    background-color:var(--body-background-color);
    padding:1.5rem;
    border-radius:var(--radius-16);
    max-width:700px;
    margin:0 auto 2rem
}
.toc-container>:first-child{
    margin-top:0
}
.toc-container .toc-title{
    margin-top:0;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--border-color)
}
.toc-list{
    margin-bottom:0
}
.toc-list li{
    margin-bottom:.5rem
}
.toc-list li ol{
    margin-top:.5rem
}
.toc-list a{
    font-weight:500;
    color:var(--text-color-main);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.toc-list a:hover{
    text-decoration-color:var(--theme-color)
}
.single-post .author-card{
    margin-top:2.5rem;
    padding:2rem
}
.single-post-content{
    max-width:700px;
    margin:0 auto;
    line-height:1.8
}
.single-post-content>*{
    margin-top:2.5rem
}
.single-post-content>:first-child{
    margin-top:0
}
.single-post-content p{
    margin-bottom:2rem
}
.single-post-content h1,.single-post-content h2,.single-post-content h3,.single-post-content h4,.single-post-content h5,.single-post-content h6{
    margin-bottom:1rem
}
.single-post-content a:not(.btn,.kg-btn){
    text-decoration:underline;
    color:var(--text-color-main)
}
.single-post-content a:not(.btn,.kg-btn):hover{
    color:var(--theme-color)
}
.single-post-content>.kg-width-full+.kg-width-full:not(.kg-width-full.kg-card-hascaption+.kg-width-full){
    margin-top:0;
    margin-bottom:0
}
.single-post-content .kg-button-card a.kg-btn{
    height:48px;
    line-height:48px;
    padding:0 2rem;
    border-radius:var(--radius-999);
    font-family:var(--font-body);
    font-size:1rem;
    font-weight:500;
    vertical-align:middle
}
.single-post-content li{
    margin-bottom:.25rem
}
.single-post-content blockquote{
    margin:4rem 0
}
.single-post-content .kg-blockquote-alt{
    border:none;
    border-top:1px solid var(--border-color);
    border-bottom:4px solid var(--theme-color);
    padding:3.5rem 0 2rem;
    font-style:normal;
    font-size:1.5rem;
    text-align:center;
    line-height:1.5;
    position:relative
}
.single-post-content .kg-blockquote-alt::before{
    content:"“";
    font-size:400%;
    font-weight:700;
    font-family:Arial,sans-serif;
    display:block;
    line-height:.1;
    color:var(--theme-color)
}
.single-post-content .kg-image-card img{
    max-width:100%;
    border-radius:var(--radius-16)
}
.single-post-content .kg-gallery-card,.single-post-content .kg-image-card{
    --gap:0.25rem
}
.single-post-content .kg-gallery-row:first-of-type .kg-gallery-image:first-of-type img{
    border-top-left-radius:var(--radius-16)
}
.single-post-content .kg-gallery-row:first-of-type .kg-gallery-image:last-of-type img{
    border-top-right-radius:var(--radius-16)
}
.single-post-content .kg-gallery-row:last-of-type .kg-gallery-image:first-of-type img{
    border-bottom-left-radius:var(--radius-16)
}
.single-post-content .kg-gallery-row:last-of-type .kg-gallery-image:last-of-type img{
    border-bottom-right-radius:var(--radius-16)
}
.single-post-content .kg-bookmark-card{
    margin-bottom:2.5rem
}
.single-post-content a.kg-bookmark-container{
    display:flex;
    color:var(--text-color-dark);
    text-decoration:none;
    flex-direction:column-reverse;
    border-radius:var(--radius-16)!important;
    border:1px solid var(--border-color)!important;
    padding:1rem;
    overflow:hidden;
    box-shadow:var(--shadow)
}
.single-post-content a.kg-bookmark-container:hover{
    color:var(--text-color-main)
}
.single-post-content a.kg-bookmark-container:hover .kg-bookmark-title{
    text-decoration-color:var(--theme-color)
}
.single-post-content a.kg-bookmark-container:hover .kg-bookmark-description,.single-post-content a.kg-bookmark-container:hover .kg-bookmark-metadata{
    color:var(--text-color-main)
}
.single-post-content .kg-bookmark-content{
    flex-basis:0;
    flex-grow:999;
    min-width:50%;
    padding:1rem;
    overflow:visible
}
.single-post-content .kg-bookmark-title{
    font-size:1rem;
    line-height:1.2;
    color:var(--text-color-dark);
    transition:all .3s;
    font-weight:600;
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.single-post-content .kg-bookmark-description{
    font-size:.875rem;
    line-height:1.6;
    display:-webkit-box;
    margin-top:16px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:var(--text-color-dark);
    opacity:1;
    overflow:hidden
}
.single-post-content .kg-bookmark-metadata{
    display:flex;
    align-items:center;
    font-size:.75rem;
    font-weight:600;
    margin-top:24px;
    color:var(--text-color-dark)
}
.single-post-content .kg-bookmark-metadata>:not(img){
    opacity:1
}
.single-post-content .kg-bookmark-author{
    font-size:.75rem
}
.single-post-content .kg-bookmark-thumbnail{
    flex-basis:216px;
    flex-grow:1;
    position:relative;
    border-radius:var(--radius-8);
    overflow:hidden
}
.single-post-content .kg-bookmark-thumbnail img{
    position:absolute;
    top:0;
    left:0;
    vertical-align:bottom;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.single-post-content .kg-bookmark-icon{
    width:20px;
    height:20px;
    margin-right:8px;
    vertical-align:bottom
}
.single-post-content .kg-bookmark-publisher:before{
    content:"•";
    margin:0 6px
}
.single-post-content .kg-callout-card{
    padding:1.25rem;
    border-radius:var(--radius-16)
}
.single-post-content .kg-header-card{
    min-height:40vh;
    border-radius:var(--radius-16)
}
.single-post-content .kg-header-card.kg-style-image::before{
    border-radius:var(--radius-16)
}
.single-post-content .kg-header-card.kg-style-light{
    background-color:var(--body-background-color)
}
.single-post-content .kg-header-card h2.kg-header-card-header{
    font-size:3.5rem
}
.single-post-content .kg-header-card.kg-size-small h2.kg-header-card-header{
    font-size:2.5rem
}
.single-post-content .kg-header-card.kg-size-small a.kg-header-card-button{
    height:40px;
    line-height:40px;
    padding:0 1rem
}
.single-post-content .kg-header-card.kg-size-large h2.kg-header-card-header{
    font-size:4.5rem
}
.single-post-content .kg-header-card.kg-size-large a.kg-header-card-button{
    height:56px;
    line-height:56px;
    font-size:1.125rem
}
.single-post-content .kg-header-card a.kg-header-card-button{
    border-radius:var(--radius-999);
    font-family:var(--font-body);
    font-size:1rem;
    height:48px;
    line-height:48px
}
.single-post-content .kg-signup-card .kg-signup-card-fields{
    border-radius:99px
}
.single-post-content .kg-signup-card .kg-signup-card-input{
    margin-bottom:0;
    border-radius:99px 0 0 99px;
    border:none
}
.single-post-content .kg-signup-card .kg-signup-card-button{
    height:3rem;
    border-radius:0 99px 99px 0
}
.single-post-content .kg-product-card h4.kg-product-card-title{
    font-family:var(--font-title)
}
.single-post-content .kg-product-card .kg-product-card-description ol,.single-post-content .kg-product-card .kg-product-card-description p,.single-post-content .kg-product-card .kg-product-card-description ul{
    font-family:var(--font-body)
}
.single-post-content .kg-product-card .kg-product-card-rating-star{
    color:var(--theme-color)
}
.single-post-content .kg-product-card-container{
    border-radius:var(--radius-16);
    border:1px solid var(--border-color);
    box-shadow:var(--shadow);
    padding:1.5rem
}
.single-post-content .kg-product-card-image{
    border-radius:var(--radius-8)
}
.single-post-content .kg-embed-card{
    display:flex;
    flex-direction:column;
    align-items:center
}
.single-post-content .kg-product-card a.kg-product-card-btn-accent{
    color:var(--white);
    font-family:var(--font-body);
    border-radius:var(--radius-999);
    height:48px;
    line-height:48px;
    font-size:1rem;
    font-weight:500
}
.single-post-content .kg-product-card a.kg-product-card-btn-accent:hover{
    color:var(--white);
    opacity:.8
}
@media screen and (min-width:768px){
    .single-post-content a.kg-bookmark-container{
        flex-direction:row
    }
    .single-post-content .kg-bookmark-thumbnail{
        flex-basis:32%;
        min-height:144px;
        margin-left:.5rem
    }
}
@media (min-width:1340px){
    .no-sidebar .kg-width-full,.no-sidebar .kg-width-wide{
        width:calc(100% + 894px - 100%);
        margin-left:calc((100% - 894px)/ 2)
    }
}
.content-preview{
    position:relative
}
.content-preview::after{
    content:"";
    width:100%;
    height:200px;
    background:linear-gradient(180deg,transparent 0,var(--card-background-color) 100%);
    position:absolute;
    bottom:0
}
.post-membership-cta{
    background-color:var(--body-background-color);
    border-radius:var(--radius-16);
    padding:2rem;
    margin-top:2rem
}
.post-membership-cta .title{
    margin-top:0;
    margin-bottom:1rem
}
.post-membership-cta .description{
    font-size:1.25rem;
    margin-bottom:2rem
}
.post-membership-cta .button-wrap{
    margin-top:2rem
}
.post-membership-cta .sign-in-cta{
    margin-top:2rem
}
.share-wrap{
    background-color:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    margin-top:2.5rem;
    padding:2rem
}
.share-title{
    margin-bottom:1.5rem
}
.share-links a{
    width:40px;
    height:40px;
    display:inline-flex;
    background:var(--gray-1);
    align-items:center;
    justify-content:center;
    margin-right:1rem;
    margin-bottom:.5rem;
    border-radius:var(--radius-full);
    color:var(--theme-color)
}
.share-links a svg{
    width:24px;
    height:24px
}
.share-links a.twitter{
    color:var(--twitter)
}
.share-links a.facebook{
    color:var(--facebook)
}
.share-links a.pinterest{
    color:var(--pinterest)
}
.share-links a.whatsapp{
    color:var(--whatsapp)
}
.share-links a.linkedin{
    color:var(--linkedin)
}
.share-links a.mail{
    color:var(--mail)
}
.comment-wrap{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:2rem;
    margin-top:2.5rem
}
.comment-container{
    max-width:700px;
    margin:0 auto
}
.next-post,.prev-post{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:1.5rem
}
.prev-next-wrap{
    margin-top:2.5rem
}
.prev-next-wrap .nav-text{
    margin-top:0;
    margin-bottom:1rem;
    font-weight:500
}
.prev-next-wrap .post-small{
    margin-bottom:0
}
@media screen and (min-width:768px){
    .prev-post .nav-text{
        text-align:right
    }
    .prev-post .post-small{
        flex-direction:row-reverse
    }
    .prev-post .post-img-container{
        margin-left:1rem;
        margin-right:0
    }
    .prev-post .post-info-wrap{
        text-align:center
    }
    .prev-post .post-info-wrap .post-title{
        text-align:right
    }
    .prev-post .post-meta{
        flex-direction:row-reverse
    }
}
@media screen and (max-width:767px){
    .next-post{
        margin-bottom:1.5rem
    }
}
.related-post-wrap{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:2rem;
    margin-top:2.5rem
}
.related-post-wrap .section-title{
    margin-top:0;
    margin-bottom:0
}
.related-post-card{
    margin-top:2rem
}
.related-post-card .post-img-container{
    width:100%
}
.related-post-card .post-img-wrap{
    aspect-ratio:5/4
}
.related-post-card .post-info-wrap{
    margin-left:0;
    margin-top:1rem
}
.related-post-card .post-title{
    font-weight:500;
    line-height:1.5;
    margin-bottom:.5rem
}
.page-header.has-image{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:1rem;
    margin-bottom:2.5rem;
    position:relative
}
.page-header.has-image .page-header-inner-wrap{
    margin:8rem auto;
    padding:1.5rem;
    background-color:var(--card-background-color);
    border-radius:var(--radius-16)
}
.page-header .cover-image{
    position:absolute;
    top:1rem;
    left:1rem;
    right:1rem;
    bottom:1rem
}
.page-header .cover-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8)
}
.page-header .page-header-inner-wrap{
    position:relative;
    z-index:1
}
.page-header .page-title{
    margin-top:0;
    margin-bottom:0
}
.page-header.no-image{
    margin:1rem 0 3rem
}
.membership-content-card{
    margin-top:3rem;
    padding-bottom:4rem
}
.membership-content .kg-toggle-card{
    margin-bottom:0
}
.no-page-header{
    box-shadow:none;
    background-color:transparent;
    border-radius:0;
    padding-top:0
}
.no-page-header .kg-width-full{
    width:100vw;
    margin-left:calc(50% - 50vw)
}
.custom-page-header{
    margin-bottom:4rem
}
.custom-page-header .post-title{
    margin-bottom:0
}
.custom-page-header .custom-post-excerpt{
    font-size:1.125rem;
    line-height:1.8rem;
    margin-top:2rem
}
.sorting-option-wrap{
    margin-bottom:1.5rem;
    line-height:1.2;
    align-items:center
}
.sorting-option-wrap .toggle-switch{
    margin-right:.5rem
}
.tag-card{
    background:var(--card-background-color);
    padding:1.5rem 1.5rem 1.25rem;
    margin-bottom:2.5rem;
    border-radius:var(--radius-16);
    box-shadow:var(--shadow)
}
.tag-image-wrap{
    overflow:hidden;
    display:block;
    border-radius:var(--radius-8);
    margin-bottom:1rem
}
.tag-image-wrap img{
    aspect-ratio:5/4;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8);
    transition:all .3s ease;
    transform-origin:center
}
.tag-image-wrap:hover img{
    transform:scale(1.03)
}
.tag-info-wrap .tag-name{
    margin:0 0 .5rem
}
.tag-info-wrap .tag-name a{
    color:var(--text-color-dark);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.tag-info-wrap .tag-name a:hover{
    text-decoration-color:var(--theme-color)
}
.tag-info-wrap .post-count{
    font-size:.875rem;
    color:var(--text-color-light)
}
.tag-card-style-two .tag-info-wrap{
    display:flex;
    align-items:baseline;
    justify-content:space-between
}
.tag-card-style-two .post-count{
    background-color:var(--gray-1);
    padding:0 8px;
    height:28px;
    line-height:28px;
    min-width:28px;
    border-radius:16px;
    margin-left:8px;
    text-align:center
}
.tag-cover-card{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    margin-bottom:2.5rem;
    padding:1rem;
    position:relative
}
.tag-cover-card .cover-image{
    position:absolute;
    top:1rem;
    left:1rem;
    right:1rem;
    bottom:1rem;
    border-radius:var(--radius-16)
}
.tag-cover-card .cover-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8)
}
.tag-cover-card.has-image{
    width:100%;
    padding:0 2rem
}
.tag-cover-card.has-image .tag-cover-content-wrap{
    margin:3rem auto;
    padding:1.5rem
}
.tag-cover-card.has-image .tag-cover-content-wrap:before{
    content:"";
    background-color:var(--card-background-color);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:90%;
    border-radius:var(--radius-16)
}
.tag-cover-card.no-image{
    max-width:880px;
    background:0 0;
    box-shadow:none
}
.tag-cover-card .tag-title{
    position:relative;
    z-index:1;
    margin-top:0;
    margin-bottom:0
}
.tag-cover-card .tag-description{
    position:relative;
    z-index:1;
    margin-top:1.5rem;
    font-size:1.25rem;
    line-height:1.6
}
.tag-cover-content-wrap{
    max-width:848px;
    margin:0 auto;
    position:relative;
    z-index:1;
    padding:1rem
}
@media screen and (min-width:992px){
    .tag-cover-card.has-image{
        padding:1rem
    }
}
.author-card{
    background:var(--card-background-color);
    padding:1.5rem 1.5rem 1.25rem;
    margin-bottom:2.5rem;
    border-radius:var(--radius-16);
    box-shadow:var(--shadow)
}
.author-card .cover-wrap img{
    aspect-ratio:7/3;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8);
    transition:all .3s ease;
    transform-origin:center
}
.author-card .avatar-wrap{
    width:fit-content
}
.author-card .avatar-wrap .avatar-link{
    overflow:hidden;
    display:block;
    border-radius:var(--radius-8);
    background-color:var(--gray-1)
}
.author-card .avatar-wrap .avatar-link.no-image{
    aspect-ratio:1/1
}
.author-card .avatar-wrap .avatar-link.no-image svg{
    height:50%;
    width:50%;
    color:var(--gray-3);
    margin-left:25%;
    margin-top:25%
}
.author-card .avatar-wrap img{
    aspect-ratio:16/9;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:fill;
    border-radius:var(--radius-8);
    transition:all .3s ease;
    transform-origin:center
}
.author-card .avatar-wrap:hover img{
    transform:scale(1.03)
}
.author-card .author-info{
    margin-top: 20px;
    flex:1 1 200px;
    margin-left:1.5rem
}
.author-card .name{
    margin-top:0
}
.author-card .name a{
    color:var(--text-color-dark);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.author-card .name a:hover{
    text-decoration-color:var(--theme-color)
}
.author-card .author-social{
    font-size:0
}
.author-card .author-social .icon-wrap{
    width:32px;
    height:32px;
    display:inline-flex;
    background:var(--gray-1);
    align-items:center;
    justify-content:center;
    margin-right:1rem;
    border-radius:var(--radius-full)
}
.author-card .author-social .icon-wrap svg{
    width:20px;
    height:20px;
    color:var(--theme-color)
}
.author-card .author-social .icon-wrap:hover{
    background:var(--gray-2)
}
.author-card .author-social .icon-wrap.facebook svg{
    color:var(--facebook)
}
.author-card .author-social .icon-wrap.twitter svg{
    color:var(--twitter)
}
.author-card .bio{
    margin-top:1rem
}
.tooltip{
    position:relative
}
.tooltip:hover .tooltip-text{
    visibility:visible;
    opacity:1
}
.tooltip-text{
    font-size:1rem;
    position:absolute;
    bottom:calc(100% + 10px);
    background:var(--text-color-dark);
    color:var(--card-background-color);
    padding:0 .5rem;
    line-height:2rem;
    border-radius:var(--radius-4);
    white-space:nowrap;
    visibility:hidden;
    opacity:0;
    transition:opacity .25s;
    will-change:opacity
}
.tooltip-text::after{
    content:" ";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:var(--text-color-dark) transparent transparent transparent
}
.author-card-2,.author-card-3{
    text-align:center
}
.author-card-2 .avatar-wrap,.author-card-3 .avatar-wrap{
    margin:-6.5rem auto 0;
    padding:4px;
    background:var(--card-background-color);
    border-radius:var(--radius-8)
}
.author-card-2 .avatar-wrap .avatar-link.no-image svg,.author-card-3 .avatar-wrap .avatar-link.no-image svg{
    margin-left:0
}
.author-card-2 .author-info,.author-card-3 .author-info{
    margin-left:0;
    margin-top:16px
}
.author-card-2 .author-social,.author-card-3 .author-social{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:1.25rem 0
}
.author-card-2 .author-social .social,.author-card-3 .author-social .social{
    font-size:.875rem;
    display:inline-flex;
    align-items:center;
    margin:0 .5rem;
    color:var(--text-color-dark)
}
.author-card-2 .author-social .social svg,.author-card-3 .author-social .social svg{
    width:20px;
    height:20px;
    margin-right:.25rem;
    color:var(--theme-color)
}
.author-card-2 .author-social .social.facebook svg,.author-card-3 .author-social .social.facebook svg{
    color:var(--facebook)
}
.author-card-2 .author-social .social.twitter svg,.author-card-3 .author-social .social.twitter svg{
    color:var(--twitter)
}
.author-card-2 .author-social a.social,.author-card-3 .author-social a.social{
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.author-card-2 .author-social a.social:hover,.author-card-3 .author-social a.social:hover{
    text-decoration-color:var(--theme-color)
}
.author-card-2{
    margin-top:4.75rem
}
.author-card-3 .avatar-wrap{
    position:relative;
    z-index:1
}
@media screen and (max-width:991px){
    .author-card{
        flex-direction:column;
        text-align:center
    }
    .author-card .avatar-wrap{
        margin:0 auto
    }
    .author-card .avatar-wrap .avatar-link.no-image svg{
        margin-left:0
    }
    .author-card .author-info{
        margin-left:0;
        margin-top:1rem
    }
}
.author-cover-card{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    margin-bottom:2.5rem;
    padding:1rem;
    position:relative
}
.author-cover-card .cover-image{
    position:absolute;
    top:1rem;
    left:1rem;
    right:1rem;
    bottom:1rem;
    border-radius:var(--radius-16)
}
.author-cover-card .cover-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-8)
}
.author-cover-card.has-image{
    width:100%
}
.author-cover-card.has-image .author-card{
    margin:3rem 1rem;
    box-shadow:none
}
.author-cover-card.no-image{
    max-width:848px;
    padding:0
}
.author-cover-card.no-image .author-card{
    margin-bottom:0;
    box-shadow:none;
    width:100%
}
.author-cover-card .author-card{
    position:relative;
    max-width:848px;
    position:relative;
    z-index:1
}
.author-cover-card .author-card .avatar-wrap:hover img{
    transform:scale(1);
    margin:0 auto
}
@media screen and (min-width:768px){
    .author-cover-card .author-card{
        min-width:432px
    }
}
@media screen and (min-width:991px){
    .author-cover-card.has-image .author-card{
        margin:5rem auto
    }
}
.membership-switch{
    max-width:240px;
    padding:4px;
    background-color:var(--card-background-color);
    box-shadow:var(--shadow);
    margin:0 auto 4rem;
    border-radius:var(--radius-999);
    position:relative
}
.membership-switch button{
    flex:1 1 50%;
    background:0 0;
    padding:0 1rem;
    color:var(--text-color-dark);
    z-index:1
}
.membership-switch button:hover{
    color:var(--text-color-dark)
}
.membership-switch button:first-child{
    border-radius:var(--radius-999) 0 0 var(--radius-999)
}
.membership-switch button:last-child{
    border-radius:0 var(--radius-999) var(--radius-999) 0
}
.membership-switch[data-active-duration=monthly] [data-duration=monthly]{
    color:var(--white);
    background-color:var(--theme-color)
}
.membership-switch[data-active-duration=yearly] [data-duration=yearly]{
    color:var(--white);
    background-color:var(--theme-color)
}
.pricing-table-wrap[data-active-duration=monthly] [data-price=yearly]{
    display:none
}
.pricing-table-wrap[data-active-duration=yearly] [data-price=monthly]{
    display:none
}
.pricing-table{
    background:var(--card-background-color);
    padding:2rem;
    margin-bottom:2.5rem;
    border-radius:var(--radius-16);
    box-shadow:var(--shadow)
}
.pricing-table .table-header{
    color:var(--text-color-dark);
    border-bottom:1px solid var(--border-color);
    padding-bottom:2rem
}
.pricing-table .table-title{
    font-size:1.25rem
}
.pricing-table .pricing-wrap{
    margin-top:1rem;
    margin-bottom:1.25rem
}
.pricing-table .price{
    font-size:2.5rem;
    line-height:1.2;
    font-weight:700
}
.pricing-table .table-details{
    margin:2rem 0;
    list-style:none;
    line-height:1.5
}
.pricing-table .icon-list li{
    margin-bottom:8px
}
.pricing-table .icon-list li::before{
    content:"";
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z' fill='rgba(9,12,30,1)'/%3E%3C/svg%3E");
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:center;
    width:24px;
    height:24px;
    top:6px;
    position:relative;
    margin-left:-28px;
    margin-right:8px;
    line-height:40px;
    background-color:var(--gray-1);
    border-radius:50%;
    display:inline-flex
}
.pricing-table .table-footer{
    margin-top:3rem
}
.notification{
    position:fixed;
    top:16px;
    right:16px;
    left:16px;
    color:var(--black);
    font-size:1.125rem;
    font-weight:500;
    padding:16px 40px;
    border-radius:var(--radius-16);
    text-align:center;
    z-index:99;
    transform:translateY(-150%);
    visibility:hidden;
    opacity:0;
    transition:transform 250ms;
    background:var(--success-color)
}
.notification.success{
    background:var(--success-color)
}
.notification.error{
    background:var(--error-color)
}
.notification.visible{
    transform:translateY(0);
    opacity:1;
    visibility:visible
}
@media (min-width:1200px){
    .sidebar-notification{
        position:relative;
        transform:translateY(0);
        top:0;
        right:0;
        left:0;
        margin-top:20px;
        display:none
    }
    .error .sidebar-notification.error{
        display:block
    }
    .success .sidebar-notification.success{
        display:block
    }
}
.notification-close{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.notification-close .close-icon{
    position:absolute;
    top:16px;
    right:16px;
    color:var(--black)
}
.success .notification.success{
    transform:translateY(0);
    visibility:visible;
    opacity:1
}
.success .notification.success.hidden{
    transform:translateY(-150%);
    visibility:hidden;
    opacity:0
}
.error .notification.error{
    transform:translateY(0);
    visibility:visible;
    opacity:1
}
.error .notification.error.hidden{
    transform:translateY(-150%);
    visibility:hidden;
    opacity:0
}
.members-page-wrap{
    display:flex;
    min-height:100vh;
    background-size:cover;
    background-repeat:no-repeat
}
.members-content-wrap{
    flex-grow:1;
    align-items:center;
    justify-content:center;
    display:flex;
    flex-direction:column;
    padding:2rem;
    position:relative
}
.members-content-wrap .logo-wrap{
    margin-right:0;
    margin-bottom:40px;
    text-align:center
}
.members-content-wrap .logo-wrap img{
    margin:0 auto
}
.sign-card{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    padding:3rem;
    border-radius:var(--radius-16);
    max-width:448px;
    margin:0 auto
}
.sign-card .post-title{
    margin-bottom:1rem
}
.sign-card .description{
    font-size:1.25rem;
    margin-bottom:2rem
}
.sign-card .alternate-option{
    font-size:.875rem
}
.back-home-link{
    position:absolute;
    top:16px;
    z-index:1;
    border:1px solid var(--border-color);
    background-color:var(--card-background-color);
    border-radius:var(--radius-16);
    font-size:.875rem;
    padding:0 16px;
    height:32px;
    line-height:32px;
    display:flex;
    align-items:center;
    color:var(--c-text-main)
}
.back-home-link svg{
    width:16px;
    height:16px;
    margin-right:4px
}
.subscriber-wrap{
    max-width:900px
}
.member-avatar-wrap{
    aspect-ratio:1/1;
    width:150px;
    height:150px;
    background:var(--gray-1);
    border-radius:var(--radius-16);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2rem;
    position:relative
}
.member-avatar-wrap svg{
    height:50%;
    width:50%;
    color:var(--gray-3);
    margin-left:25%;
    margin-top:25%
}
.member-avatar-wrap .avatar-img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--radius-16);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.account-description{
    font-size:1.25rem;
    max-width:700px;
    margin:0 auto 2rem
}
.subscription-expiration-warning{
    width:900px;
    background-color:var(--error-color);
    color:var(--black);
    padding:1rem 1.5rem;
    border-radius:var(--radius-8)
}
.subscription-info-wrap{
    max-width:900px;
    padding:2rem 2rem 0;
    border:1px solid var(--border-color);
    margin-top:2.5rem;
    margin-bottom:2rem;
    border-radius:var(--radius-16)
}
.subs-info{
    flex:1 1 50%;
    margin-bottom:2rem
}
.info-label{
    color:var(--text-color-light);
    line-height:1.2;
    margin-bottom:.5rem
}
.info-content{
    font-size:1.25rem;
    font-weight:500;
    line-height:1.2
}
.members-button-wrap{
    max-width:900px;
    margin-top:2rem;
    margin-bottom:2rem
}
.members-button-wrap .gh-error-subscription-cancel{
    flex:100%;
    text-align:center;
    color:red
}
.btn-subs-cancel.loading::after{
    position:relative;
    display:inline-block;
    left:auto;
    top:5px
}
.archive-wrap{
    background-color:var(--card-background-color);
    box-shadow:var(--shadow);
    border-radius:var(--radius-16);
    padding:0 2.5rem 2.5rem;
    margin-bottom:0
}
.archive-wrap .pm,.archive-wrap .py{
    padding-bottom:8px;
    padding-top:2.5rem;
    margin-bottom:1rem;
    border-bottom:1px solid var(--border-color)
}
.archive-post-card{
    max-width:780px;
    margin:0 auto
}
.archive-post{
    position:relative
}
.archive-post .inner{
    padding:12px 0;
    display:flex
}
.archive-post .post-date{
    color:var(--text-color-light);
    font-size:.875rem;
    white-space:nowrap;
    min-width:58px;
    line-height:24px;
    margin-right:.25rem
}
.archive-post .title{
    margin:0;
    font-size:1.125rem
}
.archive-post .title a{
    color:var(--text-color-dark);
    text-decoration:underline;
    text-decoration-color:transparent;
    text-decoration-thickness:2px;
    text-underline-offset:3px
}
.archive-post .title a:hover{
    color:var(--c-text-main);
    text-decoration-color:var(--theme-color)
}
.py-2011+.py-2011 .py{
    display:none
}
.py-2012+.py-2012 .py{
    display:none
}
.py-2013+.py-2013 .py{
    display:none
}
.py-2014+.py-2014 .py{
    display:none
}
.py-2015+.py-2015 .py{
    display:none
}
.py-2016+.py-2016 .py{
    display:none
}
.py-2017+.py-2017 .py{
    display:none
}
.py-2018+.py-2018 .py{
    display:none
}
.py-2019+.py-2019 .py{
    display:none
}
.py-2020+.py-2020 .py{
    display:none
}
.py-2021+.py-2021 .py{
    display:none
}
.py-2022+.py-2022 .py{
    display:none
}
.py-2023+.py-2023 .py{
    display:none
}
.py-2024+.py-2024 .py{
    display:none
}
.py-2025+.py-2025 .py{
    display:none
}
.py-2026+.py-2026 .py{
    display:none
}
.py-2027+.py-2027 .py{
    display:none
}
.py-2028+.py-2028 .py{
    display:none
}
.py-2029+.py-2029 .py{
    display:none
}
.py-2030+.py-2030 .py{
    display:none
}
.pm-1+.pm-1 .pm{
    display:none
}
.pm-2+.pm-2 .pm{
    display:none
}
.pm-3+.pm-3 .pm{
    display:none
}
.pm-4+.pm-4 .pm{
    display:none
}
.pm-5+.pm-5 .pm{
    display:none
}
.pm-6+.pm-6 .pm{
    display:none
}
.pm-7+.pm-7 .pm{
    display:none
}
.pm-8+.pm-8 .pm{
    display:none
}
.pm-9+.pm-9 .pm{
    display:none
}
.pm-10+.pm-10 .pm{
    display:none
}
.pm-11+.pm-11 .pm{
    display:none
}
.pm-12+.pm-12 .pm{
    display:none
}
.error-content-wrap{
    background:var(--card-background-color);
    box-shadow:var(--shadow);
    padding:3rem;
    border-radius:var(--radius-16);
    max-width:700px;
    margin:0 auto
}
.error-code{
    font-size:7rem;
    line-height:1;
    font-weight:700;
    color:var(--theme-color)
}
.message-manual{
    font-size:1.25rem;
    margin-bottom:2rem
}
code[class*=language-],pre[class*=language-]{
    color:var(--text-color-main);
    background:0 0;
    font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
    font-size:1rem;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    hyphens:none
}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{
    text-shadow:none;
    background:#b3d4fc
}
@media print{
    code[class*=language-],pre[class*=language-]{
        text-shadow:none
    }
}
pre[class*=language-]{
    padding:1rem;
    overflow:auto
}
:not(pre)>code[class*=language-],pre[class*=language-]{
    background:var(--body-background-color);
    border-radius:var(--radius-16)
}
:not(pre)>code[class*=language-]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#708090
}
.token.punctuation{
    color:#999
}
.token.namespace{
    opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#905
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#690
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{
    color:#9a6e3a
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.class-name,.token.function{
    color:#dd4a68
}
.token.important,.token.regex,.token.variable{
    color:#e90
}
.token.bold,.token.important{
    font-weight:700
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
/*# sourceMappingURL=style.min.css.map */